Ethan

小编:今天我们继续来了解UI设计的基础概念,这次主要告诉大家整个App的开发流程以及各个环节主要的职位以及作用。这个是需要大家知道的,毕竟大体流程是不可以混乱的,否则会造成很多不必要的麻烦及返工。还有就是屏幕的相关信息介绍,了解其原理才能运用的更好!

课程一里面我们大概了解了UI的定义和一些前期的准备。那今天我们就真正的走进移动UI设计了。

往期教程:

《UI设计基础概念(一)》

一、什么是App

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

二、App的开发流程

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

0255a3573eae6532f8757cb96de55a

*产品经理(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英寸。为什么会选择这几个尺寸?因为手机屏幕使用的玻璃是一整块生产的,然后切割成一块一块的。利用率与成本直接相关,为了获得最优的玻璃切割利用率,避免浪费。

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

2、像素(Pixel)

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

0277da573eca356ac7253f9abf91d7

3、分辨率(Resolition)

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

原文地址:站酷

作者:任XX

转载请注明:学UI网 » UI设计基础概念(二)

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn”  海量APP截图,让你灵感爆发!国内最好的APP截图站。

国内最棒的UI设计导航站” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 给学UI网打气,加油  猛点这里 >>

 
你可能喜欢的:
17个提升用户体验的 UI 设计小 Tips17个提升用户体验的 UI 设计小 Tips
设计原则:组织信息的方式设计原则:组织信息的方式
阿里巴巴UCAN回顾:“速卖通”服务全球阿里巴巴UCAN回顾:“速卖通”服务全球
从买家差异看B类&C类电商体验设计创新(文略长,慎点!)从买家差异看B类&C类电商体验设计创新(文略长,慎点!)
东京的城市导视设计东京的城市导视设计
自由职业手册:学会对客户说“不”自由职业手册:学会对客户说“不”
2017年创建网站的11个便利资源2017年创建网站的11个便利资源
阿里巴巴UCAN回顾:阿里智能设计--当设计遇上AI阿里巴巴UCAN回顾:阿里智能设计--当设计遇上AI
新人UI设计师应该带什么样的作品集去面试?新人UI设计师应该带什么样的作品集去面试?
七种投影详细解析(内含技巧)七种投影详细解析(内含技巧)