美文网首页
UI文字、图片和图标设计

UI文字、图片和图标设计

作者: Cindy_99e7 | 来源:发表于2019-09-26 00:12 被阅读0次

在每个项目设计中只使用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.布局合理化原则 ——直接影响着用户的阅读量

用户的的浏览和操作习惯一般都是从上而下、自左向右的。所以,在设计的时候尽量少做 加法运算 ,要多做 减法运算,一些操作频率不高的功能区域可以隐藏,要时刻保持洁面的简洁干净,从而提高软件的可用性、易用性。

相关文章

网友评论

      本文标题:UI文字、图片和图标设计

      本文链接:https://www.haomeiwen.com/subject/rhqguctx.html