《界面设计/高等院校移动应用开发新形态教材》主要内容包括UI设计基础、用户体验、UI设计风格、设计原则、设计配色、设计规范、图标设计、App界面设计、网站设计等常见、常用的界面设计制作过程与工作原理。
《界面设计/高等院校移动应用开发新形态教材》以基本概念讲解为基础,结合实际案例分析,搭配设计案例视频制作,帮助初学者熟悉软件环境,消除初学者对设计软件工具难以驾驭的担心。
《界面设计/高等院校移动应用开发新形态教材》主要面向处于求学阶段的设计学类的学生及由其他专业转向界面设计的人员。
《界面设计/高等院校移动应用开发新形态教材》所涉及的案例均提供相应的讲解视频、PPT文件,为教学互动提供较为全面的技术支持。
本书深入浅出讲解我们常见常用的界面设计制作过程与工作原理,配以案例讲解结合视频制作,争取达到学生所见即所学的效果。
在界面设计领域,初学者对于“设计”二字的理解容易陷入“图形”“图标”“色彩”形式表现范畴的世界中不能自拔。在“形式追随功能”的理念中,定义界面设计中功能的逻辑思考较少。随着学习的深入,学生逐渐发现,所谓的“设计”其实是一种手段,这种手段可以帮助设计师团队满足用户的需求,实现项目的愿景。
本书定位偏向实战。第1章主要介绍界面设计基础,旨在帮助读者理解设计师如何实现人机友好体验。界面设计师不仅需要做出的界面“好看”,更应建立“好看十好用一合格界面设计”的设计理念,将自己作为程序员与使用者之间的桥梁,由刘娟、胡茜茜共同完成;第2~4章主要介绍在界面设计过程中,应该掌握的启动、工具图标的设计规范和实例演示,解开在一个狭小的矩形空间中所包含的几何、视觉、图形的奥秘,由柯皓完成;第5章主要以电商类、音乐类移动端界面设计为实战案例,通过对界面设计步骤的详解,帮助设计师熟练掌握相关软件的操作技能,由刘娟、张春鹏共同完成;第6章主要介绍网站界面设计的内容,通过对网站设计基本流程、网站类型、技术原理、设计规范等知识的详解,并配以丰富的图文案例及设计工具介绍,帮助设计师高效地设计出兼具良好视觉表现与优秀用户体验的网站设计作品,由保永明完成。
本书主要面向处于求学阶段的设计学类的学生及由其他专业转向界面设计的人员。本书所涉及的案例均提供相应的讲解视频、PPT文件,为教学互动提供较为全面的技术支持。
由于编者水平有限。书中难免有不足之处,敬请各位专家、读者指导与斧正。
刘娟,女,1982年生,郑州轻工业大学艺术设计学院教师,2011年硕士毕业于郑州轻工业大学工业设计专业。主编出版著作2部,主持横向课题3项,参与多项省部级项目,发表论文12篇,中文核心3篇。
第1章 UI设计基础
1.1 认识UI
1.1.1 PC端设计与移动端UI设计的区别
1.1.2 响应式网页设计与自适应网页设计
1.1.3 UI设计基础概念
1.1.4 UI设计常用工具
1.2 UI设计与用户体验概述
1.2.1 交互设计是什么
1.2.2 UX(用户体验)设计概述
1.3 UI设计风格
1.3.1 扁平化
1.3.2 拟物化
1.4 UI设计原则
1.4.1 经典设计法则在UI设计中的应用
1.4.2 格式塔心理学在UI设计中的应用
1.5 基于移动App的设计配色
1.5.1 色彩搭配法则
1.5.2 色彩风格举例
1.6 如何建立一套UI设计规范
1.6.1 色彩控件规范
1.6.2 按钮控件规范
1.6.3 分割线规范
1.6.4 头像规范
1.6.5 文字规范
1.6.6 间距规范
1.6.7 图标规范
第2章 图标
2.1 图标的概念
2.2 图标的类型
2.2.1 工具图标
2.2.2 启动图标
2.3 图标的格式
2.4 图标设计工具Adobeillustrator
2.4.1 文件的创建
2.4.2 矢量图形工具
2.4.3 属性面板
2.4.4 圆角工具
2.4.5 路径查找器
2.4.6 形状生成工具
第3章 工具图标的设计
3.1 工具图标的规范
3.1.1 表意准确
3.1.2 一致性
3.1.3 格线系统
3.2 线性图标的设计
3.2.1 搜索图标
3.2.2 聊天图标
3.2.3 眼睛图标
3.2.4 心形图标
3.2.5 卡券图标
3.2.6 房屋图标
3.3 面性图标的设计
3.3.1 搜索图标
3.3.2 聊天图标
3.3.3 眼睛图标
3.3.4 心形图标
3.3.5 卡券图标
3.3.6 房屋图标
……
第4章 启动图标的设计
第5章 移动端界面设计案例
第6章 网站界面设计
参考文献