用户界面设计的一些方法与原则.pdfVIP

用户界面设计的一些方法和原则 什么是用户界面 ？ 用户界面 （UI ，User Int erf ace ）也称人机界面 ，是人机交互、操作逻辑和界面表现的 体 设计。每一种设计都有其对应的职业角色 ，其中 ，人机交互的设计人员叫做用户研究工程师 ，操作逻辑设计人员叫做交互设计师 ，界面表现设计人员叫做视觉设计师。 本篇我们所指的用户界面设计 ，特指界面表现部分的设计 ，仅此一点 ，设觉设计师就不应该是“美工” 那么简单。因为用户界面的表现质量与用户体验直接相关 ，是产品最接近用户的的部分 ，是产 品的“脸”。既然跟用户体验相关 ，就必须要有用户思维 ，要想设计出打动人心的用户界面 ，就要站 在用户的角度思考设计。 换个角度 ，我们说计算机 （电脑 ）的构成 ，硬件和软件。硬件为计算机提供信息处理的环境支持 ， 软件为计算机提供信息处理的方案 ，帮助用户解决问题。也就是说 ，用户使用电脑 ，实际是在使用 软件 ，本质就是与软件的用户界面打交道的过程。 用户界面设计的基础知识有哪些 ？ 设计的基础 ，一定和“美”有关。Smart isan的设计总监方迟曾在一次分享会上问到一个问题 ，说人类 很容易辨别“美”和“丑” ，回答为什么“丑”也很容易 ，但面对“美”的东西却常常说不出为什么美 ，美在 哪里。是的 ，其他人都可以回答不出 ，但是作为产品经理的你 ，是有必要对“美”有一定的认知。 有本书值得推荐 ，《写给大家看的设计书》 ，作者Ro bin W illiams给出了“美”的设计原则 ，我深以 为是 ，并渐渐的应用在了自己的产品工作中。 CRA P设计原则 Co nt rast （对比 ） “如果两个元素不同 ，就会产生对比。倘若两个元素存在某种不同 ，但差别并不是很大 ，那么你做出 的效果并不是对比 ，而是冲突。这就是关键 ，Ro bin W illiams对比原则 ：”如果两个项不完全相同 ， 就应当使之不同 ，而且应当是截然不同 （强烈 ）的。”” 对比的目的有两个 ，一是增强页面的表现效果 ，二是有助于界面信息的组织。 Repet it io n （重复 ） “Ro bin W illiams重复原则 ：“设计的某些方面 （元素 ）需要在 个作品中重复”。重复的元素可能是一 条粗线、一种粗字体 ，某个项目符号、颜色、设计要素、某种格式、空间关系等。总之 ，读者 （ 用户 ）能够看到的任何方面都可以作为重复元素。“ 重复的目的就是统一 ，并增强视觉效果。 A lignment （对齐 ） “Ro bin W illiams对齐原则 ：“任何元素都不能在界面上随意安放。每一项都应当与界面上的某个内容 存在某种视觉联系。””试着在界面上只使用一种文本对齐方式 ：所有文本都左对齐 ，或右对齐 ，或 者全部居中。当然 ，前提是你要找一条明确的对齐线 ，并坚持以它为基准进行界面的设计。 对齐的目的是使界面统一而有条理 （教养 ）。 Proximit y （亲密性 ） “Ro bin W illiams亲密性原则 ：“将相关的项组织在一起 ，移动这些项 ，使它们的物理位置相互靠近。 “”在人们的意识里 ，物理位置的接近就意味着存在联系。 亲密性的目的是实现界面信息的组织化 ，形成视觉的模块化。在你将界面中的相关元素放在一起展 示的同时 ，也使界面的空白区域 （留白 ）更加 洁、美观。 我们的眼睛喜欢看到有序的事物 ，这会给人一种平静、安全的感觉。 用户界面设计有什么原则吗 ？ 界面与用户的控制之下 （高效 ） 界面设计的目的是满足用户完成任务的需求 ，也就是说是能够表达出功能的含意 ，让用户快速理解 界面内容和功能。如360安全卫士PC客户端的界面设计 ，凸显其核心功能“体检”。 减少用户的记忆负担 （简单 ） 减少用户的记忆负担的核心有两个 ：界面简单和设计逻辑清晰。 界面简单 ，是指元素和内容的清晰直观的表达效果。 设计逻辑清晰 ，是指界面元素位置的放置是有逻辑的 （常规逻辑 ，保证用户可理解 ），而不是随 意的。其实 ，这里追求的是 ，界面能够引导用户的视觉流 ，跟随着设计逻辑 （与界面角色和功能 相关 ）进行。 界面风格统一 （自然 ） 界面风格的统一有三方面内容 ：产品目标、硬件 （设备 ）、用户习惯。 与产品目标、核心功能的传达一致。产品目标决定了界面中的元素和元素间的主次关系 ，理解了产 品目标、核心功能 ，再开始用户界面的设计。 与硬件 （设备 ）的设计风格一致。如i S6、i S7、W P10平台 ，不同平台手机、平板、PC的界面 ，都是要分别进