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

从图标到界面完美解析UI设计

第七章综合案例设计

CONTENTS目录01音乐播放器界面设计02主题界面设计03经验总结：如何设计APP界面04能力拓展

01音乐播放器界面设计

第七章综合案例设计主题界面设计音乐播放器界面设计音乐播放器是UI界面设计中一个适合综合练习的对象，在实现播放器功能的同时到达UI界面设计的美观效果，同时音乐播放器在PC端、移动数码产品端、端都有不同的表现手法。在设计音乐播放器的设计界面时要注意首先是实现功能界面后再考虑界面美观程度的表现。

第七章综合案例设计主题界面设计音乐播放器界面设计绘制圆角矩形单击圆角矩形工具，在其属性上选择形状选项，填充色为深紫色，圆角半径为30px，

第七章综合案例设计主题界面设计音乐播放器界面设计添加图层样式以及增强粉色显示单击图层样式面板窗的图层样式工具选择渐变叠加和投影样式单击新建图层工具新建一个图层，并使用画笔工具，用吸管工具选取粉色颜色后对粉色区域进行增强

第七章综合案例设计主题界面设计音乐播放器界面设计绘制圆角矩形以及添加文字效果单击圆角矩形工具，填充颜色选择文字工具，输入文字，并增加内阴影、颜色叠加、投影图层样式

第七章综合案例设计主题界面设计音乐播放器界面设计参加素材将提供的素材参加到画面中

第七章综合案例设计主题界面设计音乐播放器界面设计绘制矩形并添加图层样式绘制矩形形状对矩形形状添加描边、填充、阴影等图层样式

第七章综合案例设计主题界面设计音乐播放器界面设计绘制功能图标绘制功能图标形状添加图层样式

第七章综合案例设计主题界面设计音乐播放器界面设计绘制功能图标绘制功能图标形状添加图层样式

02主题界面设计

第七章综合案例设计主题界面设计主题界面设计IOSAndroidUI

通过界面设计从而给受众一种情感上的表达，是设计真正的魅力所在。受众在接触作品时的感受与设计师想表达的情感产生共鸣，是界面设计的重中之重。2.以情感表达为重点而设计任何一个交互界面的设计都离不开使用的情境与环境，所以在设计界面之初就要考虑到方方面面的受众群与使用情境。3.以环境和情境因素而设计1.以功能实现为根底而设计界面设计也是交互设计的一种，任何界面的设计都是为了满足功能而存在的，通过界面设计，让用户明白操作，是界面设计的根底。第七章综合案例设计主题界面设计在Android系统中，设计师可以随意的发挥自己的想法去设计自己的界面，也使各大供给商能够创立自己独特的理念系统界面。但是在设计主题界面的之前，设计师务必要了解一下几点：

第七章综合案例设计主题界面设计Android图标设计

第七章综合案例设计主题界面设计Android图标设计

第七章综合案例设计主题界面设计Android锁屏、时间、天气、壁纸页面设计2007年，在苹果的发布会上由乔布斯第一次为观众展示滑动解锁的那一刻，从此UI设计走进了全世界。锁屏页、时间、天气背景页面是界面设计展示的重要页面，所以在界面的设计中那么需要充分的把握这几个页面的设计，重视用户的体验过程，而这个体验过程那么是设计师需要考虑的重要局部，界面设计不单单是对画面进行设计，而是需要将用户的体验与画面设计完美的结合在一起而产生的设计。下面，让我们通过一些实际案例来了解Android的锁屏页、时间、天气、背景页面的设计。

第七章综合案例设计主题界面设计Android锁屏、时间、天气、壁纸页面设计

第七章综合案例设计主题界面设计Android锁屏、时间、天气、壁纸页面设计

第七章综合案例设计主题界面设计Android锁屏、时间、天气、壁纸页面设计

第七章综合案例设计主题界面设计Android锁屏、时间、天气、壁纸页面设计

第七章综合案例设计主题界面设计Android锁屏、时间、天气、壁纸页面设计

第七章综合案例设计主题界面设计Android锁屏、时间、天气、壁纸页面设计

第七章综合案例设计主题界面设计Android锁屏、时间、天气、壁纸页面设计

03经验总结：如何设计APP界面

第七章综合案例设计经验总结：如何设计APP界面扁平化从制作来看，扁平化图标的设计似乎是最简单的，因为没有过多的图层样式去修饰图标，整体给人的视觉感官是简单与大方，扁平化图标的设计方法可以用“浓缩〞与“提炼〞来概括，类似于一本书的目录与简介，是文章精华中的精华，扁平化图标的设计也是如此，虽然是跟随着IOS所衍生出的一系列流行趋