查看原文
其他

从工作流程告诉你——UI设计师到底是做什么的!

微信530932259 罗锦 2020-01-05


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



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


  1. 这样的排布是否合理?

  2. 信息重点在哪里?

  3. 用户人群是哪一类?


等等分析都是自己的事。


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



产出却要求是这样子的:


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


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


  1. 从产品需求入手,考虑我们到底要用什么主色调。

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

  3. 用什么风格来表达。

  4. 图标化成什么风格。

  5. 如何表达情感化设计

  6. 动效如何做

  7. 万年的大头疼图标icon

  8. 适配、切图



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在自己储备足够的视觉设计能力的同时有良好的交互设计能力。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!



想系统学习我们的UI设计全能班课程的同学请点击下面》如何正确学习UI设计


如何正确学习UI设计


更多精彩:

零基础学习UI,如何4个月入职互联网公司?

你们会教到什么软件呢?

我们的课程中主要会讲到 4 款软件,

分别是 Photoshop,Illustrator,After Effects,Axure RP 8。

简称,PS,AI,AE,ARP 软件。

PS 主要用于制作 UI 设计中界面和图标设计,也可以对 UI 中的一些广告页进行设计。

AI 主要用于制作 UI 设计中的图标设计,也可以对 UI 中的一些引导页的插画图进行设计。

AE 主要用于制作 UI 设计中的交互动效,在现今的 UI 产品中很多都是需要用动效的。

ARP 主要用于制作 UI 设计中的原型图,线框图,流程图的设计。

学历低可以学习吗?

可以,一般 UI 设计工作的公司都为互联网公司,互联网公司卡能力严格一些,学历相对较低,不像传统企业卡的很严格,一般大型互联网公司有大专学历就行了,小型互联网公司有初中毕业就可以了。如果你有足够好的作品,就算学历真的是初中也是可以去大型互联网公司的。而且学历其实也可以提升的,通过成人高考,远程教育,自考等方式都可以提升。



其它行业都是在六七千左右, 所以大家想学UI设计的,想转行的,想提升自己工资的, 现在是最好的时机, 抓紧时间开始学习,不要再等下去了。 再等下丟行业将会和你不再有缘份。


▲各个行业的对比

UI设计全能就业班2999元学费


包含课程:

UI设计基础班+UI设计案例班+UI视觉设计班+UI交互设计班+UI动效网页就业班


包含软件:

PS AI AE ARP MarkMan Xmind Cutterman


包含内容:

色彩 版式 切图 心理学 规范 切图 适配

三大构成 图标设计 界面设计 手绘 动效设计 

Banner设计 电商设计原型图设计 

UE 交互逻辑 素描 作品集制作 就业指导 思维导图 

头脑风暴 产品思维 工作流程 专题活动页 网页设计


包含课时:

直播130节+录播500节+直播回放400节

(课程合计时长超过500小时)



如果打算学习我们的UI设计课程,

报名请直接添加

老师微信号:5032692

备注:报名UI设计课程


如果2999真的一下拿不出来也没有关系,

也可以分期报名学习,用蚂蚁花呗或信用卡

分期每个月只要200多即可。



每天上午十点更新哦

精彩回顾: 

零基础学习UI,如何4个月入职互联网公司?

为什么要选择下班后努力学习? 

没有天赋能做设计吗?

往期回顾:

平面设计和UI设计的区别,UI设计学习书籍推荐(零基础必看)

什么样的人适合学习UI设计?(转行必看)

UI设计课程一览表

零基础如何自学平面设计,需要学些什么?

平面设计课程介绍(最新版课程)

CDR广告设计课程介绍(最新版课程)

UI设计学习指南

新手学习Photoshop的七大戒律

给给初学Photoshop朋友的24条建议

菜鸟学习UI设计正确步骤,菜鸟看少走2年弯路!

UI真的很火,但入行前你需要了解这些!

为什么说UI设计师工资是设计界最高的?

UI设计学习技巧之学习方法

UI设计正式学员作品欣赏

学习UI设计,就从这里开始!

如何才能正确学习好UI设计

UI设计为什么很多人都想学?

如何学习ui设计 学习ui有哪些学习技巧

谈谈UI设计学习的方法

怎么让你快速学习UI设计!

如何4个月内成为月薪过万UI设计师

新手如何打破传统高效学习UI设计?

UI设计小白怎样学习才能快速入门?

学习UI设计的小技巧

UI设计学习不可不知的十大知识点,你都造吗?

