从工作流程告诉你——UI设计师到底是做什么的!
UI到底做什么,要从UI接到的工作流程来说——产品/交互/设计。也就是说一般我们接到的是交互稿。
这时候UI看到一个交互设计,需要考虑的是:
这样的排布是否合理?
信息重点在哪里?
用户人群是哪一类?
等等分析都是自己的事。
另外,通常我们拿到的交互稿是这样子的:
产出却要求是这样子的:
那么这中间的坑和鸿沟就是我们自己填。
在解决完上面的问题后,我们按照8个步骤开始着手UI设计:
从产品需求入手,考虑我们到底要用什么主色调。
配色和辅助色用什么颜色。
用什么风格来表达。
图标化成什么风格。
如何表达情感化设计
动效如何做
万年的大头疼图标icon
适配、切图
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设计
更多精彩:
你们会教到什么软件呢?
我们的课程中主要会讲到 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设计的区别,UI设计学习书籍推荐(零基础必看)
全面解析UI设计行业!适合在这个行业或者即将进入这个行业的你
UI设计VIP学员是如何学习的---( 为什么4个月就可以学会 )
非科班转行想做UI,但画画拼不过美术设计专业的人,做UI会不会饿死?
UI设计学习网站+书籍+APP推荐(价值上万的超级干货分享)
环境不会改变,解决之道在于改变自己。有志者战天斗地,无志者怨天恨地。
(责任编辑:钟小英)
赞赏作者
微博:罗锦V
扫一扫,每天学点设计
每天学点设计·点缀生活色彩
PS|摄影|设计|视觉|艺术|创意
微信ID:luojin05100
长按二维码关注,每天学点PS
如果喜欢我们的文章,可以顶置公号哦~