1. 设计风格
- 设计:
人类有目的性的审美活动。
- 风格:
设计的不同视觉展现形式。
2. 如何确定设计风格
- 寻找产品气质
热情、年轻、时尚、科技等
- 确定主色
一般品牌色就是主色,与logo主色一致;
主色一般用在应用的navbar或tabbar上,因为是用户最容易看到,且始终保持一致的地方;
- 图标插图
- 字体选择
- 排版
- 文案
如淘宝“抽风,网络又抽风了”、“亲,懒死你算了”
3. 颜色
- 主色
- 辅色
- 点睛色
- RGB
Red Green Blue即红绿蓝三种基本色,通过不同的数值比例组成255255255=1678万种色彩,故又称为1600万色或千万色,或24位色(2^24)
红+绿=黄,红+蓝=品红,绿+蓝=青,红+绿+蓝=白
- HSB
Hues 色相,有红橙黄绿青蓝紫7种;
Saturation 饱和度,色彩的艳丽程度;
Brightness 明度,色彩的明暗程度,深浅程度;
4. 色彩搭配
- 色环
就是将彩色光谱中所见的长条形的色彩序列,首尾相连成环状。
通常包括12种色彩:红、橙、黄、黄绿、绿、青绿、青、靛、蓝、紫、品红、紫红。
- 互补色
即色环中互为补角180°的两种颜色,如红-青,基本可理解为互为冷暖系的色
- 三色搭配原则
即一个设计作品中,单个界面的颜色应该保持在三种以内,这里的色指色相H,否则会显得眼花缭乱,分散用户注意力。
5. 颜色选择
- 白色+蓝色是安全的小白用户色。
- iOS Human Interface Guidelines中给出了8种色,可以作为参考。
- 颜色的性格
色彩心理学
紫色的光波最短,在自然界中较少见到,所以象征高贵、神秘。
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安装包的体积。