文档介绍：该【网站设计方案之浅谈极简风格在设计方案中运用 】是由【玥玥】上传分享，文档一共【9】页，该文档可以免费在线阅读，需要了解更多关于【网站设计方案之浅谈极简风格在设计方案中运用 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。个人资料整理仅限学****使用
浅谈极简风格在设计中的运用
Hi
大家好,我是阿木,今日我联合我在微博的实质工程跟大家分享一下极简风格的一点设计心得。现代城市生活中我们每日要面对喧闹拥挤的街道和地铁,各式各种的广告,办理各种邮件和信息。于是我们心里追求一种体验那就是—极简,像大家人人皆知的品牌如:MUJI无印良品、苹果、宜家家居,都是这一风格的弘扬者,他们的产品也获取了巨大成功。
极简在拍照中是一种突出主体取简去繁的拍照手法,在生活中是一种放松的生活态度,在设计中是一种简
洁的设计手法。
微博的设计体验也是这样,我们去掉了复杂的视觉扰乱,力争给用户带来欢乐轻松的视觉体验。
提及微博同城工程在设计的时候,我不得不感谢一个拍照师给我带来的一些灵感。
德国拍照师JosefSchulz(1966生于荷兰>
个人资料整理仅限学****使用
同城工程要求依据用户登录ip来判断登录地址。这就需要一张能表现当地风土人情的头图来创造气氛。怎
么做呢?如何才能让用户有家的感觉?
正当我在想用美食、景色、建筑为题材切入的时候,无心中发现了这组拍照作品。它没有剩余的光效,画面洁净,看着很舒畅。可是看似简单的东西却在角度和构图上要比一般照片讲究的多,比方下边这组拍照
就是追求的平面组成和***原则,内容看似很单一,但组成感很强。
而后我确立了用城市建筑来表现,我开始在网络上搜寻几个主要城市的地标性建筑,而后进行简化和提炼
,:
先找了一张有代表性的香港夜景
个人资料整理仅限学****使用
而后画出简单的建筑骨骼后开始上色,说到这我插一个存心思的事情。宫崎骏的工作室中“小男孩”组
负责草图和构造稿的绘制,而后由“小女孩”组达成上色。
[最后成效图]
其余城市的设计过程也是这样,我就不再一一赘述了:>
个人资料整理仅限学****使用
遗憾的是这个工程因为各种原由上线后很快就下了,因此大家可能没能看到。呵呵~
我小结一下这一过程我学到的一点小经验吧,在办理近似的产品页面的时候能够考虑用平面化的剪影图形,设计加上一点画面节奏办理,再用颜色一点颜色进行画面衬托,能起到不错的视觉成效希望大家能可能
用的上。
下边这个工程大家每日都在用,固然它小的让人很难觉察,可是给用户减少了好多认知负担。图标能让我
们很迅速的找到需要的东西,能在给用户清楚的引导。
这个图标是昨年年末的时候画的,当时需要对微博进行改版
(V4>,以前的图标存在好多问题,比方风格不
一致,大小也八门五花。
这是整理后的图标,图标没有水晶质感,没有过多的质感塑造。以极简的设计风格为主线进行,这也跟微
博整体体验的“轻”“薄”精神相一致。
个人资料整理仅限学****使用
我们来看看新版微博和旧版微博的公布框的对照,比较显然能看出来图标的清楚度和运用极简设计风格的
视觉成效。旧版的图标有好多没必需的高光和立体感,可是这些成效反而没起到理想的成效,反而辨别性
大大减弱。
个人资料整理仅限学****使用
先定义图表的色彩,认为图表跟以上两个设计不一样的地方是在于,它是靠颜色来辨别。因此颜色采用尤其重要。图表有的时候是比较乏味的,因此颜色我选择冷色系,这样比较耐看,相关于暖色系而言,能降低
用户厌烦讨厌的情绪。
我会加入一些轻微的光和投影,可是总的方向仍是以极简的风格为主。
[饼形图表]
在增添选项的时候,其余选项的颜色需要依据主色彩来进行扩展,可是有个小小注意事项:因为近似色的
关系,为保证颜色左右能划分开,我们需要规定每个颜色出现的地点,因此我给开发人员做了一个颜规范
。
个人资料整理仅限学****使用
个人资料整理仅限学****使用
[曲线图表]
曲线图表也是这样,细节上有一些弱弱的投影和高光变化。
个人资料整理仅限学****使用
最后总结一下:极简不等于简单,但极简拒绝剩余。
<以上内容来自:)