UI设计基础概述.pptxVIP

项目十三UI设计;;一、案例引入;操作步骤

步骤一

新建宽为2917px，高2042px，颜色模式为RGB，分辨率为150像素的文档，背景填充为黑色（r:32,g:32,b:32）。;步骤二

②绘制黑色圆环，部分填充黑色，部分填充蓝色渐变。然后绘制刻度线。如图13-4所示。

;步骤四绘制表现音乐韵律节奏的灯柱

?用矩形工具绘制并复制出32个排列整齐间隔一致的矩形形状，设置描边为黑色。如图13-6所示。

?用矩形工具绘制并复制出32个排列整齐间隔一致的矩形路径并全部选中，按快捷键【ctrl+enter】，将路径转换成32个矩形选区，并填充由黄色到红色的渐变。如图13-7所示。;?用魔棒工具自由选择几个矩形，调整为黑色。如图13-8所示。;?载入里层圆色矩形选区，交叉选择下部分选区，在新图层上填充黄到橙色的渐变色，如图13-11所示。用同样的方法为另外一个圆色矩形下部分选区填充黑色。为了保证两个圆色矩形截取选区的起点一致，可以利用参考线.;二知识链接;2.1.1手机APPUI设计的定义

手机APPUI是人和手机交互的窗口。一款好的APP，UI设计必须适应用户的习惯，解决用户的需求，更是要通过对细节、对用户心理的准确把握，依靠精美的操作方便的界面布局提高用户的认同度和体验度。如图13-12所示。

;2.1.2手机APPUI设计的特点

手机APPUI是将设计和手机界面操作结合起来。下面介绍手机APPUI设计的特点。

简单易操作性。

手机的小巧和便携性决定了手机APPUI设计的特点，用户不需要使用手机处理大量复杂且专业化的事情，解决生活中常态化的需求即可。所以，设计手机APPUI时，要根据手机的特点，满足用户的需求，还要使软件操作起来更加方便和舒适。

人性化。

手机是人们随身携带的，所以手机APPUI设计的另一个特点是人性化，使设计符合人们的操作习惯。

2.1.3手机APPUI设计的原则

在进行手机APPUI设计时，要遵循一定的原则，这样就可以避免设计者片面地根据自己的主观认识进行设计。;（1）设计一致原则

一款APP不论是界面外观、设计风格、颜色的搭配都应该保持一致，所有的设计元素和设计的结构保持一致，才能使APP有一个完整的系统性的效果，这样才能够让用户???快速地认识和接受它。

（2）设计简洁原则

界面设计要简洁，是UI设计中最重要的原则。精确把握用户心理模型，将细节与数据充分结合，各种复杂的装饰已经不再适合这个快节奏的时代，一个简洁的设计才更能够让用户集中注意力，不会影响用户的操作。

（3）界面视觉平衡原则

机APP能吸引用户的首先就是视觉，只有先在视觉上引起注意才能够让用户接受信息，这时候视觉的平衡原则就是一个很好的体现，需要将有用的信息落在用户最佳视线范围内，各个功能模块以及布局都要合理才行。;（4）用户体验度原则

一款优秀的APP设计时必须要以用户为中心，符合用户日常生活中常用的浏览或操作方式，在人机交互设计时注重用户的体验才能够使用户有更高的参与度和体验度。

2.2游戏UI设计

下面将介绍游戏界面的概念及类别，为实战打下理论基础。

1.游戏界面的定义

游戏界面是指游戏软件的用户界面，包括游戏画面中的按钮、动画、文字、声音、窗口等与游戏用户直接或间接接触的游戏设计元素。它是游戏玩家与游戏软件交流的媒介，好的游戏界面可以帮助玩家快速熟悉游戏的各种操作。游戏界面主要包括主界面、二级界面和弹出界面等。

2.游戏界面的类别

游戏界面包括功能性界面、操作界面、场景环境界面、剧情与情感性设计界面和音效界面等。;在游戏开发中设计师需要设计的内容通常包括启动界面和结束画面、菜单条、面板、按钮图标和鼠标形状等，下面介绍一些常见游戏界面。;（2）主菜单界面

主菜单界面是游戏的门面，包括很多功能按钮，如“开始”、“设置”、“角色选择”、“道具”“帮助”等，如图13-14所示。;（3）游戏操作界面

游戏操作界面是最主要的界面，在此界面中，玩家可以轻松地操作游戏，人性化操作是设计的重点，如图13-15所示。;（4）设置界面

在设置界面中，玩家可以调整默认参数，以符合个性玩家的需要，如调整声效、显示大小、字体颜色等。

2.3网页UI设计

下面介绍网页的基本元素及网页UI设计的基本要点。

1.?网页的基本元素

网页由一些基本元素构成，包括文本、图像、超级链接、表格、动画、音乐和交互式表单等，如图13-16所示。下面介绍一些常用的网页元素。;(2)图像和动画

图像和动画是网页中最主要的元素，不但能美化页面，与文本相比还能更加直观地表达设计者的意图，可以更有效地吸引浏览者的眼球。

(3)声音和视频

声音和视频是多媒体网页中不可或缺的组成