UI设计中的一致性原则（大全）

第一篇：UI设计中的一致性原则（大全）

UI设计中的一致性原则

UI设计的一致性原则，在设计当中是很重要的，我们应该在设计中秉承这种理念。不仅仅是UI设计，一致性，我们也可以理解为“统一性”，在这篇文章里，我们简单阐述了一致性设计的几个原则和如何创建一致性设计，相信无论是对于UI设计新手还是经验丰富的老人，文章都是有一定的借鉴意义的。一、一致性的设计让用户感到舒适

如果有人告诉你一个产品仅仅“凭直觉的设计”就可以成功，他们可能只是在炫耀技能而已。世界上压根就没有“单凭直觉设计”就能搞定的事儿。我们通过社会经验来理解和延伸自己的体验，任何单单凭“直觉的设计“仅仅是一种来自我们先前经验的隐喻或者情景的结合。一个用户并不是天生就知道汉堡包菜单就代表着更多的选项。见鬼，我们甚至不清楚为什么它就被叫做“汉堡包菜单”，直到听到某些人这么叫，我们就跟着这么叫了，就是这样。为什么有人要把这三根线的东西弄出一个概念，强加到汉堡包身上？

但是像我们之前听到的隐喻一样，汉堡包菜单也是一种被大众容易接受的比喻形式，我们应该利用这点优势。

这并不是说我们就要硬生生的用一个莫须有的事物来安到一件设计上。但作为设计师，我们确实应该花一些时间来理解，为什么要采用这种设计方式？为什么它能被大众广泛认知？以及如何把这些知识应用到我们创造的产品上？

设计师有义务去理解为什么有些作品看起来就是那么与众不同，新鲜并且有趣。二、一致性设计节约时间和金钱成本

设计师在创造某些体验后，需要一些理由给它们做出定义。一旦定义了某种外观或者感觉，在产品的核心之上，适应将来的变化的同时并保持一致性，就变的非常容易。这意味着我们可以花更少的时间来开会讨论这样的问题，把更多的时间拿来做真正有意义的工作。一致性设计的几个原则中节约时间和成本也是我们要考虑的，当我们坐下来开始做这些工作的时候，同样，“尝试并决定怎样让一件设计看起来不一样”这种事情就会花费我们更少的时间，我们有更多的时间来专注建立自己设想的产品。

产品需要有趣，引人入胜同时，又让人感到惊讶。随着时间的推移，我们的产品需要不停的改进。但不论如何，所有决定都应该基于一致性原则。

三、优雅的一致性原则

伟大的设计，并不是因为我们脑袋里觉它就是美丽的，才会显得伟大，而是因为它是无声无息存在的，因为它是具有一致性的，让用户感到熟悉的。当然，伟大的原因，也不是因为它跟之前创造的东西是完全相同的副本。伟大的设计是一致性并且让人熟知的，因为它在这两者之间建立了某种有趣的联系。

优雅的一致性设计是对用户的一种尊重。这传达了一个信息：你非常关注他们以往的使用经验，但是你也希望这件产品有乐趣和具有视觉吸引力。只有设计者对基本的设计原理和用户体验有非常深刻的认识，才能创建出优雅的，具有一致性的设计作品。

伟大的设计是无形的，因为他们具有一致性，并让人熟悉。一致性一定会牺牲设计的美观吗？不一定！只不过我们需要花更多的努力才能做到这点。

任何人都可以用具有看起来相似的正方形，矩形等来设计一个站点或者应用，但是，你的本意一定不仅限于此。问问自己，你可以让产品具备哪些优势。要让每一天不那么无聊，挑战下自己吧！用户会为你点赞的。

四、如何创建一致性设计

1.·建立对比强烈的视觉层次感，让重要的内容放大，加粗。2.·把所有的内容都按网格优雅的对齐，或者也可以引入其它任何一种视觉排列系统

3.·在整个应用中运用一致的配色方案·让所有页面的导航元素保持一致性

4.·在不同的情况下复用相同的设计元素。比如同一个通知元件，在不同的情况中使用颜色来区分它们。

5.·一致性的设计和结构内容会让用户有一种宾至如归的感觉 以上简单阐述了一致性设计的几个原则，一致性设计应该在任何设计建立初期就被考虑进去。只有最好的设计师才能觉察到产品在这方面到底做了什么。对于普通用户而言，不管这些人能否注意到一致性设计的存在，但他们一定是会喜欢上这个产品的。

一致性设计应该在任何设计建立初期就被考虑进去。只有最好的设计师才能觉察到产品在这方面到底做了什么。对于普通用户而言，不管这些人能否注意到一致性设计的存在，但他们一定是会喜欢上这个产品的。

