《术与道-移动UI设计必修课》02.设计风格

2017-03-12  本文已影响61人  清無

1. 设计风格

人类有目的性的审美活动。

设计的不同视觉展现形式。

2. 如何确定设计风格

热情、年轻、时尚、科技等

一般品牌色就是主色,与logo主色一致;
主色一般用在应用的navbar或tabbar上,因为是用户最容易看到,且始终保持一致的地方;

如淘宝“抽风,网络又抽风了”、“亲,懒死你算了”

3. 颜色

Red Green Blue即红绿蓝三种基本色,通过不同的数值比例组成255255255=1678万种色彩,故又称为1600万色或千万色,或24位色(2^24)
红+绿=黄,红+蓝=品红,绿+蓝=青,红+绿+蓝=白

Hues 色相,有红橙黄绿青蓝紫7种;
Saturation 饱和度,色彩的艳丽程度;
Brightness 明度,色彩的明暗程度,深浅程度;

4. 色彩搭配

就是将彩色光谱中所见的长条形的色彩序列,首尾相连成环状。
通常包括12种色彩:红、橙、黄、黄绿、绿、青绿、青、靛、蓝、紫、品红、紫红。

即色环中互为补角180°的两种颜色,如红-青,基本可理解为互为冷暖系的色

即一个设计作品中,单个界面的颜色应该保持在三种以内,这里的色指色相H,否则会显得眼花缭乱,分散用户注意力。

5. 颜色选择

色彩心理学
紫色的光波最短,在自然界中较少见到,所以象征高贵、神秘。

6. 字体

衬线体serif,即在字体的始末处有装饰笔画的字体,有横细竖粗的规范,如宋体、Times等,常用于正文的阅读内容;
无衬线体sans-serif,即没有装饰笔画的字体,如微软雅黑、Arial等,也称为等宽字体,常用于标题等需要醒目却不被长时间阅读的地方;

iOS8 中文-“华文黑体”,英文/数字-"Helvetica Neue",实际设计中,ps字体要选择为“黑体-简/Heiti SC”和“Helvetica Neue”;iOS9中则为“苹方”和“San Francisco”;
Android字体为“Droid Sans Fallback”+“Droid Sans”,4.x的英文字体为“Roboto”,5.x的字体为“思源黑体”+“Roboto”;

保证各个平台的app在使用体验上的一致,可使用FontCreator将ttf字库中不需要的字体删除,以缩小app安装包的体积。

上一篇 下一篇

猜你喜欢

热点阅读