UI基础二

一、什么是App

APP是英文Application的简称，指运行在手机系统上的应用程序软件，比较著名的App商店有Apple的iTunes商店，Android的Android Market，诺基亚的Ovi store，还有Blackberry用户的BlackBerry App World，以及微软的应用商城。目前主流智能手机的操作系统还是iOS和Android。其他智能手机系统份额非常小，我们可以先忽略不计。我们需要掌握好这两种系统的应用界面设计知识。

二、App的开发流程

UI设计只是整个应用开发的一个环节，如果你想更好的展开设计工作，就需要掌握App开发维护整个流程

＊产品经理（Product Manager）：一般负责收集需求、整理需求、商务沟通等工作，他会根据产品的生命周期，协调设计、研发和测试还有运营。最终产出低保真的原型说明文档（也就是线框图）表达产品的流程、逻辑、布局、视觉效果和操作状态等。

＊交互设计（User experience design）：会继续深入这个低保真原型，一般企业产品经理承担了这个工作。如果有专门的交互设计，他更多的会考虑用户流程、信息框架、交互细节和页面元素等。有些企业会让其做出高保真的原型，高保真原型是无限接近最终效果图的线框图，表达产品的流程、逻辑、布局、视觉效果和操作状态等。

＊视觉设计（User Interface）：终于到我们了，拿到无论是低保真还是高保真原型图，我们不仅仅是美化界面。我们要对原型有深入的了解，需要了解整个页面的逻辑，从全局的角度来做视觉设计。好的UI不仅是让产品变得个性有品味，还要让产品操作变得舒适、简单、自由、充分体现产品的定位和特点。最终产出物是各种图片、界面标注和界面切图。

＊程序开发：程序员根据设计图搭建界面，根据产品提供的功能说明文档去开发功能，最终产出物是可使用的应用。

＊测试：产品完成之后，还需要测试人员测试应用，主要分为单元测试、真机测试、功能测试、测试跟踪和出测试报告。

＊运营：运营人员就是需要通过各种手段提升应用的人气，同时把用户反馈的问题提供给产品人员，然后产品人员再次发起应用的版本迭代。

三、智能手机的屏幕

我们常看到手机介绍中一堆的参数，说实话，在这之前我都搞不太清楚。比如：手机屏幕是多少？手机的分辨率是多少？是否是高清视网膜屏幕等等。所以我们先了解一些常见的相关于屏幕的概念。

1、英寸（Inch）

英寸一般为1in=2.54cm，如果你不知道2.54cm是多长的话你可以看看你大拇指，大概就是你一节大拇指的长度。很多图纸、铭牌上都是使用英寸作为长度单位。手机屏幕、电视机也继承了这个计量单位。

iPhone4s的屏幕尺寸是3.5英寸，表示屏幕斜对角线的长队。乔布斯认为3.5英寸是人类单手持设备的最佳尺寸。但是随着时代的发展，人们每天愿意花几个小时在手机上面双手操作，它渐渐变成了内容消费和娱乐的主要平台。3.5英寸的手机已经满足不了大家的需求，所以现在手机屏幕越来越大化。

手机常见屏幕尺寸有3.5英寸、4.3英寸、4.7英寸和5.5英寸。为什么会选择这几个尺寸？因为手机屏幕使用的玻璃是一整块生产的，然后切割成一块一块的。利用率与成本直接相关，为了获得最优的玻璃切割利用率，避免浪费。

以后再看到英寸，知道多大了吧。

2、像素（Pixel）

我们图片放大，能看到许多色彩相近的小方点，这些小方点就是像素点，像素是图像的基本采样单位，它不是一个确定的物理量，因为像素的大小诗不确定的。

3、分辨率（Resolition）

分辨率就是屏幕像素的数量，一般用屏宽像素乘以屏高像素表示。比如iPhone6的屏幕分辨率是750*1334，也就是说它是由750列和1334行的像素点排列组成。通常情况下，图像的分辨率越高，所包含的像素就越多，图像就越清晰，印刷的质量也就越好。同时，它也会增加文件占用的存储空间。