东方锐智—让教育更美好

当前位置:锐智首页 > 技术博文-UI > 正文
UI设计新人须知:UI设计基础概念(二)
时间:2017-07-25 03:02:00 来源:站酷 作者:任xx

一、什么是App

APP是英文Application的简称,指运行在手机系统上的应用程序软件,比较著名的App商店有Apple的iTunes商店,Android的Android Market,诺基亚的Ovi store,还有Blackberry用户的BlackBerry App World,以及微软的应用商城。目前主流智能手机的操作系统还是iOS和Android。其他智能手机系统份额非常小,我们可以先忽略不计。我们需要掌握好这两种系统的应用界面设计知识。

二、App的开发流程

UI设计只是整个应用开发的一个环节,如果你想更好的展开设计工作,就需要掌握App开发维护整个流程

*产品经理(Product Manager):一般负责收集需求、整理需求、商务沟通等工作,他会根据产品的生命周期,协调设计、研发和测试还有运营。最终产出低保真的原型说明文档(也就是线框图)表达产品的流程、逻辑、布局、视觉效果和操作状态等。

*交互设计(User experience design):会继续深入这个低保真原型,一般企业产品经理承担了这个工作。如果有专门的交互设计,他更多的会考虑用户流程、信息框架、交互细节和页面元素等。有些企业会让其做出高保真的原型,高保真原型是无限接近最终效果图的线框图,表达产品的流程、逻辑、布局、视觉效果和操作状态等。

*视觉设计(User Interface):终于到我们了,拿到无论是低保真还是高保真原型图,我们不仅仅是美化界面。我们要对原型有深入的了解,需要了解整个页面的逻辑,从全局的角度来做视觉设计。好的UI不仅是让产品变得个性有品味,还要让产品操作变得舒适、简单、自由、充分体现产品的定位和特点。最终产出物是各种图片、界面标注和界面切图。

*程序开发:程序员根据设计图搭建界面,根据产品提供的功能说明文档去开发功能,最终产出物是可使用的应用。

*测试:产品完成之后,还需要测试人员测试应用,主要分为单元测试、真机测试、功能测试、测试跟踪和出测试报告。

*运营:运营人员就是需要通过各种手段提升应用的人气,同时把用户反馈的问题提供给产品人员,然后产品人员再次发起应用的版本迭代。

三、智能手机的屏幕

我们常看到手机介绍中一堆的参数,说实话,在这之前我都搞不太清楚。比如:手机屏幕是多少?手机的分辨率是多少?是否是高清视网膜屏幕等等。所以我们先了解一些常见的相关于屏幕的概念。

1、英寸(Inch)

英寸一般为1in=2.54cm,如果你不知道2.54cm是多长的话你可以看看你大拇指,大概就是你一节大拇指的长度。很多图纸、铭牌上都是使用英寸作为长度单位。手机屏幕、电视机也继承了这个计量单位。

iPhone4s的屏幕尺寸是3.5英寸,表示屏幕斜对角线的长队。乔布斯认为3.5英寸是人类单手持设备的最佳尺寸。但是随着时代的发展,人们每天愿意花几个小时在手机上面双手操作,它渐渐变成了内容消费和娱乐的主要平台。3.5英寸的手机已经满足不了大家的需求,所以现在手机屏幕越来越大化。

手机常见屏幕尺寸有3.5英寸、4.3英寸、4.7英寸和5.5英寸。为什么会选择这几个尺寸?因为手机屏幕使用的玻璃是一整块生产的,然后切割成一块一块的。利用率与成本直接相关,为了获得最优的玻璃切割利用率,避免浪费。

以后再看到英寸,知道多大了吧。

2、像素(Pixel)

我们图片放大,能看到许多色彩相近的小方点,这些小方点就是像素点,像素是图像的基本采样单位,它不是一个确定的物理量,因为像素的大小诗不确定的。

3、分辨率(Resolition)

分辨率就是屏幕像素的数量,一般用屏宽像素乘以屏高像素表示。比如iPhone6的屏幕分辨率是750*1334,也就是说它是由750列和1334行的像素点排列组成。通常情况下,图像的分辨率越高,所包含的像素就越多,图像就越清晰,印刷的质量也就越好。同时,它也会增加文件占用的存储空间。


学员感言
【13期嵌入式-江信程】
申请免费试听
姓名:
手机:
Q Q: