5个排版技巧,帮你轻松搞定UI设计
2016-11-29 00:00
197 查看
文字排版不只是从下拉选单选择字型和点数而已,文字排版是一项流传数世纪的技艺,自木制和金属的活版印刷便开始,而且它不只历史悠久,还很实用,大部分的人只要掌握一些实用的诀窍,就可以将之活用在诸如履历表、电子报或名片等日常设计项目上。下边就教你几个排版技巧,帮你轻松搞定UI设计。
(1)将要表达的讯息配上适当的感觉。每种字型都散发独特的情感或个性,也许是友善、新潮、严肃或傻里傻气,但大部分的字型并不是万用的,所以你要判断一个字型对你来说是怎么样的感觉,还有它适不适合放在这个设计里面。方法之一就是列出你希望设计呈现哪些特质,如果能先确定内容更好,这样就能直接挑选字型来配合建立好的内文调性。
(2)配合读者的心情。现在你已经替你的设计配了完美的字型,但有个小问题,并非所有人对同一种字型都有一样的感觉,选择了适合的字型后,你也要确定它适合你的观众。
可能有一群人觉得这字型很新潮,另一群就觉得它过时,因为我们看字型的方式受到文化连结的影响,而文化又和年龄及地区有
相当大的关系,所以要对你的目标群众有敏感度,如果你对选择的字型有所迟疑,问问那个团体的人,征询他们的意见,能让你的文字排版效果更好。
(3)安排层次。如果一个设计层次分得好,看起来就整齐,容易定位,可以更容易找到你要的信息。文字排版的层次对于像是电子报、杂志、书和其他传统印刷物,及某些网站等文字很多的设计特别重要。
(4)避免冲突的颜色或背景。文字排版很少独立存在,它通常会和其他元素搭配,尤其是背景。文字和其他部分间有足够的对比,可以让文字更易读,但有些小技巧可以帮忙调降一下对比:
颜色的冲突:如果要帮文字挑颜色,你可能会想要挑个能和其他元素搭配的颜色,包括背景,如果颜色太格格不入,像是很丑的弹出式广告窗口,背景是红色,字是鲜绿色,或者颜色太相近,像是白色的字搭浅色背景,眼睛负担都很大,视觉效果很差。
(5)观察与练习。增进文字排版技巧的最佳方式之一,就是观察其他设计师的作品是如何运用文字排版,这需要不断地练习并培养判断的眼光。所以请时时注意优秀的文字排版,它可能是捷运告示,也有可能是杂货的标签。
(注:本文部分内容来源于网络,整理归档蓝蓝设计。原文地址:http://www.lanlanwork.com/blog/?post=3762)
(1)将要表达的讯息配上适当的感觉。每种字型都散发独特的情感或个性,也许是友善、新潮、严肃或傻里傻气,但大部分的字型并不是万用的,所以你要判断一个字型对你来说是怎么样的感觉,还有它适不适合放在这个设计里面。方法之一就是列出你希望设计呈现哪些特质,如果能先确定内容更好,这样就能直接挑选字型来配合建立好的内文调性。
(2)配合读者的心情。现在你已经替你的设计配了完美的字型,但有个小问题,并非所有人对同一种字型都有一样的感觉,选择了适合的字型后,你也要确定它适合你的观众。
可能有一群人觉得这字型很新潮,另一群就觉得它过时,因为我们看字型的方式受到文化连结的影响,而文化又和年龄及地区有
相当大的关系,所以要对你的目标群众有敏感度,如果你对选择的字型有所迟疑,问问那个团体的人,征询他们的意见,能让你的文字排版效果更好。
(3)安排层次。如果一个设计层次分得好,看起来就整齐,容易定位,可以更容易找到你要的信息。文字排版的层次对于像是电子报、杂志、书和其他传统印刷物,及某些网站等文字很多的设计特别重要。
(4)避免冲突的颜色或背景。文字排版很少独立存在,它通常会和其他元素搭配,尤其是背景。文字和其他部分间有足够的对比,可以让文字更易读,但有些小技巧可以帮忙调降一下对比:
颜色的冲突:如果要帮文字挑颜色,你可能会想要挑个能和其他元素搭配的颜色,包括背景,如果颜色太格格不入,像是很丑的弹出式广告窗口,背景是红色,字是鲜绿色,或者颜色太相近,像是白色的字搭浅色背景,眼睛负担都很大,视觉效果很差。
(5)观察与练习。增进文字排版技巧的最佳方式之一,就是观察其他设计师的作品是如何运用文字排版,这需要不断地练习并培养判断的眼光。所以请时时注意优秀的文字排版,它可能是捷运告示,也有可能是杂货的标签。
(注:本文部分内容来源于网络,整理归档蓝蓝设计。原文地址:http://www.lanlanwork.com/blog/?post=3762)
相关文章推荐
- 汇道科技传授5个排版技巧,帮你轻松搞定UI设计
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第23讲_js三大流程控制(顺序流程、分支控制、循环控制)_js调式技巧_学习笔记_源代码图解_PPT文档整理
- WPF界面设计技巧(9)—使用UI自动化布局
- WPF界面设计技巧-使用UI自动化布局
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第26讲_js函数调用过程内存分析_js函数细节_学习笔记_源代码图解_PPT文档整理
- 5个有用的CSS技巧响应设计
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第30讲_类和对象细节_创建对象的几种方式_js对象内存分析_学习笔记_源代码图解_PPT文档整理
- [转载]网页设计技巧系列之文本排版
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第34讲_js超级玛丽小游戏_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第32讲_构造函数_成员函数详解_学习笔记_源代码图解_PPT文档整理
- 图片排版——让你的课件更生动的技巧 - [PPT|设计]
- Android UI 设计技巧
- android - 5大UI设计技巧
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第25讲_js系统函数_js函数调用方式_学习笔记_源代码图解_PPT文档整理
- UI设计技巧-Div封闭式Div导致页面显示异常
- 谷歌Android UI设计技巧 --- UI的设计的成败决定一个软件的成败
- 韩顺平_轻松搞定网页设计(html+css+javascript)_ 第18讲_js课程介绍_js基本介绍_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第28讲_js二维数组_js冒泡排序_二分查找_学习笔记_源代码图解_PPT文档整理
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第33讲_Object类_闭包_成员函数再说明_聪明的猪小练习_学习笔记_源代码图解_PPT文档整理