您当前位置:嘉兴上元教育 >> 电脑设计 >> 招生简章 >> 浏览文章

UI设计师到底是做什么的?解析他的工作流程

来源:上元教育   【上元教育:专注学习效果的职业教育机构】   2019/12/15 13:26:19

UI设计师到底是做什么的?解析他的工作流程

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

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

1、这样的排布是否合理?
2、信息重点在哪里?
3、用户人群是哪一类?

等等分析都是自己的事。

另外,通常我们拿到的交互稿是这样子的:

产出却要求是这样子的:

那么这中间的坑和鸿沟就是我们自己填。

在解决完上面的问题后,我们按照8个步骤开始着手UI设计:

1从产品需求入手

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

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

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

3用什么风格来表达

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

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

4图标画成什么风格

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

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

5如何表达情感化设计

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

6动效如何做

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

7万年的大头疼图标icon

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

8适配、切图

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

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

编辑:本站原创  

分享到:

开课信息

相关文章

最新开课
推荐课程
  • 1、嘉兴PLC自动化设计培训招生简章
  • 嘉兴登元建工培训|土建预算实操班—招生简章
  • 2、CAD/UG/proe/solidworks机械设计—招生简章
  • 嘉兴法语培训----招生简章
  • 嘉兴英语口语培训----招生简章
  • 嘉兴日语培训---招生简章
  • 嘉兴韩语培训---招生简章
  • 嘉兴上元会计培训:2020年嘉兴中级会计职称招生简
  • 什么是UI设计,它为什么那么火?看完就知道
  • 嘉兴上元会计培训初级职称招生简章
  • 嘉兴上元会计2019年中级会计职称培训班2月24即将
  • 中国将全面实施预算绩效管理,向管理会计转型势在
  • 关于2019年度全国会计专业技术中高级资格考试考
  • 初级职称、中级职称和CPA,真的缺一不可!
  • 你符合2019年CPA报考条件吗?
  • 一二级注册消防工程师招生简章
  • 嘉兴PLC培训丨PLC自动化自动化控制—培训简章
  • 嘉兴淘宝网店培训—招生简章
  • 嘉兴电脑办公培训—招生简章
  • 嘉兴平面设计培训—招生简章
  • 嘉兴室内设计培训—招生简章
  • 嘉兴服装设计培训—招生简章
  • 嘉兴兴元设计培训丨淘宝高级美工—招生简章
  • 嘉兴兴元设计培训丨网页设计师—招生简章
  • 嘉兴电脑办公培培训哪里好
  • 嘉兴服装制版培训-招生简章
  • 嘉兴服装设计培训丨服装设计招生简章
  • 嘉兴网页设计培训丨网页设计招生简章
  • 嘉兴内审员培训
  • 嘉兴新概念英语2培训---招生简章
  • 嘉兴新概念英语1(英语口语初级)
  • 嘉兴西班牙语培训---招生简章
  • 嘉兴德语培训---招生简章