建站资讯
2012-07-14 13:23:23
浏览:
Hi 大家好,我是阿木,今天我结合我在微博的实际项目跟大家分享一下极简风格的一点设计心得。现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息。于是我们内心追求一种体验那就是—极简,像大家家喻户晓的品牌如:MUJI无印良品、 苹果 、宜家家居,都是这一风格的发扬者,他们的产品也获得了巨大成功。
极简在摄影中是一种突出主体取简去繁的摄影手法,在生活中是一种放松的生活态度,在设计中是一种简洁的设计手法。
微博的设计体验也是如此,我们去掉了复杂的视觉干扰,力求给用户带来愉悦轻松的视觉体验。
说起微博同城项目在设计的时候,我不得不感谢一个摄影师给我带来的一些灵感。
德国摄影师JosefSchulz(1966生于荷兰)
同城项目要求根据用户登录ip来判断登录地点。这就需要一张能体现当地风土人情的头图来营造氛围。怎么做呢?怎样才能让用户有家的感觉?
正当我在想用美食、风景、建筑为题材切入的时候,无意中发现了这组摄影作品。它没有多余的光效,画面干净,看着很舒服。但是看似简单的东西却在角度和构图上要比普通照片讲究的多,比如下面这组摄影就是追求的平面构成和透视原则,内容看似很单调,但构成感很强。
然后我确定了用城市建筑来表现,我开始在网络上搜索几个主要城市的地标性建筑,然后进行简化和提炼,把建筑的主要特点进行勾勒.以香港为例:
先找了一张有代表性的香港夜景
然后画出简单的建筑骨骼后开始上色,说到这我插一个有意思的事情。宫崎骏的工作室中“小男孩”组负责草图和结构稿的绘制,然后由 “小女孩”组完成上色。
[最终效果图]
遗憾的是这个项目由于种种原因上线后很快就下了,所以大家可能没能看到。呵呵~
我小结一下这一过程我学到的一点小经验吧,在处理类似的产品页面的时候可以考虑用平面化的剪影图形,设计加上一点画面节奏处理,再用颜色一点颜色进行画面烘托,能起到不错的视觉效果希望大家能可能用的上。
下面这个项目大家每天都在用,虽然它小的让人很难察觉,但是给用户减少了很多认知负担。图标能让我们很快速的找到需要的东西,能在给用户清晰的指引。
这个图标是去年年底的时候画的,当时需要对微博进行改版(V4),之前的图标存在很多问题,比如风格不统一,大小也五花八门。
这是整理后的图标,图标没有水晶质感,没有过多的质感塑造。以极简的设计风格为主线进行,这也跟微博整体体验的“轻”“薄”精神相一致。
我们来看看新版微博和旧版微博的发布框的对比,比较明显能看出来图标的清晰度和运用极简设计风格的视觉效果。旧版的图标有很多没必要的高光和立体感,但是这些效果反而没起到理想的效果,反而识别性大大减弱。
如何通过优化提升手机网站用户体验
随着智能手机的普及和移动互联网的发展,手机网站已成为企业互联网营销的重要渠道之一。然而,由于移动设备的特殊性,手机网站的用户体验常常受到限制。本文将从多个方面为
手机网站制作的关键步骤:从规划到上线
随着移动互联网的快速发展,手机网站成为了企业不可或缺的一部分。拥有一个响应式的手机网站,能够极大地提升用户体验,提高品牌知名度,并且增加转化率。然而,手机网站制作并不是一项简单的任务。本文将逐步介绍手机网站制作的关键步骤,帮助您更好地准备和完成手机网站的建设。
为什么需要手机网站制作?
手机网站制作是为了跟上市场趋势和竞争对手。现在大多数行业都有自己的手机应用或手机网站,如果您的竞争对手已经拥有了手机网站,那么您不制作的话,您将与时俱进的道路就变得更加艰难。通过制作手机网站,您可以提前占领手机市场,赢得更多用户的青睐,并与竞争对手保持一定的竞争力。