搜索内容：
时间：2019-08-02
编辑:网站制作公司
787
0
我们都会犯错。这是人性。然而，在网页设计行业中，许多元素都可能存在错误，只需要进行一些调整就可以使它们变得非常出色。这些范围从排版到填充，一个数字可以大大损害您的网页设计。幸运的是，一旦你能够确定最常见的错误是什么，只需点击几下，键盘上的几个点击就可以挽救沉没的设计。今天，我们将看看每个设计师应该注意的一些网页设计错误。
武汉网站制作我们都犯错误......有些比其他人更糟糕。
我们的Basix帖子都是关于网页设计入门的。无论您是网页设计的新手，还是已经在网上设计了一段时间并且对某些“正式”培训感兴趣，这个库中的文章和教程都致力于帮助您获得一些经验。腰带，这样你就可以开始在更困难的项目上摇摆！
排版是设计中最重要的特征之一。在大多数设计中，文本占据了页面的大部分，因此干净，精心定制的排版可以成为释放主题潜力的关键。新的或经验丰富的设计师可能会犯很多错误，这些错误会降低页面排版的吸引力。
为了本文的目的，我假设读者知道serif字体是什么。在网页上使用衬线字体有一定的优雅，当设计师使用各种无衬线字体时，感觉更加现代。然而，当同时使用时，这两种效果不会混合成为良好排版的缩影。事实上，在正常情况下将两者混合可以产生混合结果，坦率地说，看起来并不好看。
这并不是说将serif和sans-serif字体混合在一起永远不会起作用。事实上，在某些情况下，它的效果非常好，尤其是在层次结构的不同层上使用字体类型时。例如，A List Apart使用serif字体作为标题，而使用sans-serif字体作为主体内容。
一些设计师进入的另一个重大错误是使用了许多不同的字体系列，而不是精选的一对。使用多种字体可能会导致设计断开，从而破坏内容的可读性。尝试在设计的可视层次结构中每层使用一个字体系列，而不是多字体内容，通常会创建一个更好的字体方案，看起来比一堆随机样式更加统一。
同样，字体大小和行/字母间距的过多变化会导致断开的阅读体验和整体糟糕的最终用户体验。保持不变和熟悉。
可能出现的一个主要问题是排版和背景之间缺乏对比。这会带来真正的可读性问题，因为一些用户会发现很难区分这两组颜色。以前的例子为例。哪一个更容易阅读，左边还是右边？对，左边！
对比背后并没有一个复杂的理论。你不会把黑色写在黑色背景上，因为你无法确定写什么和背景是什么。唯一的建议是使文本颜色接近背景的相反极端，而不损害其他美学品质，以避免对最终用户的挫败感。该省略号主题显示在顶部标题区良好的对比度。相反，浅粉色或紫色会在那里工作吗？
我们不再在微型显示器上挣扎（我们主要考虑桌面浏览，而不是智能手机）。相反，我们生活在21英寸+屏幕上，浏览高于HD的分辨率，为设计师提供了更多的工作空间。因此，你不应该感到压扁，并将更多的空间用于填充和边距以增强美学效果。例如，以Apple的设计为例;它使用了大量的白色空间，将所有颜色和动作集中在它所关注的内容上。这并不是说你应该有很多空白区域，但是你的设计可以从被移动中受益除了更多的可见性，所以它们很容易相互区分。
在内部填充和外部边距内尽可能保持间距一致且在整个设计中保持一致非常重要。例如，请查看下图。后半部分看起来好多了，因为所有边距都是相同的18px空间。一切都与同一网格布局对齐。它很清楚，每个区域都可以与其他区域区分开来，但它不一定浪费任何空间。
同样，网格是大多数成功的网页设计师的重要特征。使用网格可以保持一切正常，并使用一致的排水沟清理设计。基于网格的设计使一切更加井井有条。本节不在本文中，因为如果您认为您的设计在其所贡献的区域中失败，则将其视为一种解决方案是不使用它的错误。
网页设计行业是一个快节奏的行业，新的发展始终如一。可能会损害您设计的最糟糕的事情之一就是继续以多年前流行的方式开发和设计。在2003年，Microsoft Frontpage有一个“布局表”工具，但没有好的开发人员敢于在布局名称中打开表标签。同样，惊人的动画GIF和yester-decade的背景音乐是一个巨大的禁忌。哦，不要考虑使用框架作为网页设计的一部分。所有这些都呈现出可用性和其他问题，而不仅仅是我们如何做事。
Speider Schneider 在Tuts +上发表了一篇关于“网页设计的石器时代”的精彩文章。请务必查看有关您的网站不应该是什么的教程。
诸如使用表格或iFrame之类的旧技术可能看起来很诱人，但如果你环顾一下更现代的方法，通常会有一种更优雅的方式来完成工作。
您的设计应始终坚持某种层次结构，这种层次结构由尺寸和比例决定。简单来说，你最重要的元素应该是最大的元素，让它们随着你继续减小。这并不意味着最不重要的项目需要4px高，但它应该是您的页面元素规模的路线图。对于您正在设计的任何设备的输入精度，它们应该仍然成比例，并且很容易看到。如果他们在那里，他们会在那里是有原因的。
这一切都源于可用性视角，它表明每个元素都应该易于访问，并且不需要任何理由：不要让用户做任何事情而不仅仅是看一些事情。没有眯眼，没有缩放，没有过多的尝试点击比草叶更小的东西。
你也可能听说过神圣的比例，或者说“黄金比例”。虽然并非每个设计都需要遵循这一原则，但大多数标准设计可能应该不惜一切代价。1比1.62（以圆形形式）的比率通常被称为黄金比例，并且不仅仅用于网页设计，尽管我们确实值得使用它。
黄金比例在网页设计中呈现平衡，因为我们人类习惯了它; 前臂与手的比例为1比1.62，人类的笑容也是如此。寻找有吸引力的人也可以基于黄金比例，这就是为什么我们觉得黄金比例是“自然的”。保持平衡的一切可以使网页设计感觉更好，运气更好，因为它对用户来说更自然。
您可以在此处阅读有关黄金比例以及数学如何影响网页设计的更多信息。
忘记设计的主要目的总是很糟糕。如果您正在为电子商务进行设计，并且您对于当前项目不适合的kick-ass滑块有这个绝妙的想法，请不要仅仅为了它而集成它。同样，如果你习惯使用这个很棒的下拉菜单，你花了无数个小时工作，但它只会降低该特定网站的可用性，不要使用它。除了最终用于设计的内容之外，不要被其他任何事情分散注意力。定期退回并考虑目标是否与当前设计匹配，如果不匹配，则操纵它来执行此操作。
当然，如果您正在阅读本文，您可能成为ThemeForest作者的可能性更高。因此，根据审核小组经常要应对的常见拒绝因素，我有一些与您分享的提示。
线高 - 维基表示许多提交的设计模板缺少大量的线高和/或间距。宽敞的线高约1.3-1.6em有助于您的设计更好的可用性，但也使它看起来更干净。使用“em”值来测量线高也有助于使其与文本成比例。
可视层次结构 - 如前所述，具有强大，可区分的可视层次结构也可能是有利的，因为它可以帮助您的用户首先确定他们应该阅读的内容，然后让他们沿着所述层次结构工作。这对于想要销售某些东西的网站尤其有用，因为它有助于吸引读者注意页面上的特定元素，例如产品可以做的惊人事情，或者是精心拍摄的照片，同时保留不太吸引人的东西 - 像价格 - 稍微隐藏。
浏览器兼容性 - 您可以做的最糟糕的事情之一是通过使网站无法在他们选择的浏览器上工作来疏远您网站的潜在受众。有可能，用户将离开网站，而不是在尝试进行设计时花费时间沮丧。至少确保覆盖所有主流浏览器始终是可取的，并且应确保进行适当的测试。如果您没有Mac，请将自己带到Apple Store并尝试使用您的网站，如果它有助于您的最终设计看起来更好。
武汉网站制作希望你有一些思考你应该做的事情。现在，返回主页，发现你应该做什么！
3
s后返回登录
3
s后返回登录
