UI设计基础概念(二)

小编:今天我们继续来了解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开发维护整个流程

*产品经理(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行的像素点排列组成。通常情况下,图像的分辨率越高,所包含的像素就越多,图像就越清晰,印刷的质量也就越好。同时,它也会增加文件占用的存储空间。

站酷

作者:任XX

(0)

相关推荐

  • UI设计基础概念(三)之智能手机的传感器

    小编:今天给大家送上一篇关于智能手机传感器的文章,感兴趣的可以深究一下.或许我们都知道这些这些名字,但是其工作原理我们可能还不是很清楚,读完之后就了然了!正如作者@任XX所说,作为UI设计,日常与智能 ...

  • UI设计基础概念(一)

    小编:此篇文章主要写给初入UI行业的新手以及有转行到UI行业想法的小伙伴们,作者@任XX主要告诉了我们一些UI行业的基本信息,其中包括了:1.UI的相关概念:2.学习方法.当然不懂绘画的也是可以做这一 ...

  • 动效设计基础(二):动效的应用

    在上一篇文章<动效设计基础(一):运动曲线与缓动>中,我们讨论了动效的几种常见形式以及缓动的重要性.那么,我们为什么要用动效呢?除了酷炫好玩以外,动效在用户体验设计中其实发挥着很重要的作用 ...

  • [ISUX转译]iOS 9人机界面指南(一):UI设计基础

    文章索引 1.1 为iOS而设计(Designing for iOS) 1.1.1 设计跟随内容 (Defer to Content) 1.1.2 保证清晰 (Provide Clarity) 1.1 ...

  • 形式与功能 – 卡片式设计基础概念和运用方法

    卡片式设计有什么优点?什么时候可以运用卡片式设计?最近腾讯设计师leey 在项目改版中也运用了卡片式设计,发现效果不错,所以希望借在项目里的思考与尝试,抛出引子,供大家参考. 在互联网产品中,除了内容 ...

  • 2019年 UI 和 UX 设计趋势

    写在前面: 2019年已经来了,新年新气象!给自己写一个可以量化的新年计划,然后努力的去给自己的计划清单打卡,等到年底了,看着收获满满,想想是不是还有点小激动呢?一起加油吧,骚年! 2019年的第一次 ...

  • UI设计转型难吗?_GD(萌芽ing第十四期专访)

    小编:滴血木偶 [萌芽ing]完全跨行又跨界的转型,你们觉得难吗?有信心成功转型吗?不管你现在在想什么只要你打开了学UI网的网址,说明你已经离成功不远了········ 木偶:你好GD,简单介绍一下你 ...

  • UI最乐观的状态是什么?

    想象3个用户界面(UI)一起去了酒吧.第1个点了一杯酒,然后又再点了几杯.几小时后,它买了单,醉醺醺的走了.第2个界面点了一杯酒,直接把钱付了,然后又点了一杯酒,又马上买了单,几小时后也醉醺醺的离开了 ...

  • 安卓MD设计基础

    之前在站酷发现了一个非常优秀的作者@凌坤_Maxidea,他又更新了一篇关于UI设计基础的文章,今天给大家分享的是安卓MD设计基础. 总结了部分安卓MD的设计规范,对于刚入门的童鞋应该有所帮助 站酷 ...