聊聊UI DESIGN毕竟做什么的
编者按:新人初涉UI范畴,除了把握必要的武艺点,想尽快上手,了解整个计划流程也很紧张,今天血儿同砚聊聊本人接单的7个步调,以供参考
血儿:UI毕竟做什么,要从UI接到的事情流程来说——产物/交互/计划。也就是说寻常我们接到的是交互稿。
这时分UI看到一个交互计划,必要思索的是:
1、如此的排布对否公道(好比960的屏和1136的屏幕对否都可以容下充足的计划紧张信息)
2、信息重点在何处?
3、用户人群是哪一类?
等平分析都是本人的事。别的,通常我们拿到的交互稿是如此子的:
产出却要求是如此子的:
那么这正中的坑和鸿沟就是我们本人填。
在处理完外表的成绩后,我们开头动手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在本人储存充足的视觉计划才能的同时有精良的交互计划才能。
原文地点:jianshu
作者:血儿