在每个项目设计中只使用1-2个字体样式,而在品牌自己有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案;字体用得越多,越显得不够专业。
移动端常用字体
a. IOS系统 常选择华文黑体或冬青黑体,常用英文字体是Helvetica系列
(Helvetica是世界上适用范围最广的拉丁字母字体)
b.Android 英文字体:Roboto;中文字体:Noto
网页端常用字体
a.微软雅黑/方正中黑
微软雅黑最频繁。大标题用加粗字体,正文用常规字体。
方正中黑。一般应用在标题文字中, 不适合用于正文。
b.方正兰亭系列
(分别有大黑、准黑、纤黑、超细黑)可以满足排版设计需要。
同系列不同字体组合,可以体现出统一和层次感。
c.汉仪菱心简/造字工房力黑/造字工房劲黑
字体非常有力而厚实,适合广告和专题使用,多用于大图,效果比较突出。
常用的字号
1.px:像素大小。
2.em:相对大小。1em=16px。
优点:对于响应式布局有很大帮助。
缺点:无法看到实际的字体大小,对于大小的不同,需要精确的计算。
移动端常用的字号
导航主标题字号:40-42px。偏小的40px显得更精致。
内文展示中,大的正字字号32px,副文26px,小字20px。在内文使用中,根据不同的App会有所区别。像新闻类APP或文字阅读类APP更注重文本的阅读便捷性,正文字号36px,会选择性加粗。
列表形式、工具化的APP普遍是正文采用32px,不加粗,副文案26px,小字20px。
26px的字号还用于划分类别的提示文案。因为这样子的文字希望用户阅读,但不会强过主列表信息的引导。
注意!
在选用字体大小时一定要选择偶数得字号,因为在开发界面时,字号大小换算是要除以二的,另外单数的字体在显示的时候会有毛边。
常用的字体颜色
在界面中的字体分主文、副文、提示文案三个层级。
在白色的背景下,字体的颜色层次其实就是黑 #333333、深灰 #666666、灰色#999999。
在界面中还经常会用到背景色#EEEEEE
分割线则采用 #E5E5E5 或者 #CCCCCC 的颜色值
最后都归于 根据设计师把控可以根据不同的软件风格采用不同的深浅。
UI设计中的色彩基本知识
1.明度:颜色深浅
2.色相:红黄蓝是色族,色族是色相。
红黄绿蓝四种颜色称为心理四原色。
3.纯度:颜色鲜艳程度。
UI设计中的色彩情感
在做界面设计时不容忽视每个颜色所带来得色彩情感 。更好传达给用户色彩体验。
UI配色方式
UI设计原则
1.一致性原则
尽量保持字体及颜色一致,避免很多字体在一个主题当中出现;字段不可以修改的地方,可以用灰色文字统一起来。
2.信息量少而准原则
突出关键点,信息量少,传达内容准。
3.语言通俗原则
文字简单口语话,能够立即理解表达。
4.颜色合理搭配原则
颜色带给人不同的心理反应特点。
在移动端UI设计中,统一的画面中不宜超过四套颜色,除了黑白灰之外,还可以用不同层次的颜色进行搭配组合,画面中的颜色选择,可适当根据主题来变化。
5.布局合理化原则 ——直接影响着用户的阅读量
用户的的浏览和操作习惯一般都是从上而下、自左向右的。所以,在设计的时候尽量少做 加法运算 ,要多做 减法运算,一些操作频率不高的功能区域可以隐藏,要时刻保持洁面的简洁干净,从而提高软件的可用性、易用性。
网友评论