2017年转行UI设计还有没有前途!

UI 是什么?UI 设计需要学习什么理论知识?

UI设计新手学习方法—如何勤奋、如何思考

学习UI设计,百度设计师推荐UI设计学习方法!

零基础UI设计学习方法

如何4个月内成为月薪过万UI设计师

正确的UI设计学习流程是怎样的?

UI设计学习大纲

学习Ui设计到底需要什么基础?

UI设计都学什么?怎么学最有效?

UI设计初学者如何避免走弯路?

学习UI设计到底需不需要基础?

为什么自学UI设计的人95%都学不会?

设计入门之UI设计学习路径

ui设计学习难吗?要从哪些方面入手

UI设计学习方法(腾讯UI设计师教你咋看,咋想,咋做)

怎么让你快速学习UI设计!

UI设计全程学习方法讲解(零基础必看)

什么是UI设计?

UI设计为什么那么火呢

你总说自学UI设计,为何总是半途而废

UI设计更适合哪些人学习呢?

什么是ui设计?都需要学什么?

UI发展前景好,那光靠努力就可以学会UI了吗?

UI设计分几种类型,小白应该怎么学习?

UI设计学习的方式

0基础学习UI设计必须做好的4个准备!

全面解析UI设计行业!适合在这个行业或者即将进入这个行业的你

想系统的学习UI设计,有哪些关于UI的书籍推荐

为什么ui设计薪资这么高?

什么样的人适合学习UI设计?(转行必看)

零基础如何学习UI 设计?

零基础学习UI设计要注意什么?

UI设计的未来发展如何?(还会一直火下去吗)

成绩差、学历低、年纪大的人能不能学习UI设计?

醒醒吧,月入3000的年轻人,你已经没救了

UI设计这个行业真的很缺人吗?市场饱和了吗?

因为你没有依靠,所以你必须强大

埋头苦学就会快速超神吗?

新手入门,UI到底是什么?不要只练图标哦~

没有天赋能做设计吗?

零基础学习UI,如何4个月入职互联网公司?

月薪过万的UI设计行业分别有哪些?

揭秘设计师是自由职业好还是全职工作好?

为什么要选择下班后努力学习?

UI设计0基础学习指南

月薪过万的设计师都是怎样提高审美的?

作为一名女设计师的未来之路在哪里?(深度分析)

找高薪UI工作,需要这种操作

设计师这份岗位是否能够让你做一辈子?

学习UI设计需要注意什么?

UI设计VIP学员是如何学习的---( 为什么4个月就可以学会 )

你不是想系统学习UI设计?机会来了,你上车了吗?

UI设计学习指南(让你少走弯路,新手必看)!

经验分享|UI 设计入门和进阶学习攻略

《猎场》:做为一名设计师职场逆袭的3个必备素质

学习UI设计还有前途吗?

怎样才能成为一个合格的UI设计师?

UI设计零基础如何自学,关于培训班该如何选择?

想转行做UI ,不知道是自学还是报培训班学好?

为什么自学UI设计的人95%都学不会?

UI设计全新开班,现限量开放20个免费体验名额!

UI设计学习软件推荐(最新版本)

“UI设计师需要会画插画吗?”看了这个,你就不会再问了

UI到底是什么?我适合学UI吗?我是自学还是报班?

非科班转行想做UI,但画画拼不过美术设计专业的人,做UI会不会饿死?

工资3500元左右的,2018年就等着吧

UI是什么?怎么学?有几种方式?

这段话太狠了,直指人心!

2017年设计行业哪个薪资待遇最高?

设计是个可以坚持一生的职业吗?

如何成为月薪过万的UI设计师?怎么学习?

UI设计行业就业前景

明年不管你是做什么行业的,都要看看这篇文章

UI设计适合女生学吗?会不会很难?

关于学UI设计的五大问题

记住!提升自己,比什么都重要!(深度好文)

UI设计师如何从里到外提升自己的价值?

干货 | UI设计入门学习必看知识体系

UI设计初学者应该怎样入门?

学UI设计拿高薪的4个小技巧,你知道几个?

UI设计需要学什么软件?

不要丧失信心,要努力奋斗!

零基础学习UI设计还能月薪过万吗?

UI设计学习笔记(零基础的人必看)

他告诉年轻人,2018年不要瞎忙,就做这三件事!

UI设计培训好还是自学好?

学习UI设计,学历很重要吗?

什么都怕,你只会输一辈子!