资料由AAA教育整理

第二篇：UI设计中的字体设计规范

去名企 拿高薪 到翡翠教育

UI设计中的字体设计规范

很多刚做APP界面的设计师，经常会因为字号，字体颜色，间距而困扰。拿到设计需求后，开始进行设计，不知道从何去调整界面的字号和行间距等。容易碰到的问题是页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐，导致与预期不符等。

在实践的过程中我们会慢慢发现一些规律或者经验规范。接下来翡翠教育柳州墨本校区的老师将和大家一起聊聊在界面设计中的那些常规字体的使用规范。

不明确而繁琐的字体搭配会导致整个画面失调。可以这样说，字体可以成就设计也可以毁掉设计。

问题的关键有：

1.字体样式太多，导致页面杂乱 2.使用的字体不易识别

3.字体样式和内容的气氛或规范不匹配 怎么避免这样的结果发生呢？

通过设计经验可以帮助你做出更好的版式,翡翠教育柳州墨本校区的老师都拥有丰富的从业经验，了解不同平台的常用字体设计规范，帮助学生快速的掌握规范。

在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。

不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。字体与背景的层次要分明,确保字体样式与色调气氛相匹配

在不同平台的界面设计中规范的字体会有不同，像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体，在这我和大家分别介绍一下。

以下是在72像素/英寸下的规范 移动端常规字体

IOS:常选择华文黑体或者冬青黑体，尤其是冬青黑体效果最好。去名企 拿高薪 到翡翠教育

Android

英文字体：Roboto 中文字体：Noto 移动端常用的的字号有哪些呢？ 导航主标题字号：40-42px 在内文展示中字号大小又是多大呢？

大的正文字号32px,副文是26px，小字20px，在内文的使用中，根据不同

类型的App会有所区别。

像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性，正文字号36px，会选择性的加粗。

大家注意了，在选用字体大小的时候一定要选择偶数的字号，因为在开发界面的时候，字号大小换算是要除以二的。这个详细缘由大家可以网上查询，我就不在这一一的介绍了。大家感兴趣的欢迎前来翡翠教育柳州墨本校区咨询了解。

第三篇：一致性思考 一体化设计

在本刊今年第3期的《问诊新课堂》专栏，我们讨论了“基于标准的教学”的三个特征，即教学目标源于课程标准、内容选择适于教学目标、评价设计先于教学设计。以下我们结合徐智慧老师的课堂叙事，具体解析“基于标准的教学”的基本策略。

与以教科书为逻辑起点的传统教学不同，“基于标准的教学”是以教学目标为逻辑起点的。而在教学目标确定的过程中，又要求以课程标准为基点，综合考虑课标、课本、学情、考情等四个要素。有一次，我和实验学校的老师讨论这一问题时，一位老师灵机一动，将这四个要素合并为“两课两情”――既好说又好记，真是一个高明的概括！

不过说到这里，有的朋友心里可能会犯嘀咕：我写教案本来就够辛苦了，你现在来个“两课两情”――“一手托四家”，搞得也太复杂了吧？古语有云：“为之，则难者亦易矣；不为，则易者亦难矣。”一旦你找到了问题解决的方法，复杂的事情也就变得简单了。

怎么样？现在您有决心一试身手了吧？如果能得到您肯定的回答，我将十二分地高兴，并愿意提供三种目标确定的方法：解剖术、铺路术和焊接术。

解剖术多用于课程标准的分解，它主要有三步。

第一步，寻找并标记关键词。课程标准一般包括三项内容：（1）学生应知什么，即学科的概念或内容；（2）学生能做什么，即技能；（3）具体的语境，即教师所使用的材料。概念或内容在课程标准中是以名词和名词短语呈现的，技能则是以动词呈现的。因此，课标分解的第一步就是要找出这些关键的动词和名词。为了更清楚地区分这些名词和动词，我们可以在关键名词下面画线，把关键动词加黑。以徐老师课堂叙事中涉及的数学课标条目为例，我们可以标记如下：

通过具体的实例认识轴对称，探索它的基本性质，理解对应点所连的线段被对称轴垂直平分的性质。

第二步，扩展或剖析关键词。在标出关键的名词和动词之后，就可以分别扩展或剖析这些词语了。还以徐老师课堂叙事中涉及的课标条目为例，其中名词的意义已经非常清晰，因此不需要再分解；而“探索”和“理解”这两个动词的意思则较为抽象，需要分解成一些可观察、可测量的动作。此时，您既可以依据个人的经验去剖析，也可以借用目标分类学研究的已有成果。比如，《布卢姆教育目标分类学修订版》就将人的认知过程分为6类19种，其中将“理解”分解成了“解释、举例、分类、概要、推论、比较、说明”等七种典型行为。徐智慧老师将“理解”分为“说出”“解释”“判断”，显然是受了这一成果的启发。而徐老师能将“探索”分解成“作图实验”“观察分析”和“归纳总结”，则源于其个人经验和专业判断，可以看出他一个善于思考和创造的老师。

