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

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

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

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

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

1. 微博同城项目

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

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

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

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

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

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

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

[最终效果图]

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

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

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

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

[1] [2]  下一页

时间: 2024-10-03 09:19:10

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

网页设计中的极简主义

  由于其永恒的优雅和清晰的内容呈现方式,极简主义一直被视为是Web设计中最持久的视觉框架之一.虽然设计思潮来来去去,但极简主义设计却变得日益经典,它的视觉和设计理念被身处不同专业和行业的设计师共同接受. 作为一种艺术风格,极简主义并非是网页设计独有的,简约设计运动的根源可以追溯至20世纪初.自那时以来,极简主义设计理念一直长盛不衰,仿佛是一种可以经历时间考验的永恒模型. 每个时代的设计师都会发现自己与简约设计的原则多少有些关联,更不用说我们现在这个极简主义爆炸的时代.在这一篇文章中,我们将探讨

极简风格在设计中的运用

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

28个不错的国外崇尚极简设计风格的网站

有时候并不一定"多多"就"益善":相反,简约的设计也会有很多的可欣赏性.简约的Web设计可以更好地突出本质的核心内容,更直观快速地向用户传达网站的设计目的.这里为你例举了28个不错的国外崇尚极简设计风格的网站,欣赏的同时希望也能给你一个启迪. 1. Dubberly Design Office 2. Inkcover Blog 3. Site Inspire 4. Lilly's Table 5. Maurice Naef 6. Twitter 101 7. Ala

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

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

极简主义网站设计:白色极简主义网站设计

文章描述:国外35个极简主义网站设计. 原文:国外35个极简主义网站设计译自:35 Effective Examples of Minimalism in Web Design请尊重版权,转载请注明来源,多谢! 极简主义的网站设计是我的最爱,之前网页教学网也有分享过很多极简主义的网站设计,这里是一批由speckyboy.com收集的另一批很赞的极简主义网站设计,供大家参考吧-- 白色极简主义网站设计 Idea Exhibit Yuna Kim Astronaut Deutsche & Japan

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

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

The Daily Mail:从用户体验出发的反传统网页设计

中介交易 SEO诊断 淘宝客 云主机 技术大厅 作者:勺子杀人狂 / 产品观察家 关注本土设计.移动互联网.用户体验.设计创新,研究如何用设计方法链接"技术-商业-媒体".在雷锋网.英闻网等处都有设计专栏,TEDx讲者,几本设计和非设计类书作者.新浪微博:李一舟DESIGN [核心提示] 从设计和用户体验的角度说说为什么<The Daily Mail>(每日邮报)会迅速超越纽约时报,成为世界上点击量最高的报纸网媒. 前几天收到<环球企业家>一位记者朋友的电话,说

极简的网页视觉设计教程:网页变得轻薄简洁而美观

导言: 如何让杂乱又咄咄逼人的网页变得轻薄简洁而美观,又需保留完整功能.同时很好的区分出重点模块?这往往是让设计师困扰纠结之源:如何更好的将多余的元素.色彩.形状和纹理剔除,保留重点并梳理清晰的视觉流动方向? 如果一个页面有太多的元素,用户将迷惑于去看哪里或误解每个元素的优先级.优秀的设计师需要用设计语言将焦点正好引导到正确的内容上,正如提到的,极简的网页视觉能够将最重要的内容带到最前面并为用户避免分散注意力,比如,在一个黑白设计上的任何色斑,都会引起用户的注意力,色彩本身也将成为焦点,这便成为

网页设计的含意和原则:响应网页设计

文章描述:响应网页设计目前在网页设计中无疑是一个热门话题.从某种程度上来说,响应网页设计概念的普及是非常应该的,因为用户以越来越多样化的方式访问网站.iPad,iPhone,Android移动设备,桌面,笔记本--现在我们的网页设计必须在众多方式下使用. 响应网页设计目前在网页设计中无疑是一个热门话题.从某种程度上来说,响应网页设计概念的普及是非常应该的,因为用户以越来越多样化的方式访问网站.iPad,iPhone,Android移动设备,桌面,笔记本--现在我们的网页设计必须在众多方式下使用.