从零开始的iPhone UI设计-1

2017-11-12 13:48:17 1787 次阅读
从零开始的iPhone UI设计-1

今天,

回学(监)校(狱)前

写(水)一篇很...短的文章




如果,你对这方面感兴趣,可以去深入的学习

首先呢,你要一个必备的软件---Photoshop

其次你要了解下 iPhone各个机型的分辨率

图片来源于网络

如此之外,你要保证素材的清晰度,在电脑上看的清晰的照片在手机上可能会变得模糊,因为分辨率要适应屏幕,难免会要进行缩放。

拿4S为例For example:


状态栏:高度为:40px       导航栏:高度为:88px   

主菜单栏:高度为:98px   内容部分:高度为:734px

这里送大家一些素材(来源于网络)http://document-1254197101.cosgz.myqcloud.com/UI素材.7z




好了

今天,的就写(水)完了,望大家双11愉快=w=

734p

状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域


其高度为:

40px 

 

导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,

其高度为:

88px 

 

主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,

其高度为:

98px 


内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁,其