从零开始的异视觉设计

《从零开始的异视觉设计》系傻大方资讯网小编转载,希望对您有所帮助。

标题是类比一个叫做“Re:从零开始的异世界生活”的日本动漫,从中得到一些灵感,发现可以运用到设计当中。所谓从零开始的异化视觉设计,是一种设计的思维方式,有时候我们会苦恼设计能力如何得到更多提升,此文或许能提供一些参考性的思路和设计方法。

从零开始的异视觉设计




            

从零到一

什么是从零到一?



从零开始的异视觉设计



从一个还只是信息框架层面到一个可以启动开发的视觉设计稿,我将这个过程称为从零到一。

举个栗子,说说楼主以前遇到这样一个需求,是个游戏分类的列表页,是需要左右滑动切换标签的,交互图如下:

从零开始的异视觉设计

一般面对这种交互的时候,是不是立刻想起了什么?

没错,就是我们的规范。成熟产品的大系统下都有自己的基础控件的规范,这些规范的作用是为了保证整个大系统的页面之间的交互逻辑一致性和视觉的统一性,就像这样:

从零开始的异视觉设计



然后我们会习以为常的,把对应的规范套入对应的交互中,注意间距、品牌色、列表样式。再然后我们就完成了视觉稿,这个过程就是从零到一,如下:

从零开始的异视觉设计



那么问题来了,这样就够了吗?



            

从一归零再到一



有些时候设计师会苦恼为何自己只是符合预期,很难再往前突破,或者会产生疑问,是不是还可以做些什么?

如果说从把

规范套用到

交互图,或者按照常态去执行视觉,是一个0到1的过程,那是否可以考虑一下,把这个1归零后,再去异化的思考会是什么样的结果。

从零开始的异视觉设计



顺着这个思路,我们思考一下,寻找“1”的问题所在,我们不难发现它有几个问题:

1. 文字标题的弊端,只能通过阅读文字识别,是否可以增加图形化标识;

2. 没有游戏氛围感,除了图标,都感受不到这是游戏平台的页面;

3. 有点枯燥无趣。



那么进一步思考就是在原来的基础上,为了新的“1”,需要怎么做?

1. 保留重要的不可变动的信息:列表、标题、左右切换;

2. 可变动的信息和布局是哪些?版式?增加氛围图?增加辅助信息?

3. 如何达到目标效果:氛围感、图形标识、有趣。



然后进行各种尝试,寻找合适的界面布局方式,就可以优化成这样: