移动app界面设计基础.pdf

第 1 章　移动 APP 界面设计基础 第1章　移动APP界面设计 本章知识点 了解手机的发展历史 基础 了解界面设计相关知识 理解图片的格式 基本掌握界面设计需要使用的 手机是当代社会人们接触和使用最为频繁的媒体类型之一。 软件 与其他类型的 UI 设计一样，手机界面设计不仅要时尚美观，还 需注重各个功能的整合，力求使用户毫无障碍、快捷有效地使 用各个功能，从而提高用户体验。 　1.1　　关于手机 行动电话、手提电话、无线电话、移动电话、携带电话和流动电话，即“手提式电话机”，简称 手机，是可以在较广范围内使用的便携式电话。 1.1.1　手机的发展历史 1902 年，一位叫内森·斯塔布菲尔德的美国人在肯塔基州默里的乡下住宅内制成了第一个无线 电话装置，这部可无线移动通信的电话就是人类对“手机”技术最早的探索研究。1938 年，美国贝 尔实验室为美国军方制成了世界上第一部“移动电话”手机。1973 年 4 月，美国工程技术员马丁·库 帕发明了世界上第一部推向民用的手机，马丁·库帕从此也被称为“手机之父”。 第一代手机（1G）是指模拟的移动电话，也就是在 20 世纪八九十年代中国香港、美国等影视作 品中出现的大哥大。 第二代手机（2G）通常使用 GSM 或者 CDMA 这些十分成熟的标准，具有稳定的通话质量和合 适的待机时间。 3G 是英文 3rd Generation 的缩写，指第三代移动通信技术，是将无线通信与国际互联网等多 媒体通信结合的新一代移动通信系统，它能够处理图像、音乐和视频流等多种媒体形式，提供包括网 页浏览、电话会议和电子商务等多种信息服务。 提示 3G 网络在室内、室外和行车的环境中能够分别支持至少 2Mbps、384kbps 及 144kbps 的传输速度。 1 移动互联网之路——APP UI 设计从入门到精通（Photoshop 篇） 4G 是第四代移动通信及其技术的简称，现在最常见的也是 4G 手机，能够传输高质量的视频、 图像以及图像传输质量与高清晰度电视不相上下的技术产品，如图 1-1 所示为搭配 4G 网络的手机。 图1-1 1.1.2　手机分辨率 手机屏幕的分辨率对于手机 UI 设计而言是一个极其重要的参数，这关系到一套 UI 界面在不同分 辨率屏幕上的显示效果。16∶9、720p 、VGA 和 QVGA 等术语就是指手机的分辨率， 一块方形的 屏幕横向有多少个点，竖向有多少个点，相乘之后的数值就是这块屏幕的像素。但是为了方便表示屏 幕的大小，通常用横向像素与竖向像素相乘的方式来表示。市场上较为常见的手机屏幕分辨率主要包 括以下 6 种分辨率。 QVGA：全称 Quarter VGA，竖向分辨率为 240×320 像素，横向分辨率为 320×240 像素， VGA(VGA 全称 Video Graphics Array，分辨率为 640×480 像素，这种屏幕一般用于一些小的便 携设备上 ) 分辨率的四分之一，现在基本退出市场。 HVGA：全称 Half-size VGA，大多用于 PDA，480×320 像素，宽高比为 3 ∶2， VGA