![Photoshop智能手机App图标和界面设计(附视频)](https://wfqqreader-1252317822.image.myqcloud.com/cover/207/33703207/b_33703207.jpg)
1.1 初识App
当我们学习制作App时,需要对App有一个总体的了解。首先,我们要了解什么是App;其次,我们还需要了解App的开发过程。带着这些疑问,我们将去认识App的世界。
1.1.1 什么是App
App是英文Application的简称,中文翻译为应用程序。应用程序是指安装在各种设备上的软件,这些软件可以用自身的功能来完善原始操作系统的不足,以满足用户各种个性化的需求。
曾经,App主要用于泛指智能手机上的各种应用程序,但是随着智能设备的更新换代,现在App不仅用于表示智能手机上的应用程序,也用于表示各种Pad(平板电脑)和可穿戴设备中的应用程序,比如Apple Watch(苹果智能手表)和Google Project Glass(谷歌眼镜)中的应用程序。正是因为这些设备的问世,为App的开发和应用提供了无限大的空间。
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0015-0025.jpg?sign=1738851323-EFmjZne0d3AQ4VcMU0qM9xk7t2xbKJYe-0-2dde3618693ca4ef459fe221c625860b)
苹果的iPad
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0015-0026.jpg?sign=1738851323-8l0BgtrvWHQ3SgzkEti10brg6MPyE5W0-0-40b44cd774a76ee1db7cbd69e0d14c8f)
三星的安卓Pad
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0015-0027.jpg?sign=1738851323-K0XnqQBnkKXfVfEjaIri59eg23t4ggDb-0-5d088e7d88bcc48879e2d743219057f8)
苹果的Apple Watch
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0015-0028.jpg?sign=1738851323-YEynqvfhn5472HuoHpABg5b7ikQpmiQc-0-61a6c3c87f867da76be25b15dae0c27d)
谷歌的Google Project Glass
1.1.2 为什么开发App
App主要是基于各种手机操作系统开发的应用程序。随着移动互联网的迅猛发展和移动设备硬件的不断优化,各种设备的能力越来越强,加上各种辅助设备的添加,如触摸屏、CPU和重力感应器等,都为App的开发提供了良好的环境。
下面我们来看一组数据,从2008年苹果发布基于iPhone的应用开发包开始,仅仅四个月内,App Store(苹果应用商店)中可供下载的应用达到了800多个,而下载量更是达到1千多万次,从此开始,App的开发市场就迈入了一个高速发展的阶段。下面我们来了解一下App的各种优势,这些优势诠释了为什么App的开发能生生不息。
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0016-0029.jpg?sign=1738851323-JJO21idu6yLugiAypVamwWlITydb2iwf-0-70a36273c305804f4577f5b4063fcf07)
苹果App数量增长趋势图
App满足用户
App的各种应用程序能在短时间内迅猛发展,主要归功于它满足了当今社会发展和生活中的各种需求,比如社交、地图导航、网购支付、通信和查询资讯等。
App方便用户
App的各种功能带来的用户体验主要是方便和实用,在以前,人们只能通过传统媒体,如报纸、杂志和电视等,来查询资料或了解最新资讯,而如今,这种被动接受信息的查询方式已经不能满足用户的各种需求和生活节奏,因此,能够自主查询信息的App就很自然地接替了这些传统的媒体。
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0017-0030.jpg?sign=1738851323-HnhgQOqV4Vn3RogytaIGAyZHXD4Mm5V6-0-440247361acfbc0299060b4baedbcf8f)
1.1.3 App的开发过程
无论是在苹果的App Store上,还是在谷歌的Play Store上,人们总能发现无数创新独特的移动App不断地横空出世,但这并不表示开发设计一款App是件容易的事。
在开发设计之前,你需要构思商业模式,思考App提供的核心价值,这是开发设计App前必须要思考的问题;当明确了App的核心价值和商业模式后,你才应该去分析如何开发设计出这一款App;最后,你要做的才是工作分配。下面具体介绍开发一款App的整个流程。
明确核心价值
在开发设计一款App之前,你首先需要思考:App的应用目标群体是谁?App是用来做什么的?App的核心优势是什么?在这些抽象的思考中,首先,你需要对每一个想法进行分析,评估它们的可行性;其次,将你认为可行的想法一步步地拆分细化;最后,将它们分解成一个个明确需求的功能,让这些功能在App中得到转化和实现。
设计产品原型
在你有了明确的构想和需求以后,就需要将构想好的各个App功能添加到你的产品原型设计中。首先需要对整个页面和布局进行初始设计,然后根据各个页面的跳转关系,设计出不同的用户界面,最终将App的各个界面输出成原型设计图。
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0018-0031.jpg?sign=1738851323-YTpg4qLXz2CtfFEFR24K0JRif5mjdqEL-0-88ef4724eaea5cc0fd0d0ea7718dd7c6)
App的设计原型图
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0018-0032.jpg?sign=1738851323-2LF5zLjflk3FU3S4usrF4rTxYft1ljoe-0-507889e8c00431253d9f0e008d44788a)
设计用户界面
在拿到原型设计图后,以界面美观和操作便捷为前提,UI设计师将对原型页面进行UI界面的配色和内容设计,并设计出能带给用户良好使用体验和界面精美的最终高保真设计效果图。此时的最终高保真UI效果基本上就是App安装在移动设备上的页面效果。
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0019-0033.jpg?sign=1738851323-WLXXocJEpXdkBd36Exlfgzn5RvAlm3NZ-0-bb8725532ff7ae2d2ca07c873e07b671)
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0019-0034.jpg?sign=1738851323-rCo8zxoNY9yHX1DrZ0678ElvzPHyNEnv-0-17f2f26270a54015d4e54f0a3b9efdd7)
App的精美界面
在进行界面设计的时候要多思考,使商业化的App人性化,既简洁又方便操作。拥有符合用户习惯、能让用户迅速上手的界面的App才能称为一款优秀的App。
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0020-0035.jpg?sign=1738851323-yG6Sl1COIubr8En7Y6I1zGdK6L1YSiGm-0-a7379d6e2d77047d2961046b0d077aee)
人性化的商业App
编写程序代码
设计好用户界面以后,开发工作人员会根据App的各个UI界面效果图对App进行功能和界面的开发。
测试程序问题
在App开发工作完成以后,测试人员会对整个App的功能进行反复的测试,如果发现其功能存在问题,测试人员和开发人员会在同一时间进行更改,做到及时发现,即时更改,以缩短整个App的开发周期。
输出应用程序
在经历了最初的构思、原型的设计、界面的设计、程序的编写和程序的测试以后,我们就可以生成App了。
![](https://epubservercos.yuewen.com/A0C233/18009916608599406/epubprivate/OEBPS/Images/figure-0021-0036.jpg?sign=1738851323-VcvnwuceXEUYlxFheLBNBF1QhLHriJMo-0-b2e1bf1954022c9e8452716b54a097db)