当前位置:首页 > 嵌入式培训 > 嵌入式学习 > 讲师博文 > 我们聊聊UI

我们聊聊UI 时间:2018-09-26      来源:未知

1、UI相关概念

1、 UI即User Interface(用户界面)的简称。

用户界面指人和机器互动过程中的界面,以手机为例,手机上的界面都属于用户界面,我们通过对这个界面向手机发出指令,手机根据指令产生相应的反馈。设计这套界面是觉得人就称为UI设计师。

在设计师领域,在PC端从事网页设计的人我们成为WUI(Web User Interface)设计师或者网页设计师。在移动端从事移动设计的人,我们称为GUI(Graphics User Interface)。一般情况下,小企业不会分那么清楚,都统一称呼UI设计师,反正产出的都是界面,都需要对产品的界面视觉负责。

2、UE即User Experience(用户体验)

UED即User Experience Design(用户体验设计)

用户体验设计就不光是对前期的用户体验方面做打算,他们需要用自己的知识、经验、设计能力拿出设计方案,自从2006年淘宝把设计部门称为UED之后,很多企业跟风把设计部分也改为UED。但是很多UED团队名不符实,团队中甚至没有独立设置用户体验研究的职位,这个职位可能就是产品人员或者界面设计师承担了。

到产品层面上,用户体验包含以下几点:

1、产品性能:产品是否够快、是否稳定、是否占很多的系统资源等。

2、产品内容:产品的内容是否可以为用户解决一定的问题,是否达到了用户需求,解决了用户的痒点。

3、产品交互:交互是否流畅,用户是否能快速准确的找到自己想要的功能。

4、产品界面:界面的风格是否统一、整齐、给用户带来高质量的感觉。

二、UI的学习方法

很多想学UI的北鼻们,一开始都会问一个问题“不会画画还能不能学UI?”其实学习UI不需要你一定有美术基础的,当然你有美术基础更好。但是如果你没有但是你又想从事这个职业,那必须有审美,有色彩感。可以多看一些基础类知识,知识应该了解物体的透视、光照射的角度、在对应的形状中表现出怎样的明暗分布等。

1、图形基础

美术生基础课就是三门:

素描、速写、色彩

2、软件的应用

*Adobe Photoshop,简称“PS”,一款老牌像素处理软件,各个设计行业图形处理都会用到,可以满足UI界面设计的日常需要。

*Adobe illustrator,简称“AI”,是矢量软件,在处理一些复杂的图形路径时,可以考虑使用。一般在AI中绘制图标然后潜入PS中。

*Adobe After Effects,简称“AE”,现在扁平化设计成为主流,所以动效也就比较流行。

*Ps Play,是一个通过Wi-Fi网络,实时在终端设备上预览电脑上Photoshop的设计稿,可同步调试及截图保存到移动终端,并可以通过Email、微信等工具即时分享的跨终端应用。

*MarkMan,是一款标注软件,在移动设计中设计师要对自己设计的图进行标注切图。

3、设计规范

一般设计的应用是基于IOS系统和Android系统运行。这两个系统都有其官方的系统规范,这些规范都罗列了详细的通用型设计框架。如各自系统状态栏、各个系统下的尺寸、导航栏和标签栏的高度是多少、手机屏上适字号是多大等。当然还有web网页设计端的规范,这个部分我们在以后的博文中进行阐述。

4、临摹学习

现在有很多设计网站,要多利用业余时间去临摹。比如站酷、UI、dribbble、behance等等,设计的东西和风格每天都在发生着变化,每天去看新的设计师作品,才能跟上设计潮流。

5、参与项目

经历一套完整的设计流程是好的学习锻炼方式。从一开始的讨论原型图到出设计效果图,再到标注切图给开发者。效果图不断导出到手机上预览,核对电脑的设计稿和手机上预览的差距,你会从实践中不断提高。也可以通过假设的设计项目,也就是Redesign(再设计),比现有比较火的app重新构造做设计稿,同时能把自己设计思路完整展现说明出来。之前有过这样的案例,某设计师不满意Facebook的界面,按自己的想法重新设计了界面,并在设计网站上展示,由于二次设计的效果出色,还吸引了Facebook的注意,终收到了Facebook的Offer。

上一篇:linux系统中管道的介绍和线程同步代码示例

下一篇:Cordova 环境搭建及使用(上篇)

热点文章推荐
华清学员就业榜单
高薪学员经验分享
热点新闻推荐
前台专线:010-82525158 企业培训洽谈专线:010-82525379 院校合作洽谈专线:010-82525379 Copyright © 2004-2022 北京华清远见科技集团有限公司 版权所有 ,京ICP备16055225号-5京公海网安备11010802025203号

回到顶部