浅谈IOS界面设计尺寸规范

  用户界面设计(Design)的基础知识(Knowledge)有哪些?

一、尺寸及分辨率

iPhone界面尺寸:320*480、640*960、640*1136

iPad界面尺寸:1024*768、2048*1536

单位:像素72dpi,在设计(Design)的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计(Design),比较方便预览效果(effect),一般用640*960或者640*1136的尺寸来设计(Design)。

PHOTOSHOP:作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。UI设计教程具体还包括:可用性分析、GUI(Graphic User Interface即图形用户界面)设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已,更重要的是让软件的操作变得舒适、简单、易用,并且充分体现软件的定位和特点。

二、手机界面设计(Design)基本组成元素

iPhone的app手机界面设计(Design)一般由四个元素组成,分别是:状态栏、网址导航栏、主菜单栏、网站内容区域。UI设计学习UI设计师的涉及范围包括高级网页设计、移动应用界面设计,是目前中国信息产业中最为抢手的人才之一。

这里取用640*960的尺寸设计(Design),那我们就说说在这个尺寸下这些元素的尺寸。

状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px

网址导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px

主菜单栏:类似于页面的主菜单,提供整个应用(application)的分类(Classification)网站内容的快速跳转,其高度为:98px

网站内容区域:展示应用(application)提供的相应内容,整个应用中布局变更最为频繁(frequency),其高度为:734px

至于我们经常说的iPhone5/5s的640*1136的尺寸,其实就是中间的网站内容区域高度增加到910px。UI视觉设计承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。

PHOTOSHOP:在最新的iOS7的风格(style)中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和网址导航栏合在了一起,但是再怎么变,尺寸高度也还是没有变的,只不过大家在设计(Design)iOS7风格的

0
分享到:

评论0

请先

社交账号快速登录

 
QQ在线咨询