UI设计－从图标到界面完美解析第七章 综合案例设计.pptxVIP

从图标到界面完美解析 UI 设计 第七章 综合案例设计 CONTENTS 目 录 01 音乐播放器界面设计 02 手机主题界面设计 03 经验总结：如何设计APP界面 04 能力拓展 01 音乐播放器界面设计 第七章 综合案例设计 手机主题界面设计 音乐播放器界面设计 音乐播放器是UI界面设计中一个适合综合练习的对象，在实现播放器功能的同时达到UI界面设计的美观效果，同时音乐播放器在PC端、移动数码产品端、手机端都有不同的表现手法。在设计音乐播放器的设计界面时要注意首先是实现功能界面后再考虑界面美观程度的表现。 第七章 综合案例设计 手机主题界面设计 音乐播放器界面设计 绘制圆角矩形 单击圆角矩形工具，在其属性上选择形状选项，填充色为深紫色，圆角半径为30px， 第七章 综合案例设计 手机主题界面设计 音乐播放器界面设计 添加图层样式以及增强粉色显示 单击图层样式面板窗的图层样式工具选择渐变叠加和投影样式 单击新建图层工具新建一个图层，并使用画笔工具，用吸管工具选取粉色颜色后对粉色区域进行增强 第七章 综合案例设计 手机主题界面设计 音乐播放器界面设计 绘制圆角矩形以及添加文字效果 单击圆角矩形工具，填充颜色 选择文字工具，输入文字，并增加内阴影、颜色叠加、投影图层样式 第七章 综合案例设计 手机主题界面设计 音乐播放器界面设计 加入素材 将提供的素材加入到画面中 第七章 综合案例设计 手机主题界面设计 音乐播放器界面设计 绘制矩形并添加图层样式 绘制矩形形状 对矩形形状添加描边、填充、阴影等图层样式 第七章 综合案例设计 手机主题界面设计 音乐播放器界面设计 绘制功能图标 绘制功能图标形状 添加图层样式 第七章 综合案例设计 手机主题界面设计 音乐播放器界面设计 绘制功能图标 绘制功能图标形状 添加图层样式 02 手机主题界面设计 第七章 综合案例设计 手机主题界面设计 手机主题界面设计 当手机的功能、技术趋同的时候,用户的关注点将会从手机功能技术层面转移,界面视觉设计将是用户购买产品的决定性因素。一个设计优良的界面,用户不需要过多的书面语言的指导,就可以根据界面中色彩、图形、布局等设计元素的引导,对产品进行操作,从而形成很好的用户体验。 目前主流的手机系统是ios和Android系统，ios系统是一个相对严谨的系统，系统的主题界面不易更换，更多的设计来自于第三方软件的界面设计，而相较于ios系统，Android系统给了用户最大的自由度，用户可以根据自己的使用习惯从而“定制”系统与界面，这一点使得Android系统成为设计师最喜爱的手机系统。 IOS Android UI 通过界面设计从而给受众一种情感上的表达，是设计真正的魅力所在。受众在接触作品时的感受与设计师想表达的情感产生共鸣，是界面设计的重中之重。 2.以情感表达为重点而设计 任何一个交互界面的设计都离不开使用的情境与环境，所以在设计界面之初就要考虑到方方面面的受众群与使用情境。 3.以环境和情境因素而设计 1.以功能实现为基础而设计 界面设计也是交互设计的一种，任何界面的设计都是为了满足功能而存在的，通过界面设计，让用户明白操作，是界面设计的基础。 第七章 综合案例设计 手机主题界面设计 在Android系统中，设计师可以随意的发挥自己的想法去设计自己的手机界面，也使各大手机供应商能够创立自己独特的理念系统界面。但是在设计手机主题界面的之前，设计师务必要了解一下几点： 第七章 综合案例设计 手机主题界面设计 Android手机图标设计 手机图标就像电脑图标一样，是一个程序的标记。如：照相机、设置、信箱、通讯录等。通常为透明背景的图片如PNG格式。在手机中一半内置的图标都是经过美化的，后来安装的软件由于是个人制作，一定程度上不是那么完美，包括大小、 尺寸、比例等等，如果嫌不美观， 可以到安装目录比对标准的图标尺寸然后替换，用PHOTOSHOP或者其他绘图软件工具制作。 Android手机的图标设计相较于iOS手机的图标设计就自由了很多，由于Android系统的公开平台，设计师可以更自由的设计手机的界面以及图标。 下面，让我们通过一些实际案例来了解Android手机的图标设计。 第七章 综合案例设计 手机主题界面设计 Android手机图标设计 第七章 综合案例设计 手机主题界面设计 Android手机锁屏、时间、天气、壁纸页面设计 2007年，在苹果的发布会上由乔布斯第一次为观众展示滑动解锁的那一刻，从此UI设计走进了全世界。 手机锁屏页、时间、天气背景页面是手机界面设计展示的重要页面，所以在手机界面的设计中则需要充分的把握这几个页面的设计，重视用户的体验过程，而这个体