设计网页应该注意什么问题

  当用户看到在屏幕上出现的表格时，他们的第1反应通常是“现在需要从鼠标切换到键盘了”。如果此时能将光标显示在第1个需要填写的区域内，用户操作起来就会感到更加便利。下面郑州华人教育介绍设计网页应该注意什么问题，希望可以为您带来帮助。

  1、填写表格时光标自动显示在输入区域

  这样的话，他们就省却了“移动鼠标–点击输入框”这一步骤，而可以直接在表格内填写内容了。谁不希望填写表格时更简便一些呢?

  2、为图标添加自动提示问题

  在网站中，图标可以优雅而简洁地将某个特定的动作信息传达给用户。但是要牢记，不是所有用户都能立刻明白图标所代表的意义。因此，当用户将鼠标置于图标之上时，随即显示关于这一图标所代表的功能就显得尤为必要。有了这个细节，网站的新用户即便不明白图标的含义，也不会因胡乱点击而导致错误了。

  3、反潮流设计

  不管你喜欢与否，拟物化设计已经离我们远去了。浓重的阴影和大跨度的渐变色的使用，在目前的网页设计中已然不多见。相比于在3D特效中寻求创意，不妨拥抱扁平化的设计准则。

  4、不专业的文案

  要写好文案并不是一件简单的事情。但是不论如何，你需要经过网站将你需要表达的内容呈现出来，特别是当你是想经过网站卖东西的时候。在这种情形下，你需要让你的文案易于被理解，精心校对，确保内容的正确性和准确性，不要有拼写错误。

  我经常在网上看到一些表述极为尴尬的文案，这样的网站会给人一种网站尚处于原型阶段的粗糙感。在网站上线前，找个有相关经验的朋友浏览一下全站是个不错的选择。

  5、可读性的问题

  如果无法让人看清，再出色文案都无法拯救你的业务。许多细小的细节会影响网站文本的阅读性，直接或者间接地影响你精心准备的内容，让它们难以被读者流畅地感知到。

  要解决可读性问题，值得注意的问题很多。行高过低会让文字难于被阅读，太小的字体对于许多用户都是障碍，阴影、斜体等效果也常常会影响可读性(尤其是中文，繁体中文这种情况更严重)，色彩对比度没控制好更是灾难性的。这其中有些问题虽然算不得太严重，对于多数用户也许不会造成太多障碍，但是这会让用户对你的专业性产生怀疑。

  6、一致性的问题

  你应该始终保持产品和品牌的一致性，从品牌设计、网站设计到社交媒体、包装和广告，都应该具备品牌识别度。

  不过在实现这些远大的目标之前，先退一步来看，你有必要让网站本身先与自身保持一致性。你的网站字体的样式是否保持了一致?LOGO上的品牌用色与网站的配色方案是否对应?网站的各个元素的阴影样式是完全一样，还是“看起来很相似”?通常情况下，你只需要仔细清理你的CSS样式表，就可以解决许多一致性的问题。

  网页设计中常见的交互设计错误

  交互设计从来都不是简单的事情。可靠的交互通常需要借助对用户行为的深入分析，然后有针对性的精心策划。可是随着新的技术和新的交互模式的不断涌现，事情就变得不是那么容易了。

  其实大家遭遇的困境都很相似，用户已经很难被单纯炫酷的图片、流畅的悬停效果和出人意料的动效所打动，真正能让他们露出微笑的是持久、令人愉悦的交互设计和用户体验。如果你对于日常的设计中的常见的误区有所了解，自然会有意识地绕过这些坑。

  为了更好的设计，我们为你简单总结了一下较常见的5种交互设计的误区。

  1、过度的创意

  网页设计师绝对不缺少创意。我们希望借工作表达自己，也一直在试图寻找能让产品脱颖而出的出色创意。但是当涉及到交互设计的时候，推陈出新并不一定总是好的，它甚至会对你的网站和产品产生不利的影响。的确，许多用户渴求新鲜的创意，但是在操作和交互上却往往希望协调可控，所以他们更倾向于熟悉的交互。Etsy的创业总监Randy曾经撰文探讨过这个问题，文中直言“设计师们不要在此(交互设计)自作聪明了!”在这篇文中，他详细解释了为什么你不应该走极端去设计充满大量创新交互的网页。

  2、令人迷惑的交互

  “不要自作聪明”的规则也应当应用在导航设计上。一些设计师试图运用别具一格不同寻常的名称，以活动更富有实验性的导航。比如这个Chijoff网站，就让前来应聘的用户充满困惑。如果你是网站的访客，需要来回折腾一阵子，才能搞清楚这个名为“Co-Create”的页面实际上也就是常见的“Services”页面。较纠结的是，即便是你将整个页面都看完之后，仍然高不清楚要怎么办，因为这个页面的底部仅仅只有一个表单，展示行业新闻，并且仅仅提供一个注册入口!至于联系页面就更简单了，仅仅提供了一个邮政编码和一个邮件地址。总而言之，他们用各种手段让用户无法直接快速有效的联系上他们。

  3、杂乱无章

  曾经有过一个阶段，设计师试图将所有的内容全都塞到一个页面当中去。虽然这个时代已经过去了，但是很多网站依然在犯这个错误，甚至在我们自己设计的时候，有时候也会身不由己地想这么做。

  4、要有对比度

  对比度是构建视觉层次较重要的手段之一，也是让视觉元素吸引用户的绝佳方式。在网页设计中，对比度不仅仅是经过色彩来呈现的，尺寸控制、形状设计、位置调整也都能表现出对比度。

  5、忽视表单样式

  表单设计其实是用户体验设计的基本组成部分之一。每个网站都有不同的设计目标，不论是销售产品、呈现信息还是提供沟通平台，然而许多设计漂亮的网站总会给你一个令人感到无聊到死的复杂表单，除了那些极其想加入会员或者想参与问卷调查的那些访客，许多用户(比如我)会直接关闭页面，离开网站。

  结语

  网站并不是做好了就够了，你还需要多加测试!有许多问题并不是意料之中的。用户会在哪里碰到问题?导航中的设定是否符合用户的意识?视差效果和内置的视频是否能够流畅加载?让用户参与测试较大的好处是你真的开始拥有用户的视角，而非你自己的脑补，了解实际的需求，才能有所改进。不要试图限制你的创造力，但是也不要忘记基本的原则，这样才能在不为用户带来困惑和沮丧的同时，给予他们惊喜。

尊重原创文章，转载请注明出处与链接：http://huarenedu.5zix.com/news/109040/ 违者必究！ 以上就是郑州华人教育 小编为您整理设计网页应该注意什么问题的全部内容。

---

• ← 郑州华人教育告诉你平面设计的就业方向
• 郑州华人教育教你如何用java编程 →