重大社2024样章试读-《UI界面设计》内文 试读-副本.pdf



目录

CONTENTS

UI的学习准备

了解UI/2

UI界面设计工作流程/2

UI设计师必备的能力/2

UI由什么元素组成？/3

应该如何学习UI设计/4

项目1UI图标设计

实训任务1.1UI图标基本规范与风格/6

实训任务1.2图标设计/12

实训任务1.3图标绘制/15

项目2移动端App界面设计

实训任务2.1手机界面设计基本规范/24

实训任务2.2UI配色方案/29

实训任务2.3App顶部导航栏设计/37

实训任务2.4App-Banner设计/45

实训任务2.5App底部Tab栏设计/51

实训任务2.6移动端界面视觉流程设计/58

1

UI界面设计UIDESIGN

项目３移动端主题界面设计

实训任务3.1手机主题锁屏界面设计/64

实训任务3.2手机主题内页设计/70

实训任务3.3手机主题图标设计/74

项目4网页UI界面设计

实训任务4.1网页设计流程和规范/82

实训任务4.2网页设计策划/85

实训任务4.3网页创意——头脑风暴/90

实训任务4.4网页导航设计/94

实训任务4.5网页版式设计/98

实训任务4.6全国大学生广告艺术大赛官网改版视觉流程设计/104

参考文献

2

UI的学习准备

UI的学习准备

1

UI界面设计UIDESIGN

了解UI

UI即UserInterface（用户界面）的简称。其泛指用户的操作界面，既包含了用户界面的

视觉表现，又涵盖了软件中的人机交互与操作逻辑。好的UI设计不仅能让界面更美观，还

可以大大增加操作的舒适性。界面设计师，指从事人机交互、操作逻辑和界面美观整体设计

工作的人，设计内容主要包括移动应用界面设计和网页设计等。

UI一词最早是1984年根据苹果公司的第一代MAC电脑提出的，当时其被称为图形化界

面。2010年苹果公司发布iPhone4，国内掀起移动互联网热潮，大众开始知道UI。随后，网

络发展的速度越来越快，移动终端越来越强大，而越来越多的企业进驻互联网行业。互联网

行业发展迅猛，不管是大型企业还是中小型公司都越来越重视互联网终端与产品的交互设计

与用户体验。因此，我们就需要更多更好的UI设计人才，从而带动整个UI设计行业的发展，

而优秀的UI设计师也成为企业亟需的人才。

UI界面设计工作流程（图0-1）

NO通过？NO通过？YES

YES

需求分析原型设计设计评委视觉设计设计评委切图与标注设计验证

设计规范

图0-1UI界面设计工作流程

UI设计师必备的能力（图0-2）

软件使用规范掌握组件应用图标绘制平面编排

图0-2UI设计师必备的能力

UI界面设计是以用户为中心的设计（User-centeredDesign），就是在设计开