从零开始的视觉设计方法论

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

从零到一

什么是从零到一?

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

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

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

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

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

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

从一归零再到一

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

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

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

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

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

3,有点枯燥无趣

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

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

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

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

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


这就是我认为的“从一归零再到一”

将已有的视觉设计,通过打散布局和信息结果,并将他们通过更优的方式重组,再给一些轻微异化的样式,就能得到新的视觉稿

零一的循环

刚才的案例中我们可以看到一个从“零”到“一” ,然后归“零”再到“一”的过程。

其中最难理解和做到的就是归“零”的过过程,归“零”是指把之前界面中的信息结构打散并重组,并且还需要优化结构和满足基本需求。

总结的基本操作方法是:

1 与产品沟通述求点,了解视觉层面需要满足的内容

2 了解产品未来的趋势,思考前瞻性的视觉概念

3 将页面的所有元素和信息解组,分析所有信息属于哪些类型,整理出不可变动信息、可变动信息、可增加的信息、可变的布局样式

4 信息重组,在思考板式的过程中,就可以将之前分解出来的信息来重组,可变换信息就要思考可变换样式的可能性。通过产品的需求,和对设计的预期,不断尝试重组信息结构,找到合适的板式和视觉样式(注:为了确保自己生命安全 ㄟ( ▔ , ▔ )ㄏ,和不做无用功,该步骤一定要与交互同学,产品同学和技术同学多多沟通)

这就是“从零”开始的设计方法,往往我们项目的周期会根据项目的紧急程度决定,所以总会有视觉设计周期不同的情况,然而用“从零”方法,是可以在有限的时间里,不断的从”零”到“一”,再又从“一”归“零”的信息归纳,不断循环,找到最合适的设计。将这个过程叫做“零一循环”

就像把上面的交互图不断“从零到一”,我们就可以得到各种不同的视觉稿,从而找到合适的方案

思考的维度

这种从零开始的循环思考的方式,会让我们在设计的时候思考尽可能多的可能性,并根据产品的特性找到合适的方式,也是保证我们的设计是有理可寻的。

这个时候,很多小伙伴肯定要问,是怎么去做这个从零的思考的,这不就是不同的板式方案而已嘛?当然,板式的思考是“从零方法”的一个重要维度,下面也提供几个不同的维度的思路:

互动方式:

留言板一直是用户之前使用的功能,但是是否能够用一些更有趣的方式,之前的留言板是一个一个卡片滑动切换,可以看到别人单条留言,但是效率比较低,而且互动性很弱,所以就思考是不是可以用弹幕的方式去优化,结果会好很多。

把原来的卡片留言板的方式,替换成流行且有趣的弹幕的方式,参与感更强。让弹幕可以变得更加的有话题性,提升用户在该主页的参与量。

情感化融入:

这是一个情侣之间互动的一个功能,但是单纯的在界面里看到问题和分数,是否有点枯燥,就可以从情感化的维度思考,能否有一个人性化介质,让2人之间的互动变得更有趣,更有情感。


也可以通过各种其他的维度来从零思考,只要有足够的时间去做尝试,我们便可以从中受益,所谓的匠心,也是这种不断尝试找到答案的决心。

写在最后,全文都是以“从零”的思路去探索设计方法论,其实所谓的“从零”就是在得到一个结果的时候,是否可以再往前走一步


原文来自ISUX,作者:HAOO   如有侵权,请联系我删除!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容