用户界面设计(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风格的

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。