UI设计师到底是做什么的?
来源:优漫教育
发布人:UMAN
时间:2023-05-22 18:18:08
要从UI的工作流程来说——产品/交互/设计。也就是说一般我们接到的是交互稿。
这时候UI看到一个交互设计,需要考虑的是:
1、这样的排布是否合理?
2、信息重点在哪里?
3、用户人群是哪一类?
另外,通常我们拿到的交互稿是这样子的:
产出却要求是这样子的:
那么这中间的坑和鸿沟就是我们自己填。
在解决完上面的问题后,我们按照8个步骤开始着手UI设计:
1从产品需求入手
比如同样是团购,糯米用的是桃红色,而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。
2配色和辅助色
在考虑到产品气质和品牌色的同时,我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中,辅助色运用的策略是不同的,比如我们经常说的:邻近色、对比色等。都是我们选择辅助色的方法。
3用什么风格来表达
现在说到风格一句话,扁平风。但是在扁平中也有区别。比如下图,同样是扁平。但是左图微微带有一些光影,而右图是纯扁平。你能说哪个好或者不好吗?不能。
同样的信息,在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。
4图标画成什么风格
同样是设置、发现、首页,不同的app在基本结构一致的情况下也有很多细微的差别。倒是要用圆角的icon、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。都是需要UI设计来考虑。
比如:同样是腾讯的产品,QQ和微信的icon就完全不一样。其原因是由于产品面面对的人群不同,QQ更偏年轻化。同样,你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。
5如何表达情感化设计
在一些细节页面我们常常要考虑情感化设计,以此来提升app的品质,降低用户在异常情况下的挫败感。同时好的设计师还会考虑到如何引导用户去解决,从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同,风格也不一样。这些也都是需要UI设计来处理的。
6动效如何做
因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计,无意是对整个app加分的好方法。
7万年的大头疼图标icon
一万个人有一万个答案,那么具体怎么做,还是要考虑用户、场景、需求等细节。产品可以提供方向,但是具体的落地还是需要UI设计师来完成。
8适配、切图
也算是万年话题了。你不是做个好看的东西,要能用,开发要能开发。你要考虑iphone5/6/7,还要考虑不同的安卓720/1280/1920,甚至有些公司要特殊考虑某些屏幕。
在某些小公司,UI要肩负和产品一起考虑交互的问题。这时候经常需要UI在自己储备足够的视觉设计能力的同时有良好的交互设计能力。
1做个小总结
所以,UI设计师不仅仅是作图而已,至少智游教育培训出的UI设计师不是。
智游教育UI设计课程以APP产品经理为目标,锤炼你的思维。
产品需求
产品功能
产品架构
产品效果
交互特效
产品推广
主攻高端UI设计师和产品经理全能设计类人才。辅助画册、DM、VI、网页、穿戴设备及编程协同工作实战原理。
旨在打造从产品需求→产品功能设计→产品架构和原型→产品效果图→交互特效→产品推广等,创造APP的全面型工作强手。
对于有着强烈的就业意愿的同学们来说,广州优漫动游教育长期班提供的周到的就业服务更是不容错过哦,优漫会为同学们提供校园招聘会、就业推荐、面试辅导等渠道,帮助同学们增加就业选择,从而提升就业几率。与其担心培训机构效果好不好、能不能就业,不妨现在就行动起来投入学习,坚持不懈的努力会为你证明的哦~

相关推荐
-
【UI培训】:关于UI设计新手常遇到的问题及解决方法
UI设计新手常遇到的问题有哪些?比如,请问UI设计师每天的工作内容是什么样的?除了做图还要干什么?还需要哪些技能?个人职业规划通常什么样?做图只是视觉设计师最基础的工作,除了视觉执行,还需要向上接入PD了解产品需求、在设计中验证交互流程,向下跟进程序开发、数据收…行业资讯发布时间:2022/03/24 查看详情 -
室内设计应体现文化元素的六大重要思维
无论是首都北京的故宫,还是西藏的布达拉宫,其精巧的室内装潢和环境艺术,都有谁能说出这并非出自顶级的专业室内设计师和艺术大师之手,中国传统室内设计文化也正是传统东方文化与古典建筑艺术的精华部分。行业资讯发布时间:2022/03/24 查看详情 -
UI设计培训中有没有学不会UI的人
UI设计培训中有没有学不会UI的人?优漫教育小编要说是真的有,就是那些根本不想学的,就像你永远叫不醒一个装睡的人。如果你对ui有强烈的学习兴趣,想在ui行业有所建树,那么不论你是高中毕业、大学毕业,不论你是有计算机基础、零基础,不论你是男生、女生,不论你是20岁、30…行业资讯发布时间:2022/04/01 查看详情