非凡资讯

UIUE设计培训资讯>杨浦UI平面设计培训学校哪个好,UI设计交互界面排版要点分析

杨浦UI平面设计培训学校哪个好,UI设计交互界面排版要点分析
发布日期:2020/6/4 16:46:14    杨浦UI平面设计培训学校 2 分享
上海平面设计培训
1、排版是什么?
 
排版是将文字、图片等元素在版面调整,使版面布局条理化的过程。一般来说,透过来版,让人们更容易的去阅读、接受这些提供给他们的信息。
 
为什么要提供良好的排版?
 
一个良好的信息传递需要几个要素来达成,分别是对的内容与对的方式以及对的人,唯有这三个要素都成立的时候,信息就能够有效率的被使用者给接受。排版扮演着内容与使用者之间沟通的桥梁,良好的版面设计让使用者不需要特别的努力、训练就可以了解提供的内容;相反,糟糕的排版可能会让使用者拒绝接受这些内容。
 
2、排版最重要的四个要点
 
排版设计中有非常多需要注意的细节,各种细节也会因为不同的情境、需求而不同,底下列出了四项排版最重要的要点,如下:
 
1.对齐(Alignment)
 
任何东西都不能随意摆放,每一个元素之间都有某种视觉关系。利用对齐建立一个清楚整齐的外观。
 
2.亲密(Proximity)
 
彼此相关的内容应靠在一起,反之不相关的内容保持距离。利用亲密性,强调画面的组织与构架。
 
3.重复(Repetition)
 
重复视觉要素的颜色、字体、大小、空间等,增强条理性,也增强了整体一致性。
 
4.对比(Contrast)
 
避免页面上元素太过相似,如果它们不同,哪就让他们截然不同。让重要的内容引人注目,让使用者间看到它们。
 
3、文字排版要点
 
文字是内容的本质,人们透过文字、句子来阐述知识,让我们透过了解文字排版,让文字更容易被阅读、被接受:
 
1.使用适合阅读的字体
 
字体大小与使用者屏幕大小、使用距离有关,清楚了解使用者使用的环境与习惯后,选择一个适当的大小。
 
2.选用适当的字体
 
有些中文字体的英文版本其实是不合适的,挑选与中文字体相对应的英文字体作为搭配的字体。
 
3.设定恰当的行高
 
也就是「文字密度」,太挤的文字在换行时,眼睛不容易找到下一行的起点,较不容易阅读。
 
4.设定恰当的段距
 
清楚的段落区分,让读者可以清楚地了解现在正在阅读的段落。
 
5.注意段落的宽度
 
注意文字最后显示的设备大小,太宽或太窄的段落宽度都会造成阅读上的困难,一行文字以45字元~75字元是比较恰当的。
 
6.清楚的区分标题与内文
 
使用对比的方式(例如颜色、大小、位置)将内文与标题清楚的区分开来。
 
4、从认知心理学看排版
 
人们会将邻近的事物视为一体
 
红色跟蓝色放在一起容易疲劳
 
大写文字难以阅读
 
阅读与理解是截然不同的两件事
 
如果人们感觉这个字体不易阅读,他们会把这种困难的感觉转化至文意本身,并因此觉得文章所谈到的内容难以执行或难以理解。
 
较长的栏宽能提高阅读效率,但人们偏好较短的栏宽。
 
适时的应用进阶展开,减少一次显示的信息数量
 
分类信息
 
提供明显的线索
 
5、从设计法则学习排版
 
80/20法则不要对设计中所有的元素一视同仁。应该利用80/20法则来评价各元素的价值、锁定重新设计与最佳化。
 
