极简风格在设计中的运用

  大家好,我是阿木,今天我结合我在微博的实际项目跟大家分享一下极简风格的一点设计心得。现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息。于是我们内心追求一种体验那就是—极简,像大家家喻户晓的品牌如:MUJI无印良品、 苹果 、宜家家居,都是这一风格的发扬者,他们的产品也获得了巨大成功。


  极简在摄影中是一种突出主体取简去繁的摄影手法,在生活中是一种放松的生活态度,在设计中是一种简洁的设计手法。

  微博的设计体验也是如此,我们去掉了复杂的视觉干扰,力求给用户带来愉悦轻松的视觉体验。

  1. 微博同城项目

  说起微博同城项目在设计的时候,我不得不感谢一个摄影师给我带来的一些灵感。

  德国摄影师JosefSchulz(1966生于荷兰)


  同城项目要求根据用户登录ip来判断登录地点。这就需要一张能体现当地风土人情的头图来营造氛围。怎么做呢?怎样才能让用户有家的感觉?

  正当我在想用美食、风景、建筑为题材切入的时候,无意中发现了这组摄影作品。它没有多余的光效,画面干净,看着很舒服。但是看似简单的东西却在角度和构图上要比普通照片讲究的多,比如下面这组摄影就是追求的平面构成和透视原则,内容看似很单调,但构成感很强。

  然后我确定了用城市建筑来表现,我开始在网络上搜索几个主要城市的地标性建筑,然后进行简化和提炼,把建筑的主要特点进行勾勒.以香港为例:

  先找了一张有代表性的香港夜景


  然后画出简单的建筑骨骼后开始上色,说到这我插一个有意思的事情。宫崎骏的工作室中“小男孩”组负责草图和结构稿的绘制,然后由 “小女孩”组完成上色。


  [最终效果图]


  其它城市的设计过程也是如此,我就不再一一赘述了:)


  遗憾的是这个项目由于种种原因上线后很快就下了,所以大家可能没能看到。呵呵~

  我小结一下这一过程我学到的一点小经验吧,在处理类似的产品页面的时候可以考虑用平面化的剪影图形,设计加上一点画面节奏处理,再用颜色一点颜色进行画面烘托,能起到不错的视觉效果希望大家能可能用的上。

  下面这个项目大家每天都在用,虽然它小的让人很难察觉,但是给用户减少了很多认知负担。图标能让我们很快速的找到需要的东西,能在给用户清晰的指引。

  2. 微博图标设计

  这个图标是去年年底的时候画的,当时需要对微博进行改版(V4),之前的图标存在很多问题,比如风格不统一,大小也五花八门。

  这是整理后的图标,图标没有水晶质感,没有过多的质感塑造。以极简的设计风格为主线进行,这也跟微博整体体验的“轻”“薄”精神相一致。


  我们来看看新版微博和旧版微博的发布框的对比,比较明显能看出来图标的清晰度和运用极简设计风格的视觉效果。旧版的图标有很多没必要的高光和立体感,但是这些效果反而没起到理想的效果,反而识别性大大减弱。


  3. 图表设计

  先定义图表的色调,以为图表跟以上两个设计不同的地方是在于,它是靠颜色来识别。所以颜色选用尤为重要。图表有的时候是比较枯燥的,所以颜色我选择冷色系,这样比较耐看,相对于暖色系而言,能降低用户厌倦反感的情绪。

  我会加入一些微弱的光和投影,但是总的方向还是以极简的风格为主。

  [饼形图表]

  在增加选项的时候,其它选项的颜色需要根据主色调来进行扩展,但是有个小小注意事项:因为近似色的关系,为保证颜色左右能区分开,我们需要规定每个颜色出现的位置,所以我给开发人员做了一个颜规范。


  [曲线图表]

  曲线图表也是如此,细节上有一些弱弱的投影和高光变化。


  最后总结一下:极简不等于简单,但极简拒绝多余。

  谢谢阅读:)

  最后推荐几个网址:

  http://www.josefschulz.de/(文章第一个提到的摄影师的网址)

  https://www.mint.com/t/012-c/(图表做的不错哦)

  http://www.icoeye.com/(图标很牛x,还带设计过程)

  (微博UDC原创博文,欢迎转载并注明出处,欢迎订阅 )

时间: 2024-10-12 20:20:21

极简风格在设计中的运用的相关文章

大数据的设计师帮你快速搞定一个极简风格网站

  如何快速做出一个极简风格网站?国外某个网站统计分析了112个明显带有极简风格的网站后,发布了这篇超级干货.全程都是以数据来说话,从占比最大的设计要素开始说起,有案例有分析,把极简风格的设计彻底发挥到了术的地步. 最小化设计的目标是移除界面当中不必要的元素或内容,减少干扰,使界面最大程度的支持用户的任务流程. 要将界面以恰当的方式简化到只保留必要元素的程度,设计师需要对一系列与最小化策略高度相关的设计模式有所了解.界面设计,就像人类的语言一样,最终是由人们的使用方式所定义的.如今,虽然"最小化

