Photoshop 智能手机App图标和界面设计-全套PPT课件.pptx

第1章进入App的世界;了解什么是App

了解App的开发过程

了解运行App的平台

了解App的类型;1.1初识App;1.1.1什么是App;1.1.2为什么开发App;1.1.3App的开发过程;4.并合文档窗口

拖曳浮动窗口的标题栏到选项卡中，当出现蓝色横线时放开鼠标，可以将窗口还原到选项卡中，如下图所示。;1.2App的获取途径;1.2.1苹果应用商店;打开一个文件，PhotoshopCS6会自动创建一个标题栏。在标题栏中会显示文档名称、文件格式、窗口缩放比例、颜色模式和位通道，如果文档中包含多个图层，则标题栏中还会显示当前工作图层的名称。

相对于国内的部分安卓应用商店，苹果应用商店的优势在于上传到AppStore的软件都会经过苹果官方的严格审核，这样就保证了应用的安全性。而对于苹果的不同机型，苹果官方都会要求开发者对不同机型做出不同的适配，这样为用户提供了最佳的使用体验。而对于开发者来说，???果提供的巨大市场，让开发者受益匪浅，而这种保证三方受益的确立了这个应用商店日益强大的基础。;1.2.2谷歌应用商店;1.2.3小米应用商店和魅族应用中心;1.3运行App的三大平台;但是从2007年开始，苹果推出了只运行自己软件的iPhone系列手机，也就是iOS系统，Google也推出了自由框架式的Android（安卓）手机操作系统，这两款操作系统凭借强大的优势，迅速占领了手机市场的大部分份额，将Symbian和Blackberry这两款系统挤出了主流市场，而WindowsMobile凭借着微软的优势，在发展到Windows10Mobile后在智能手机的市场中任占着一席之地。;1.3.1Android平台;MaterialDesign在设计上并没有完全抛弃Google过去在设计上取得的成果。MaterialDesign更加倾向于用色彩来提示用户。当我们按下屏幕当中的按钮时，可以看到按钮颜色迅速发生变化，向石头投入湖面一样，产生了一波涟漪。最新的Android系统采用的是一种新的MaterialDesign设计风格。从Android系统中就能看到一些全新的设计，这套设计对Android系统的桌面图标及部件的透明度进行的稍稍的调整，并且各种桌面小部件也可以重叠摆放。虽然调整桌面部件透明度对Android系统来说并不算什么新鲜的功能，但是加入了透明度的改进。界面加入了五彩缤纷的颜色、流??的动画效果，呈现出一种清新的风格。采用这种设计的目的在于统一Android设备的外观和使用体验，不论是手机、平板还是多媒体播放器。;1.3.2iOS平台;iOS系统在最近的几个版本的更新中，抛弃了以往的拟物化设计，采用了全新的扁平化设计，苹果在重新思考iOS的设计时，更希望围绕iOS中深受人们喜爱的元素，打造一种更加简单实用而又妙趣横生的用户体验。最终，苹果优化了iOS的工作方式，并以此为基础重新设计了iOS的外观。之所以这样做，是因为能够服务于体验的设计才是出色的设计。;1.3.3Windows10Mobile平台;1.4App的类型;1.4.1影音类App;1.4.2电商类App

;1.4.3社交类App;1.4.4音乐类App;谢谢;第2章App的特色和设计基础;了解App的界面构成

了解App的设计规范

了解图标的设计规范

掌握色彩搭配方法;2.1App的界面构成;2.1.1状态栏;2.1.2导航栏与菜单栏;2.1.3内容区域;2.1.4虚拟键盘;2.1.5简化操作;2.2App界面设计规范;2.2.1手机屏幕尺寸;2.2.2手机屏幕分辨率;而屏幕分辨率就是指手机屏幕的像素点数，比如720px×1280px的分辨率，就是指在横排上可以显示720个像素，竖排上可以显示1280个像素，两个相乘，表示共有921600个像素。假如这里有一个屏幕，不管它的物理尺寸是多大，也许有一整面墙那么大，或是只有你的手机那么大，只要它的分辨率是720px×1280px，它就只能显示921600个像素。所以在这种情况下，你的屏幕很大，而分辨率又不够的情况下，就需要较大像素格来填充满整个屏幕，看起来就会很模糊。

由此可以知道，一个尺寸为7英寸，分辨率为720px×1280px的手机屏幕，肯定不会比尺寸为5英寸且同分辨率的手机屏幕显示效果细腻。;2.2.3手机像素密度;在Photoshop中也有分辨率的设置，简称为DPI，代表的是每英寸中的打印点数，它和像素密度完全不同，它是用于输出打印设备时调整的，一般情况下设置成72dpi就能达到显示器最高的输出，而印刷一般要求300dpi才能达到清晰的效果，我们这里