当前位置: > 计算机专业 > 平面设计 >

UI设计师到底是做什么的

编辑:网络运营中心 时间:2017-12-13 10:38:48 来源:ag娱乐平台手机版新华电脑学校 点击:

UI设计火了这么久了,但是问UI是什么基本上是一脸懵逼,平面设计?PS?美工?那么UI到底是做什么的呢?

 

UI到底做什么,要从UI接到的工作流程来说——产品/交互/设计。也就是说一般大家接到的是交互稿。

这时候UI看到一个交互设计,需要考虑的是:

1、这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息)

2、信息重点在哪里?

3、用户人群是哪一类?

等等分析都是自己的事。另外,

通常大家拿到的交互稿是这样子的:
 

UI设计
 

在解决完上面的问题后,大家开始着手UI设计:

1、从产品需求入手,考虑大家到底要用什么主色调。

比如同样是团购,糯米用的是桃红色,而美团是翠绿色。那么大家在UI设计的时候先就要考虑主色调的问题。

2、配色和辅助色用什么颜色。

在考虑到产品气质和品牌色的同事,大家经常要考虑配合衬托产品主色调的辅助色。在不同的产品中,辅助色运用的策略是不同的,比如大家经常说的:邻近色、对比色等。都是大家选择辅助色的方法。

3、用什么风格来表达。

现在来说,说到风格一句话,扁平风。但是在扁平中也有区别。比如下图,同样是扁平。但是左图微微带有一些光影,而右图是纯扁平。你能说哪个好或者不好吗?不能。

 

同样的信息,在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。

4、图标化成什么风格。

同样是设置、发现、页,不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。都是需要UI设计来考虑。

比如:同样是Tencent的产品,手Q和微信的icon就完全不一样。其原因是由于产品面面对的人群不同,手Q更偏年轻化。同样,你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。

 

5、如何表达情感化设计。

 

在一些细节页面大家常常要考虑情感化设计,以此来提升app的品质,降低用户在异常情况下 的挫败感。同时好的设计师还会考虑到如何引导用户去解决,从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同,风格也不一样。这些也都是需要UI设计来处理的。
 

UI界面设计
 

6、动效如何做。

因为手机交互是动态的。所以大家如果可以用在一些跳转页面引用动效设计,无意是对整个app加分的好方法。

7、万年的大头疼图标icon。

一万个人有一万个答案,那么具体怎么做,还是要考虑用户、场景、需求等细节。产品可以提供方向,但是具体的落地还是需要UI设计师来完成。

8、适配、切图。

也算是万年话题了。你不是做个好看的东西,要能用,开发要能开发。你要考虑iphone456,还要考虑不同的安卓720/1280/1920,甚至有些企业要特殊考虑某些屏幕。

 

在某些小企业,UI设计要肩负和产品一起考虑交互的问题。这时候经常需要UI在自己储备足够的视觉设计能力的同时有良好的交互设计能力。
 

    UI设计

TAG标签: UI设计 UI设计师

转载请注明源自ag娱乐平台手机版新华电脑App学校

★www.sxxhce.cn★

------分隔线----------------------------

专业课程

同类热门文章

新濠天地娱乐手机版 新濠天地 新濠电玩城手机版 新濠天地娱乐手机版 新濠电玩城官网下载 新濠天地娱乐官网3559 新豪天地880988.com 新濠天地娱乐官网15969
ca88亚洲城真人娱乐ca88亚洲城真人娱乐|资讯中心|精彩视频|专业设置|学校环境|就业保障|名师风采|网站地图|

ag娱乐平台手机版新华电脑学校

地址:ag娱乐平台手机版省西安市北稍门振华北路4号(西安市第十中学东侧)邮编:710014电话:029-82519999

高新校区地址:西安市雁塔区鱼斗路259号

陕ICP备11004055号-3www.sxxhce.cn

ag娱乐平台手机版新华电脑App学校Copyright@2006-2016 www.sxxhce.cn.All Rights Reserved.

声明:任何企业或个人不得以任何商业目的复制或传递本网站所载述的商标、文字、影像及图形图象,分享转载需注明来源本网站

Copyright©2006-2016 Sxxhce.Cn All Rights Reserved.Optimized for 1024x768 to Firefox,MS-IE6 IE7.   版权所有:北京朗杰科技有限企业

XML 地图 | Sitemap 地图