从零开始教你打造网页设计中的极简风格

  什么是极简设计 极简设计,严格上讲不能算作一种视觉风格,而是一种设计哲学.它在保持了基本的骨架内容的基础上,剔除掉多余的元素.装饰.色彩和纹理,是通过不断思考而进行化繁为简的设计过程.这样做的结果是突显了主题内容.所以,它是扎根于设计思想根部的概念. 极简主义起源于苏格兰,当时在各个文化领域都掀起了极简的风潮:平面设计.建筑.音乐.文学.绘画等.直到现在,也开始在网页设计中盛行. 尽管极简设计风格在十年间并未得以足够的关注度,早先的互联网领域中根本看不到它的影子,样式复杂的LOGO和广告,艳

苹果iOS7设计细节曝光 黑白两色极简风格

[科技讯]5月28日消息,距离苹果WWDC大会正式开幕还有半个月时间(6/10-6/14),究竟苹果会发表什么新鲜产品呢?是新一代iPad?是iOS7?还是iPhone5S呢?暂时抛开硬件设备不谈,目前网络上被炒得沸沸扬扬的消息就是iOS7的全新设计,因此经常会有迫不及待的果粉,将自己理想中的iOS7设计视频或图片放置在网络上,替大家望梅止渴一番!       伴随著时间的逼近,消息泄露越来越多,现在大家无需再止渴了!根据国外媒体报道,有可靠消息人士指出,在过去的几月之中苹果不断的测试iOS7的

微博的设计体验:运用极简设计风格网页设计案例

文章描述:微博的设计体验也是如此,我们去掉了复杂的视觉干扰,力求给用户带来愉悦轻松的视觉体验. Hi 大家好,我是阿木,今天我结合我在微博的实际项目跟大家分享一下极简风格的一点设计心得.现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息.于是我们内心追求一种体验那就是-极简,像大家家喻户晓的品牌如:MUJI无印良品. 苹果 .宜家家居,都是这一风格的发扬者,他们的产品也获得了巨大成功. 极简在摄影中是一种突出主体取简去繁的摄影手法,在生活中是一种放松的生活态度,

有哪些关键技巧能搞定极简风格网站?

  初级设计师学做加法,高级设计师学做减法.今天以极简风格的网站设计为例,教同学们可以从哪几个方面给网站做减法.极简不是删删删,而是繁中取精,取舍得当,想点亮这个技能,来学习 >>> 使用留白的极简主义是现代设计的大趋势之一.很好地使用留白的人往往可以使你的页面第一眼看上去非常清爽,但是实际上用少量的元素和大量的留白做好设计还是有些难度的.甚至有些情况下你的客户不会那么喜欢,因为他们总是想要尽可能在页面上放更多的信息. 但是很多设计师都把极简主义的风格当做是一种挑战.极简主义风格的网页可

极简主义网站设计的首选色彩:灰色

在这个系列中,我们差不多了解了彩虹中的每一种颜色及其在设计中的应用.在这篇中,我们将讨论一下七彩之外的色彩,让我们看一下灰色.灰色是一个平稳的.中立的色彩,它在网页设计中非常漂亮.它不会激发非常强烈的情感(或许除了一种不好的心情),而红色.橙色或者紫色则会.它不像黑色那么鲜明,但是一个非常暗的灰色可以做同样的事情.同样非常浅的灰色又不像白色那么死板,而且有的时候它还可以填补白色占据的空间. 灰色有正面和负面的含义."灰质(Gray matter)"会联系到智商与脑力.不过好像灰色的贬义

令人心间一亮的极简风格网站欣赏

  在一大波狂拽酷炫的网站前,极简设计往往能让人心间一亮,就像穿过森林越过山峰后投向星辰大海的一刹那--美原来还有另一种形式.今天我们收集了一组真正的极简设计,令人讶异的是,有的极简风格网站,并不满足于用单调的几种色彩来涂抹,而是将丰富多彩的颜色都融杂进去,作品如何,静待你的发现. Company-London Useallfive Timbrack.De Davidbastian Amandagerhardsen Amandapratt Verenamichelitsch Januar.Ch

百度首页改版 极简风格以及“百度蓝”也将推出

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 百度首页改版 极简风格以及"百度蓝"也将推出 [TechWeb报道]8月1日消息,近日,百度正式上线极简首页,"变脸"实践极简风格与智能化搜索之路.作为百度面向用户的核心入口,此次改版从整体结构看,页面中央仅保留了百度logo与搜索框,网友可以通过首页右上角访问新闻.hao123.地图.视频.贴吧和知道

潮人必备:极简风格的iPhone外设Spike

BlackBerry最给力的是QWETRY键盘,流畅的操作感.飞舞的手指.工程学典范,这些特性催生了死忠的黑莓控. 2113.html">微软Surface的发布让我们看到了物理键盘的极致,超薄+科技范+无法拒绝的外形,天天不忘吼两句少即是多的某粉见到TouchCover这样的产品,是不是心花怒放呢.外设就是破坏美感的累赘?极简风格的优秀工业设计只能在类似iPhone这样的产品上看到?如果说Surface颠覆了平板的世界观,那Spike则颠覆了iPhone的世界观.微软Surface搭配T