UI设计是这样一步步完成的!

2016-10-28    ui设计分享达人

 蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务 

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

UI交互设计似乎在一夜之间成为大家街谈巷议的话题,那么UI设计到底做什么,这要从UI设计的工作流程说起——产品/交互/设计。也就是说一般我们接到的是交互稿。

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

1.信息的排布是否合理?

2.信息重点在哪里?

3.用户人群是哪一类?

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、

进行适配、切图

你不仅是做个好看的东西,要能用,开发要能开发。你要考虑iphone4iphone5、iphone6,还要考虑不同的安卓720/1280/1920,甚至有些公司要特殊考虑某些屏幕。

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

(注:本文转自微信公众号UI设计)

 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档