UI设计学习网站+书籍+APP推荐(价值上万的超级干货分享)

混日子是没有未来的 (激励了无数人)

为什么自学UI设计的人95%都学不会?

我真的适合UI设计吗?

今天不为学习买单,未来就为贫穷买单!

别人的助理都月入5万了,你还在纠结做什么?(内含逆袭方法)

钱花在这三件事上,永远不亏本

零基础的UI设计初学者应如何系统的学习?

非科班出身如何成为UI设计师?

这六种人不管在哪都会越来越穷!当心,你可能就是下一个!

别堕落,你没资格——致每一个有梦想的人

没有美术基础,怎样才能成为一枚UI?需要学习哪些技巧?

干货 | UI设计入门学习必看知识体系

如何选择是做平面设计还是UI设计?

“穷人式思维”,只会让人越来越贫穷!

在三十而立的年纪,自己却一事无成?

什么叫人生规划 (写的真好)

UI设计从0基础如何逆袭成为月薪万UI设计师成长之路

UI设计师未来职业发展趋势

人一定要靠自己,因为没有等来的辉煌,只有拼来的精彩……

你很认真,为什么就是学不会UI设计呢?

UI设计零基础学习方法,四大阶段必学,从入门到精通

说的好,永远不如做的好!

2018年涨工资的机会来了,还有10个名额,你上车了吗

UI设计如何通过兼职月薪过万

狼行千里吃肉,马行千里吃草(我读了5遍,震撼了!)

UI设计学习正确步骤,认真看完少走3年弯路!

2018年UI设计的趋势分析

为什么钱越花越有,越省越穷?总结的太精辟了!

用户体验设计师、UI 设计师和交互设计师有什么区别?

认真看!工资两三千,你的出路在哪里?

阿里为什么不去清华招人?

UI设计到底应该如何学习?(全程讲解)

UI设计新人必学:从零开始走向专业

七句话送给2018年的你!

UI设计竟然需要学的那么多!

这几个UI设计原则至关重要!(上)

2018年工资5000元左右的,你就等着面对现实吧!

为什么自学UI设计的人学会的很少?

这几个UI设计原则至关重要!(下)

人进步的最好方法,是去接近那些充满正能量的人

人工智能来临了,无数人将失业,你害怕吗?

环境不会改变,解决之道在于改变自己。有志者战天斗地,无志者怨天恨地。

想学UI设计,但是审美很差怎么办!

人工智能来临了,无数人将失业,你害怕吗?

UI设计这个行业真的很缺人吗?市场饱和了吗?

UI设计修炼秘籍宝典,不看后悔一辈子

2018,相信就干,不信就看!

什么是ui设计?都需要学什么?【易懂解答】

学好UI设计,需要学哪些基本软件?

UI设计必备永恒定律-世界顶级UI设计师的9个秘密

你的自学,为何总是半途而废

自学UI设计工作好找好吗?零基础学UI设计需要多久?

自学UI设计和培训学UI设计的区别?

2018年最好的活法 ( 就两句 )

平面排版是如何突出中文美感的?

UI设计零基础如何自学,关于培训班该如何选择?

如何正确学习UI设计

学UI设计看这里 | UI课程软件介绍

报名UI设计培训班,报实体班好还是报网络班好?

当下最火热的UI设计,你了解多少?

怎么学好UI设计?

UI设计中常见的问题

UI设计的四个实用小技巧,新手必备

UI设计学了这么久,不知道UI的历史怎么行

学习能力强的人都有那些共同特征?(附学习方法)

UI设计这样学,不走弯路

干货| 2分钟带你了解 UI 就业前景和薪资待遇

高薪UI设计师,你需要具备哪些能力?

什么是UI设计?

最简单全面的UI设计解析

UI设计:这些学习方法你掌握了吗?

UI设计初学者快速入门方法

UI设计的正确打开方式

UI设计学习笔记(零基础的人必看)

UI设计全程学习方法讲解(零基础必看)

UI设计:不可不看的2018年UI设计趋势(上)

(责任编辑:钟小英)

赞赏作者

罗锦

微博:罗锦V

扫一扫,每天学点设计

想学PS又很懒?【10G】省时教程和资源免费送!
点我获取

每天学点设计·点缀生活色彩

PS|摄影|设计|视觉|艺术|创意

微信ID:luojin05100

长按二维码关注,每天学点PS


如果喜欢我们的文章,可以顶置公号哦~

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存