本书较为全面地讲解了移动端UI界面的设计与制作,以培养学生的UI设计理念和方法为基础,结合Photoshop、Illustrator等软件,有针对性地剖析设计制作的实施策略与过程,以训练和提高学生UI界面设计的制作技能。全书共6章,内容包括初识移动端界面设计、色彩在移动的界面中的应用、移动端界面版式设计的原则、 移动端界面设计的基础、不同的界面风格,以及综合案例。特别是在综合案例中,通过不同界面风格的多个递进的设计实例,从任务分析、功能定位、制作步骤入手对界面设计的制作进行全过程讲解。本书结构合理、内容翔实、图文并茂,将艺术设计的知识与技巧融入其中,引导读者进行思考及软件操作实践,提升读者的审美、审艺能力,使之尽快成为具有先进设计思想和理念的平面设计实用型、技能型人才。本书适合职业院校界面设计相关专业使用,也可作为界面设计初学者的入门参考书。
崔建成,岛科技大学艺术学院副教授、硕士生导师、图形图像设计中心主任、全国信息化计算机应用高级交互设计师;主要研究方向:视觉传达艺术设计、数字媒体艺术设计。多年来一直从事教学与研究工作,先后出版30余部学术著作及教材。其中,主持完成的由高等教育出版社出版的《实用美术基础》、电子工业出版社出版的《移动端UI设计》等4部教材先后入选国家“十二五”、“十三五”职业教育规划教材;主持完成山东省一流本科课程《中国传统书籍装帧设计虚拟仿真实验项目》;主持完成教育部协同育人课程体系改革项目《书刊编辑学》精品在线开放课程等多项省部级教科研项目。
第1章 初识移动端界面设计 001
1.1 移动端界面设计的概述 001
1.1.1 移动端界面设计的范畴 003
1.1.2 移动端界面设计的原则 003
1.2 主流平台与设计规范 005
1.2.1 iOS与基本设计规范 005
1.2.2 Android与基本设计规范 006
1.2.3 移动端界面设计优秀案例 007
第2章 色彩在移动界面中的应用 010
2.1 终端显示色彩基本知识 011
2.2 色彩的组成 012
2.3 色彩的对比 014
2.3.1 色相对比 015
2.3.2 明度对比 015
2.3.3 纯度对比 016
2.3.4 补色对比 016
2.3.5 冷暖对比 017
2.3.6 面积对比 017
2.4 色彩的调和 018
2.4.1 同类色的调和 018
2.4.2 近似色的调和 019
2.4.3 对比色的调和 019
2.4.4 渐变色的调和 020
2.5 色调的变化 021
2.6 移动界面色彩搭配原则 023
2.6.1 界面色彩搭配层级 024
2.6.2 色彩搭配应注意的问题 027
2.7 界面设计配色技巧 029
第3章 移动端界面设计要素 035
3.1 移动端界面构成要素 035
3.1.1 启动图标 035
3.1.2 启动页 036
3.1.3 引导页 036
3.1.4 登录注册页 037
3.1.5 缺省页 038
3.1.6 首页 038
3.1.7 模块页 039
3.2 设计表现方法 040
3.2.1 纸上法 040
3.2.2 软件法 041
3.3 风格确定 041
3.3.1 扁平化 042
3.3.2 新拟物化 049
3.3.3 3D化 050
3.4 应注意的问题 050
第4章 移动端界面版式设计 053
4.1 移动端界面常见版式 053
4.1.1 列表式布局 053
4.1.2 宫格式布局 054
4.1.3 卡片式布局 054
4.1.4 瀑布流式布局 055
4.1.5 多面板式布局 056
4.1.6 旋转木马式布局 056
4.1.7 弹出框式布局 057
4.1.8 抽屉式布局 057
4.2 版式设计应注意的问题 058
4.3 版式设计案例分析 060
第5章 移动端界面图标与组件设计 064
5.1 认识图标 064
5.1.1 图标类型 064
5.1.2 图标设计形式 065
5.1.3 图标设计规范 066
5.1.4 图标设计应注意的问题 067
5.2 认识组件 070
5.2.1 组件类型 070
5.2.2 组件规范 071
5.3 图标与组件的设计与制作 072
5.3.1 图标的设计与制作 072
5.3.2 开关控件制作(见图5-44) 075
第6章 界面风格的设计与制作 082
6.1 扁平化风格界面的设计与制作 082
6.1.1 正确认识扁平化风格 082
6.1.2 移动端扁平化风格界面制作 083
6.2 写实化风格界面设计与制作 091
6.3 卡通绘画风格界面设计与制作 103
第7章 综合案例 109
7.1 输入法皮肤的设计与制作 109
7.1.1 输入法皮肤设计原则 109
7.2.2 输入法界面设计案例解析 111
7.2 移动手机端应用界面设计制作 113
7.3 游戏界面设计与制作 121
7.4 音乐播放器App 127
7.5 新生报到小程序 138
?