教学课件3-1 APP设计基础

网格式菜单类似于堆砌色块，优点是简约而不简陋，导航清晰、明显，并能提高效率。
但设计时切记不分青红皂白的去使用色彩，这可能会让用户不知所措和产生疲倦感。
网格式菜单设计
（3）底部菜单
这是最基础的一种形式，主要列出应用程序重要的功能。
底部导航菜单设计
（4）顶部菜单
顶部菜单和底部意义差不多，把菜单放在顶部，可以遵循上至下的阅读习惯，但不能单手操作。
平版APP ＵＩ设计
【常见智能手机的操作系统】
1、Symbian OS（塞班） 由诺基亚、索尼爱立信、摩托罗拉、西门子等几家大型移动通信设备商共同出资组建的合资 公司，专门研发手机系统。
塞班系统（Symbian OS）界面设计
2、Windows Mobile
由Microsoft用于Pocket PC和Smartphone的软件平台。Windows Mobile 将熟悉的
Windows桌面拓展到了个人设备中。由于手机界面与电脑界面十分接近，让用户较容易 上手，轻松实现信息资源共享。
Microsoft Windows Mobile界面设计
3、Linux
目前采用Linux操作系统的手机越来越多，并没有一个统一的平台。由于具有自由、免费、
开放源代码的优势，可以由用户自主研究代码。但是的机型来自官方的第三方软件很少， 需要刷机后才能安装更多程序。
手机的屏幕尺寸有限，UI设计师通常都会将尽可能多的空间留给主体内容，尽量保持
简约和易用性高。5种常见导航菜单设计方案，不仅实用而且美观时尚。 （1）列表式菜单 列表式导航菜单设计遵循由上至下的阅读习惯，用户用起来不会很困难。它可以通过 漂亮的配色、图标组合来设计，使菜单更美观。
列表式导航菜单设计
（2）矩阵、网格式菜单
APP设计基础
授课教师：肖文婷
APP即Application的简写，因此被称为应用。由于iPhone智能手机的流行，现在的APP多
指第三方智能手机的应用程序。在移动设备市场里，主流应用商店有Apple的iTunes Store、
Android的Google Market、惠普的App Catalog、黑莓的RIM。
iTunes Store与Google Play
手机UI设计的平台主要是的APP客户端。由于手机UI的独特性，比如尺寸要求、控件和组件
类型都需要UI设计师重新调整审美基础。所以，UI设计师提前对手机界面的限制与要求做了
解，然后合理创意，便可创造出具有独特风格的APP界面设计。
手机APP ＵＩ设计
手机屏幕栏设计
窗口一般由标题栏、菜单栏、滚动条、状态栏和控制栏组成。利用窗口技术，大 文件就可以用滚动方式在一个窗口中显示，不需要用多幅屏幕来显示一个文件， 这样大大地提高了人机交互作用的能力。
菜单是一种直观且操作简便的界面对象。它可以把用户当前要使用的操作命令都
以项目列表的方式显示在屏幕上供其按需求选择。 3、下方按钮栏 手机下方按钮主要包括文字输入、主页和返回键等，是整个APP设计中重要的组 成部分。
T-Mobile在内的30多家技术和无线应用的领军企业组成。
Google Android界面设计
6、BlackBerry（黑莓）
是美国市场占有率第一的智能手机。这得益于它的制造商RIM（Research in Motion）较
早地进入移动市场且开发出适应美国市场的邮件系统。BlackBerry与桌面PC同步堪称完美， 是移动电邮的巨无霸。
（1）必需图标 App Store图标（1024×1024mm）；iPhone主屏幕图标（57×57mm、 114×114mm）；iPad主屏幕图标（72×72mm、144×144mm）。 （2）可选图标 由于只适用iPad的应用不能再iPhone上运行，因此用户不需要那么多图标。 （3）所选图标 APP Store图标（1024mm×1024mm）；iPad主屏幕图标（72×72mm、 144×144mm）。 （4）可选图标
Linux界面设计
4、Palm OS
是Palm公司开发的专用于PDA上的一种操作系统。它占据90%在PDA上是市场份额。
Palm OS系统处理速度快，且简单易用，但功能较为单一，用户群少，支持中文的操作平 台开发慢。
Palm OS界面设计
5、Google Android
谷歌与开放手机联盟合作开发了Android，主要包括中国移动、摩托罗拉、高通、宏达和
整个屏幕所有可视面积上水平像素和垂直像素的数量。
800×600分辨率的手机
（3）像素密度
像素密度，即每英寸屏幕所拥有的像素数，像素密度越大，显示画面细节就越丰富，画质
就越细腻。像素密度的大小由辨率中X和Y轴的数字除以该轴的长度。
像素密度与屏幕大小的关系
2、设备中图标设计的尺寸规格
不同设备商的应用图标像素的尺寸不同，以iOS应用图标像素尺寸为例分析。
BlackBerry界面设计
7、IOS（苹果）
是美国苹果公司开发的手机和平板电脑操作系统，它打造一种更加简单实用又妙趣横生的
用户体验，正因为它服务于体验的设计才成为当下影响力很大的手机操作系统之一。
IOS界面设计
【APP的界面构成】
在APP界面设计中主要包含以下3个部分： 1、导航菜单栏 导航菜单的设计是APP设计发展过程中很值得玩味的地方，由于移动设备特别是智能
手机键盘按钮栏
【APP设备的设计规范】
1、 APP的尺寸相关概念 （1）英寸 英寸是长度单位，英文为inch，缩写为in，一般1in等于2.54cm。通常我们指的5英寸
屏幕的手机，10英寸的平板电脑都是指的屏幕对角的长度。
iphone手机型号的不同尺寸
（2）显示分辨率
显示分辨率是移动设备在显示图像时的分辨率，它是用点来衡量的。显示分辨率的数值是指
顶部导航菜单设计
（5）扩展式菜单
可以尝试用这种方式来隐藏菜单，需要注意的是设计展开菜单按钮大部设计在左或右上角这些
显示的位置。
扩展式导航菜单设计
2、屏幕栏
屏幕栏主要由窗口、菜单、图标、按钮、对话框等组成。窗口是指在屏幕上的一个矩形区域，
它可以说是最主要的界面对象。UI设计师通过它来规划布局、组织数据命令，并以最佳的视觉 效果呈现给用户。