希克定律(Hick's law)当选项增加了,下决定的时间也增加。
 
倒金字塔法则以重要性递减的顺序呈现信息。先呈现最重要的信息,之后才是附加的详细数据。当呈现数据的效率很重要时,就使用倒金字塔法则。
 
提高信噪比同一显示中,相关资讯与不相关资讯的比例,在不影响功能的原则下,必要元素应该尽量减到最少。
 
使用基本元素,让使用者安心人们在数为世界的心智模型,常常是建立在对这些基本元素的了解,不管是网页或者是App,画面中的某些常见元素早已变成基本构成要素,使用者渴望或者预期他们能够在网页上看到些元素,已完成特定的任务,有安心的感受。
 
易视性只使用者于使用产品的过程中,能够顺利达成特定目标的容易程度,让使用者可以看清楚产品的状态,并且轻松推荐可以采取的动作。易视性决定了app该呈现的关键内容是什么。
 
进阶展开(Progressive Disclosure)进阶展开主要强调提供给使用者当下所需要的内容,其他没有助益的内容、控件暂时不提供,直到使用者在各类别做选择后,才展开更多的相关细节。利用进阶展开的方式,可以减少使用者的认知负担。把信息内容归纳于少数几个选项,在分阶段渐渐释出细节,简要呈现当下所需的信息,不只能降低使用者认知负担,更可以避免丰富的选择堵塞使用者的思绪。
 
分组(Grouping)完形心理学分组是一种组织信息的技巧,将众多的信息依照特定方式分类为几组,在同一组的内容相关性较高,不同组内容差异性大,面对庞大信息时,可以利用这个方式减少压迫感。
 
6、其他要点
 
尽量使用单列版型而不是多列版型
 
使用良好的预设值而不是给使用者选择
 
使用良好的预设值减少使用者的操作
 
界面要有鲜明的对比让使用者容易区分
 
精简表单的内容
 
不要在页面上放太多的连接,这样会分散使用者的注意力
 
提供直觉的操作
 
不要过度使用边框,这样会让界面四分五裂
 
使用基本元件而不是重新设计
 
将有关联的事物进行分组
 
让点击区域大一点
 
如果提供太多的选择,使用者反而一个都不会选
 
使用社群验证的方式,让
 
易读的标题
 
易于阅览的文本
 
善用留白,营造清爽干净的感觉
 
界面风格一致性很重要
 
注意文字的密度
 
突出画面上重要元素
 
一图胜千言
 
把文字看作是使用者界面(UI)的一部份
 
尽量不需要scroll就能看到主要的内容
 
蓝色往往是最适合连接的颜色
 
搜寻框尽可能为27个字元的宽度
 
留白让内容更容易被理解
 
大多数的人视广告为无物
 
少即是多
 
限制页面内容的长度.
 
参考设计规范
 
观察界面的视觉动线
 
导航列要放在清楚的位置,如果导航列的项目是网站的核心,请勿必让导航列出现在每一个画面上
 
使用响应式设计
 
把重要的信息放在列表的最上方
 
在输入字段旁提供提示、示例
 
在送出表单前进行字段错误的检查
 
让使用者清楚知道点击哪里进行下一步
 
在所有的页面上显示你的服务名称、Logo
 
避免使用全大写的英文,除非是特别用来强调的标题内容
 
为各种设备调整适当的字体大小
 
你要考虑不同设备的阅读距离的不同
 
把你的Logo放在固定的位置上,并确保点击它能够返回到最初的页面
 
以上是比较基本的设计行业经验,要想在设计行业中长远发展,还需要深入学习,如果想系统学好UI设计,请点击链接了解UI设计学习内容,一次正确的选择,一辈子的收获。

上海UI设计培训
本文来源:网络。整理:UI平面设计培训学校。更多资讯【请关注微信号:feifanxueyuan】(版权声明:推送文章和图片我们都会注明作者和来源,除非无法确认。部分文章和图片推送时未能与原作者取得联系,若涉及版权,烦请原作者联系小编更正,谢谢!)
相关文章:
杨浦UI平面设计培训学校哪个好,UI设计交互界面排版要点分析
杨浦UI网页设计培训中心哪个好,UI交互和产品设计该如何自学
宝山UI移动端设计培训学校哪个好,APP界面设计风格注意事项
嘉定UI视觉设计培训班多少钱,UI界面交互设计规范
虹口UI交互设计培训机构哪家好,UI交互设计的学习路线
免费试听热门课程
在线客服
免费试听
助学分期
学费查询
开班查询
就业薪资