第三步，组合关键词并选择合适的目标。如果课程标准的某一条目只需要一个关键词，情况就比较简单；如果同时分解了几个关键词，就会排列组合出很多条教学目标来。但一节课只有45分钟，这么多的目标不可能同时完成。此时，教师就需要运用铺路术和焊接术这两个“筛子”，对这些目标做一番分拣。

铺路术其实就是学情分析的技术。我之所以给它起这个名字，是因为“课程”一词的拉丁文原意就是“跑道”，意思是说课程就是学生在教师铺设的道路上奔跑。而教师作为一个“铺路者”，在铺设问题之前就必须知道：学生可能在哪里迷路、需要在哪里打盹儿、需要在哪里搀扶等。只有摸清了这些情况，教师才可能有的放矢，做到“道而弗牵，强而弗抑，开而弗达”，在紧要处扶学生一把。

了解学情的方法很多，如作业分析法、观察访谈法、调查问卷法等。特级教师赵谦翔就发明了“一言心得法”。他每隔一两周就要求学生针对自己的语文教学写几句话，从而掌握学情的变化。我在中学当校长时，有位教师的教学效果特别好，在仔细观察了他的教学之后，我发现他的“秘诀”在于和学生聊天，平时和学生“泡”在一起，每次考试过后要找所有的学生面谈一遍。因为学情摸得透，教起来自然得心应手。

焊接术指的是在确定教学目标时，还要把考试作为一个重要的因素来考虑，其原因有两个。

第一，与课程标准相比，考纲的要求往往更为具体，它使目标的确定变得更为容易。例如，语文课程标准对第四学段的阅读教学提出了“在通读课文的基础上，理清思路”的要求，但“思路”这个名词包括哪些内容，标准并没有具体的说明；而在《2012年上海市初中毕业统一学业考试手册（语文科）》中，则对文章的思路结构做了具体的要求：说明文（时间顺序、空间顺序、逻辑顺序），记叙文（顺叙、插叙、倒叙），议论文（总分、并列、层进、对照）。显然，后者对教学的指导性更强些。

第二，目前很多命题者对课程标准把握得并不准确，命题超标的现象并不少见，遇到这种情况时，教师不得不在课标和考试之间做出平衡。我在实验学校指导时就经常有老师向我诉苦：“我想按课标教，可是上面不按课标考，我到底该听谁的呢？”此时，我只能无奈地告诉他：大规模考试和课标的一致性是一个暂时难以解决的体制性问题。目前唯一的应对办法是在教学目标的确定中加入考情的因素，找到考试要求与课标的差距，并根据自己的教学实际处理好两者的关系。

基于标准的教学的另一重要特征是“评价设计先于教学设计”，指的是要在教学活动实施之前就考虑评什么、怎么评的问题。如果把一节课比作一条绳子的话，目标和评价就是绳子的两端，我们只有先攥住它们，整个绳子才能绷成一条直线。新课程实施以来，课堂上学生的活动多了起来，学生的主体性得以凸显。但形式化的问题也日益严重：说是老师放手，实则学生放羊；说是重在参与，实则组织无序；说是“享受过程”，实则“劳而无功”。这就是美国的课程学者汤姆林森所一再批评的“模糊的设计”。

为了解决这一问题，在一致性思考目标、教学、评价的同时，我们还需要将评价和教学进行一体化的设计。在这一方面，徐老师的课堂叙事为我们提供了很好的样例。他把三个主要的课堂活动全都设计成了评价活动，每个活动又由评价任务、评价标准和评价方式三个部分组成。这样一来，每个活动由谁来做、怎么去做、做到什么程度都一目了然。因为明确了活动的方向、锁定了活动的主体、明晰了活动的标准、圈定了活动的边界，教学自然就变得紧凑而简约。

由此可见，在“基于标准的教学”中，我们要特别关注“两个一”工程：一个是从教学目标的确定出发，思考目标、教学和评价的一致性。这个工程做好了，教学的思路就清楚了。另一个是从评价的设计入手，完成教学和评价的一体化。这个工程做好了，教学的内容就集约了。

第四篇：《UI设计》课程标准

《UI设计》学习领域课程标准

执笔：甄珍

审核：

时间： 2013-5-

