亚洲另类97色波,四季久久免费一区二区三区四区,丰满蜜桃精品视频网,国产在线观看无码九色8X视频亚洲中文字幕久久精品无码喷水_国产精品无码一区二区

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用

2012-9-24    藍(lán)藍(lán)設(shè)計的小編

 

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(    www.teruid.com    )是一家專注而深入的設(shè)計機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、  cs界面設(shè)計 、  ipad界面設(shè)計  、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、  網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源: http://www.uisheji.com/113607.html

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,                請點這里

Hi 大家好,我是阿木,今天我結(jié)合我在微博的實際項目跟大家分享一下極簡風(fēng)格的一點設(shè)計 心得。現(xiàn)代城市生活中我們每天要面對嘈雜擁堵的街道和地鐵,各式各樣的廣告,處理各種郵件和信息。于是我們內(nèi)心追求一種體驗?zāi)蔷褪?mdash;極簡,像大家家喻戶曉的品牌如:MUJI無印良品、 蘋果 、宜家家居,都是這一風(fēng)格的發(fā)揚(yáng)者,他們的產(chǎn)品也獲得了巨大成功。

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

極簡在攝影中是一種突出主體取簡去繁的攝影手法,在生活中是一種放松的生活態(tài)度,在設(shè)計 中是一種簡潔的設(shè)計手法。

微博的設(shè)計體驗也是如此,我們?nèi)サ袅藦?fù)雜的視覺干擾,力求給用戶帶來愉悅輕松的視覺體驗。

1. 微博同城項目

說起微博同城項目在設(shè)計的時候,我不得不感謝一個攝影師給我?guī)淼囊恍╈`感。

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

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

同城項目要求根據(jù)用戶登錄ip來判斷登錄地點。這就需要一張能體現(xiàn)當(dāng)?shù)仫L(fēng)土人情的頭圖來營造氛圍。怎么做呢?怎樣才能讓用戶有家的感覺?

正當(dāng)我在想用美食、風(fēng)景、建筑為題材切入的時候,無意中發(fā)現(xiàn)了這組攝影作品。它沒有多余的光效,畫面干凈,看著很舒服。但是看似簡單的東西卻在角度和構(gòu)圖上要比普通照片講究的多,比如下面這組攝影就是追求的平面構(gòu)成和透視原則,內(nèi)容看似很單調(diào),但構(gòu)成感很強(qiáng)。

然后我確定了用城市建筑來表現(xiàn),我開始在網(wǎng)絡(luò)上搜索幾個主要城市的地標(biāo)性建筑,然后進(jìn)行簡化和提煉,把建筑的主要特點進(jìn)行勾勒.以香港為例:

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

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

然后畫出簡單的建筑骨骼后開始上色,說到這我插一個有意思的事情。宮崎駿的工作室中“小男孩”組負(fù)責(zé)草圖和結(jié)構(gòu)稿的繪制,然后由 “小女孩”組完成上色。 
淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

[最終效果圖] 

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)  
其它城市的設(shè)計過程也是如此,我就不再一一贅述了:)

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

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

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

下面這個項目大家每天都在用,雖然它小的讓人很難察覺,但是給用戶減少了很多認(rèn)知負(fù)擔(dān)。圖標(biāo)能讓我們很快速的找到需要的東西,能在給用戶清晰的指引。

2. 微博圖標(biāo)設(shè)計

這個圖標(biāo)是去年年底的時候畫的,當(dāng)時需要對微博進(jìn)行改版(V4),之前的圖標(biāo)存在很多問題,比如風(fēng)格不統(tǒng)一,大小也五花八門。

這是整理后的圖標(biāo),圖標(biāo)沒有水晶質(zhì)感,沒有過多的質(zhì)感塑造。以極簡的設(shè)計風(fēng)格為主線進(jìn)行,這也跟微博整體體驗的“輕”“薄”精神相一致。

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

我們來看看新版微博和舊版微博的發(fā)布框的對比,比較明顯能看出來圖標(biāo)的清晰度和運(yùn)用極簡設(shè)計風(fēng)格的視覺效果。舊版的圖標(biāo)有很多沒必要的高光和立體感,但是這些效果反而沒起到理想的效果,反而識別性大大減弱。

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

 

3. 圖表設(shè)計

先定義圖表的色調(diào),以為圖表跟以上兩個設(shè)計不同的地方是在于,它是靠顏色來識別。所以顏色選用尤為重要。圖表有的時候是比較枯燥的,所以顏色我選擇冷色系,這樣比較耐看,相對于暖色系而言,能降低用戶厭倦反感的情緒。

我會加入一些微弱的光和投影,但是總的方向還是以極簡的風(fēng)格為主。

[餅形圖表]

在增加選項的時候,其它選項的顏色需要根據(jù)主色調(diào)來進(jìn)行擴(kuò)展,但是有個小小注意事項:因為近似色的關(guān)系,為保證顏色左右能區(qū)分開,我們需要規(guī)定每個顏色出現(xiàn)的位置,所以我給開發(fā)人員做了一個顏規(guī)范。

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

[曲線圖表]

曲線圖表也是如此,細(xì)節(jié)上有一些弱弱的投影和高光變化。

淺談極簡風(fēng)格在設(shè)計中的運(yùn)用(原創(chuàng)技巧)

最后總結(jié)一下:極簡不等于簡單,但極簡拒絕多余。

謝謝閱讀:)

最后推薦幾個網(wǎng)址:

http://www.josefschulz.de/ (文章第一個提到的攝影師的網(wǎng)址)

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

http://www.icoeye.com/ (圖標(biāo)很牛x,還帶設(shè)計過程)

微博UDC 原創(chuàng)博文,歡迎轉(zhuǎn)載并注明出處,歡迎訂閱  )

分享本文至:

日歷

鏈接

個人資料

存檔