微博的設計體驗:運用極簡設計風格網頁設計案例

來源:互聯網
上載者:User

文章描述:微博的設計體驗也是如此,我們去掉了複雜的視覺幹擾,力求給使用者帶來愉悅輕鬆的視覺體驗。

Hi 大家好,我是阿木,今天我結合我在微博的實際項目跟大家分享一下極簡風格的一點設計心得。現代城市生活中我們每天要面對嘈雜擁堵的街道和地鐵,各式各樣的廣告,處理各種郵件和資訊。於是我們內心追求一種體驗那就是—極簡,像大家家喻戶曉的品牌如:MUJI無印良品、 蘋果 、宜家家居,都是這一風格的發揚者,他們的產品也獲得了巨大成功。

極簡在攝影中是一種突出主體取簡去繁的攝影手法,在生活中是一种放松的生活態度,在設計中是一種簡潔的設計手法。

微博的設計體驗也是如此,我們去掉了複雜的視覺幹擾,力求給使用者帶來愉悅輕鬆的視覺體驗。

1. 微博同城項目

說起微博同城項目在設計的時候,我不得不感謝一個攝影師給我帶來的一些靈感。

德國攝影師JosefSchulz(1966生於荷蘭)

同城項目要求根據使用者登入ip來判斷登入地點。這就需要一張能體現當地風土人情的頭圖來營造氛圍。怎麼做呢?怎樣才能讓使用者有家的感覺?

正當我在想用美食、風景、建築為題材切入的時候,無意中發現了這組攝影作品。它沒有多餘的光效,畫面乾淨,看著很舒服。但是看似簡單的東西卻在角度和構圖上要比普通照片講究的多,比如下面這組攝影就是追求的平面構成和透視原則,內容看似很單調,但構成感很強。

然後我確定了用城市建築來表現,我開始在網路上搜尋幾個主要城市的地標性建築,然後進行簡化和提煉,把建築的主要特點進行勾勒.以香港為例:

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

然後畫出簡單的建築骨骼後開始上色,說到這我插一個有意思的事情。宮崎駿的工作室中“小男孩”組負責草圖和結構稿的繪製,然後由 “小女孩”組完成上色。

[最終效果圖]

其它城市的設計過程也是如此,我就不再一一贅述了:)

遺憾的是這個項目由於種種原因上線後很快就下了,所以大家可能沒能看到。呵呵~

我小結一下這一過程我學到的一點小經驗吧,在處理類似的產品頁面的時候可以考慮用平面化的剪影圖形,設計加上一點畫面節奏處理,再用顏色一點顏色進行畫面烘托,能起到不錯的視覺效果希望大家能可能用的上。

下面這個項目大家每天都在用,雖然它小的讓人很難察覺,但是給使用者減少了很多認知負擔。表徵圖能讓我們很快速的找到需要的東西,能在給使用者清晰的指引。

[1] [2]  下一頁



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。