5一、学习领域定位

“UI”热是近几年来兴起的潮流，近几年国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门。还有很多专门从事UI设计的公司也应运而生。

正是鉴于目前UI行业的发展状况，本专业第一次开设计《UI设计》课程。

《UI设计》是所有与网络通信软件相关专业课程，该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识，还重在给学生开拓新的专业知识面，认知一个新的设计领域，从而拓展职业能力和就业选择面。

二、职业分析

目前UI即用户界面设计行业刚刚在全球软件业兴起，属于高新技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。但目前全国UI设计专业的系统教学极其稀少。UI设计师的待遇和地位也逐渐上升。

三、学习目标

知识目标：使学生能熟悉UI设计的流程和设计方法，并能使用制作有创意的，充满视觉冲击力的UI设计作品。

技能目标：使学生学会系统规划和全局思维，能够完成一整套UI系统的设计。

素养目标：使学生具备能从事UI系统的开发与设计能力，培养学生团队合作、及独立思考能力。

四、学习内容

四、学习领域课程设计思路

（一）设计理念

五、考核方式

学生成绩的评定，以学生平时表现和任务完成情况及最终考核来核定。评分细则如下表：

其中，平时成绩包括平时上课的表现和各任务的完成情况，占总成绩的30％；最终考核成绩所用考核方式为机试，占总成绩的70％。

第五篇：UI设计流程

UI设计流程

阶段一：分析

1用户需求分析 2用户交互场景分析 3竞争产品分析

这两者可以说是相辅相成的。对于一个较为正规的项目而言，必然有对用户需求的分析内容。Tanjurd瑭锦资深UI设计师表示其中用户UI需求是重要的组成部分。如果说UI设计原则是所有UI设计的出发点的话，那么用户UI需求就是本次设计的出发是好的UI设计建立在对用户深刻了解之上。因此用户交互场景分析就很重要。对于大部分项目组来说也许没有时间和精力去实际勘查用户的现有交互、制作完善的交互模型考察，但是UI设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当然有的时候可以参考的并不一定是竞争产品。

阶段二 设计需求：（叶面设计前需提给UI页面组）

1.系统设计需求文档。2.系统结构文档（例如栏目划分，目录结构，导航方式等）。3.较复杂页面表现形式草图（手绘或相关软件绘制）。4.较复杂业务流程文档。5.如有可能提供参考和示例站点。6.与程序员沟通部分页面实现方法。

段三：页面制作：

1.经过确认的美术设计的方案图7.系统设计需求文档等，较复杂务流程文档。2.所需页面脚本需求，与程序员沟通部分页面实现方法。3提交给程序

用户交互case图（说明用户和系统之间的联系）用户交互流程图（说明交互和事件之间的联系）交互功能设计图（说明功能和交互的对应关系）最终得到UI的设计产品。

阶段四：验证

界面测试：（页面组提交给测试组包括：1.经确认的设计方案图。2.静态模板页面。以上二项均为便于查看嵌入程序后的叶面情况。3.常出现的界面错误：图片错误，页面不美观，布局不合理，与原先设计不符，文字 错误HTML代码错误，页面程序错误。4.界面bug测试报告：

正如Tanjurd瑭锦国际UI交互设计原则文中提到的，对于UI产品的验证主要从下面几个方面入手：

1、功能性对照UI设计的再好，和需求不一致也不可以。

2、实用性内部测试UI设计的最重要点就是实用性。

3、用户焦点小组UI设计是否优秀的重要衡量依据。最后，瑭锦Tanjurd说一点其他的问题。现在往往认为交互式设计和最终的UI效果设计可以截然分开。这就好比说需求可以和设计截然分开，是不可能的。

总结：

1.产品定位与市场分析这一类工作大多都是由新产品研发部门以及市场需求完成的，但UI设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。

2.用户研究与分析这个过程是非常重要的，设计师应该找到合适的方法来完成此环节。你可以搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。

3.架构设计这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。

4.原型设计我觉得这里应该是一个小的阶段标志，要对前面所有工作加以设计方面的实施，根据进度与成本，可以把原型控制在“手绘－图形－FLASH-视频”几个质量范围。原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性。

5.界面设计如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。

6.界面输出作为设计师，在这一部分的工作就是配合好开发人员完成相关的界面结合。7.完善工作这个环节是很多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。Tanjurd瑭锦表示很多设计师做了东西不喜欢改，这是一个大忌。

如上的流程，可能会有很多部门共同参与完成，UI设计师如何与团队配合并发挥自己应有的作用非常重要。一名合格的UI设计师，应该能贯穿整个UI流程进行工作，而并非是单纯的图形界面设计。