​​

孟菲斯风格的四季图(从零开始设计一个手机主题)(1)

一、前言

这篇文章写的是设计,不讲画图技巧。我想好多人都有疑问,想知道设计师的脑子到底是怎么想的,是如何从零开始设计一个主题?也有人是半路出家来做设计,想突破自我做新风格却很困惑。那~希望这篇文章能够帮到你。(先放个最终作品镇楼)

孟菲斯风格的四季图(从零开始设计一个手机主题)(2)

最终作品

二、最初的开始——灵感来源

孟菲斯风格的四季图(从零开始设计一个手机主题)(3)

索特萨斯博古架

孟菲斯风格的四季图(从零开始设计一个手机主题)(4)

室内装修

写完这个小标题我就开始后悔了,灵感要怎么说?那么虚无缥缈的东西。有可能是因为看到了一个奇奇怪怪的书架,记住了形状;也有可能是去了某个朋友的家,看到不一样的装修,脑子里充斥着各种色彩;更有可能是走过路边看到某个招牌很好看,记住了字体。但无论如何他们都有一个共同特点:在设计师脑子里留下了印记,成为了灵感素材。(但是。。这样的怪书架,这样的家居室内装修跟主题有mao关系啊?是要怎样把它们画成主题??)

二、时机

孟菲斯风格的四季图(从零开始设计一个手机主题)(5)

虽然设计有些共通之处,但一般设计师并没有强大到跨行跨业地搞。虽然记住了书架和室内装修奇奇怪怪的设计,但并不会直接就此动手来做主题。这时刷刷朋友圈、逛逛微博/酷安/头条.....就很关键了。看到一张朋友圈发的广告图,看到酷安大神发的壁纸。一触即发就明白了要把它们整合在一起。灵感就这样汇集,但能画出什么,其实还不知道。

三、找资料

从酷安大神那里得知这种风格叫“孟菲斯”,此时就可以度娘一下啦。

孟菲斯风格的四季图(从零开始设计一个手机主题)(6)

资料

孟菲斯风格的四季图(从零开始设计一个手机主题)(7)

很棒的资料

把资料汇集在一起,不断地看,不断地看,“读书N遍,其义自见”的道理放在这里也通用。

四、提取设计元素

孟菲斯风格的四季图(从零开始设计一个手机主题)(8)

看了好多遍资料图之后,脑子会不断的回想那些令人印象深刻的东西,包括特别的线条、形状以及配色等等。不断地比照资料图,就可以一步一步集齐自己想要的东西,也开始把这种风格初步吃透透。

五、表达点什么

跟文字一样,设计之所以有趣,是因为它可以通过构图、色彩……来表达一些东西、一种情感……

孟菲斯风格的四季图(从零开始设计一个手机主题)(9)

初稿1

初稿1:什么都没有,就是把所有元素组合在一起,规范线条大粗细,细致调整一下颜色。

孟菲斯风格的四季图(从零开始设计一个手机主题)(10)

初稿2

初稿2:这里开始突出了山,水波浪的设计,但感觉还不够。也给画了一条船,但感觉还不够。

…… ……

孟菲斯风格的四季图(从零开始设计一个手机主题)(11)

N稿

一周之内画了N次之后,终于是“终稿.jpg”~然后是“终稿2.jpg”~再然后是“终稿n的终稿的终稿.jpg”。

孟菲斯风格的四季图(从零开始设计一个手机主题)(12)

最终版-放个手机进去

到了最终版,就把自己所想要的东西都画出来了,然后我写了这段文字:“孟菲斯风格”是一种摆脱理性与刻板的设计,天真滑稽、怪诞离奇地拼尽全力突显个性。所以打破一般配色规律,选用明快、彩色度高的色调,搭配重合叠影的几何图形,营造出远山/大海/帆船冲浪,彰显乘风破浪无所畏惧的勇气。

五、画手机主题的关键所在——图标

孟菲斯风格的四季图(从零开始设计一个手机主题)(13)

第1版图标

你没有看错,第一版图标它确实长这样。最初给图标的设计灵感就只有两个:渐变和粗线条。

孟菲斯风格的四季图(从零开始设计一个手机主题)(14)

第2版图标

在画壁纸和概念图的时候,已经提取了“孟菲斯”设计元素,把配色、线条还有叠影通通搬过来。就基本确定了雏形,但仍旧觉得太简单,缺点什么。

孟菲斯风格的四季图(从零开始设计一个手机主题)(15)

图标的元素不能太多,风格要统一,而且每个图标各自还必须特别的设计和点缀。折磨设计师的是点缀的元素和色彩只能限定于之前提取的“孟菲斯”元素。真的就是一遍又一遍的画图,拼凑,修改。

孟菲斯风格的四季图(从零开始设计一个手机主题)(16)

壁纸与图标汇合,主题定稿

壁纸和图标放在一起后,会有一种欣慰的感觉,作品总算生出来了。接着就是疯狂地、细致地微调各个图标之间的颜色,不要重复太多,但风格要保持统一。没有什么取巧偷懒的办法,一遍又一遍尝试就是最快的。

六、后记

写这么多,其实就想记录一下这次参加手机主题大赛被折腾了半个月的历程。另外一个是在“好相似”的手机主题竞争中,我想突破自己,做点新的东西,尝试以前没见过的新风格。


孟菲斯风格的四季图(从零开始设计一个手机主题)(17)

Ps.最终制作完成的主题《19TC 张扬孟菲斯》已经上架华为主题商城,8.0和9.1/中英文/国内国际市场全覆盖,免费!【求给麻豆点个赞】谢谢!抱拳!

头条号:麻豆时光

在设计的角度,窥探科技与时尚

,