网页ui的设计原则

  设计用户界面时，要让用户把注意力放在重要的地方，每一个元素的尺寸、颜色还有位置，它们为理解界面共同指明了道路。下面佛山天琥设计培训学校介绍网页ui的设计原则，希望对您有帮助。

  了解你的用户

  了解用户，因为用户的目标就是你的目标。试着重述用户，了解他们的技能水平和体验，以及什么是他们需要的。找出用户偏好什么样的界面，并观察他们在界面中如何操作。不要迷恋于追逐设计趋势的更新，或是不断添加新的功能。首要的任务是关注你的用户，这样才能创造出一个能让用户达成目标的界面。

  重视模型

  用户的大部分时间都消耗在界面中，而不是他们自身上(Facebook，MySpace，Blogger，美国银行，学校/大学，新闻网站，等等)。我们无需画蛇添足，用户在你正在创造的界面中看到的正是那些(已有的)界面已经解决的同样问题。利用已成惯例的UI模型，你将使用户感觉像在家中一样熟悉。

  保持一致性

  用户需要一致性。他们需要知道一旦他们学会做某项操作，那么下次也同样可行。语言、布局和设计是需要保持一致性的几个界面元素。一致性的界面可以让用户对于如何操作有更好的理解，从而提升效率。

  运用视觉等级

  设计时，要让用户把注意力放在较重要的地方。每一个元素的尺寸、颜色还有位置，它们为理解界面共同指明了道路。清晰的层级关系将对降低外观的复杂性起到重要作用(甚至当行为本身也同样复杂的时候)。

  提供反馈

  界面要始终保持和用户的沟通，不管是当他/她们的行为对错与否。随时提示用户的行为：状态更改、出现错误或者异常信息。视觉提示或是简单文字提醒都能告诉用户，他/她的行为是否能够达到预期的结果。

  (对用户)宽容

  无论你的设计有多么的清晰明了，用户都会犯错。你的UI应当允许并宽容的对待用户的错误。要为用户提供可以撤销行为的方式，并且对五花八门的输入数据尽量宽容(没人愿意只是因为填错了生日的格式而重头再来)。同样，如果用户的行为引起了一个错误，在恰当的时机运用信息显示什么行为是错误的，并确保他/她明白如何防止这种错误的再次发生。

  鼓励用户

  一旦用户对界面有了经验之后,要奖励他/她们，使之进价。把复杂任务分解为若干简单步骤将会更显繁复和让人精力分散。提供更多的抽象方式——如键盘快捷键——完成任务，这样会让你的设计变得简洁易用。

  融入用户的语言

  所有的界面或多或少都有文字在其上。让文稿尽量口语化，而不是华美辞藻的堆砌。为行为提供清晰、简明的标签，保持简朴的文字叙述。用户对此将会很赞赏，因为他们不再是听命于他人的官腔——他们听到的是如朋友般甚至自己说话的表述方式。

  保持简洁

  正所谓：大音希声、大象无形。较上乘的设计中，你看不到华而不实的UI修饰，或是用不到的设计元素。换而是，其必须的元素一定是简洁且有意义的。当你想着是否要再界面上加一个心功能或是元素的时候，问问自己，“用户真的需要这些吗?”或者是“为什么用户想要这个小巧的动态图标?”。你是否只是因为出于自我喜好而添加这些元素?记住，永远不要在UI设计中给自己出风头。

  不断向前

  人们常说，当开发界面的时候，你往往需要失败的快一点，这样就能频繁迭代。当创建UI之时，你总会碰到错误。没关系，只要不断向前，并且要牢记让你的UI简单易用。

  实用的网页UI设计流程

  产品需求分析

  当产品经理给出一个产品的需求，我们首先需要对这个产品进行一个大致的分析，分析这个产品的方向，定义产品的用户群体及特征。

  深层次的用户体验研究与分析

  这个时候我们就要对已定义的目标用户群体及特征进行深层次的剖析，包括目标用户群体的年龄，性别及目标户群体的一些情感习惯，心理特征等，这样我们就可以有针对的对这个产品构想设计出一个大概的色系搭配及元素控件设计。

  初稿设计

  这个时候我们就可以把产品经理的原型需求和自己对产品的体验研究分析结合起来设计初稿。(大概的色系搭配，框架布局，元素控件，图标ICON等设计都可以在这一步呈现出来)

  视觉规范设计及细节优化设计

  初稿设计完成了，产品大概的样子都出来了，接着我们就是要做好视觉规范设计及细节优化设计。视觉规范设计就是要对整个产品的颜色，字体，字号，元素控件，图标ICON，间距及交互效果做个统一的规范，这样才可以做出一个成熟的产品，对前端制作也是有很大的好处的。

  跟进前端工程师实现设计效果

  设计稿完成了接下来就是前端工程师制作了，这时我们就不要以为我们的工作完成了，我们要继续跟进前端工程师实现还原我们的设计效果，有必要我们可以设计出一份交互图出来，这样便于他们更好的更准确的更快捷的实现我们的设计。

  产品体验

  当前端制作好页面之后，我们就可以对整个产品做一个线上的体验，界面体验，交互体验，当遇到一些体验不好的地方我们可以直接和产品还有前端工程师进行沟通，共同来商讨解决这些问题。

  产品的持续用户体验跟进研究与优化

  产品上线之后，我们要持续关注与跟进它，进行一些用户体验数据的收集，对于界面上和交互体验上的一些不是很理想的地方做一个收集，用在下期的改版上。

尊重原创文章，转载请注明出处与链接：http://fstianhu.5zix.com/news/103924/ 违者必究！ 以上就是佛山天琥设计培训学校 小编为您整理网页ui的设计原则的全部内容。

---

• ← 佛山天琥设计培训学校告诉你ui界面设计中的构图法则
• 佛山天琥教育告诉你平面设计好不好 →