登錄圖的趣味設(shè)計(jì)

2013-1-19    藍(lán)藍(lán)設(shè)計(jì)的小編

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

 來源: http://ucdchina.com/snap/12585

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

阿里巴巴登錄頁面左側(cè)一直都會(huì)有個(gè)banner,這個(gè)圖片因?yàn)槲恢?、環(huán)境的特殊性,跟我們平常做的首頁banner的設(shè)計(jì)思路會(huì)有所不同。首頁banner更注重的是信息傳達(dá),登錄左側(cè)的這個(gè)banner偏重情感化設(shè)計(jì),情感化設(shè)計(jì)除了節(jié)日、事件的氛圍之后,還有就是趣味性。

趣味設(shè)計(jì)是一個(gè)比較大的概念,在這里我狹隘的把趣味設(shè)計(jì)分成兩個(gè)部分來介紹,1.主體元素的創(chuàng)意;2.背景元素的處理 。每次在做這個(gè)banner的時(shí)候,都非常的糾結(jié),當(dāng)然最糾結(jié)的地方就是創(chuàng)意,雖然創(chuàng)意是給非常主觀的東西,但是我們還是可以通過對(duì)一些元素處理找到創(chuàng)意點(diǎn)。

A.線描——來自現(xiàn)實(shí)場景,超越現(xiàn)實(shí)場景的表現(xiàn)力

線描的方式是我比較常用的形式,這種形式相對(duì)簡單,很容易上手,效果也比較有張力。先找一個(gè)相對(duì)合適的場景,對(duì)著現(xiàn)實(shí)的場景勾出想要的線條,再對(duì)線條進(jìn)行粗細(xì)、顏色的調(diào)整。舉個(gè)例子如下:

1.如果我們需要一個(gè)倉庫的線描場景,我們先找到一個(gè)滿足我們需求的倉庫場景,對(duì)場景進(jìn)行線描繪制。

線描場景

2.畫出線描后根據(jù)背景色的主色調(diào)對(duì)線條進(jìn)行粗細(xì)及顏色調(diào)整。然后再添加一些實(shí)物做一下對(duì)比。

線描場景

3.同樣的方法,繪制其他與之相關(guān)的元素,組合到一起,最終效果如下:

線描成功稿

B.夸張——原本是1,表現(xiàn)為3,讓1+1>2

夸張的手法我們見的非常多,以現(xiàn)實(shí)實(shí)物為藍(lán)本,用夸張的手法來表現(xiàn)實(shí)物,使之更具表現(xiàn)力。以此來吸引用戶的目光。下面例子為冬季采購的banner設(shè)計(jì)。

1.跟線描一樣,找一個(gè)類似我們可以用的場景圖片,用卡通的形式繪制貨車,對(duì)局部細(xì)節(jié)進(jìn)行適當(dāng)?shù)目鋸?,貼近自己想要的感覺。

夸張1

2.有了這個(gè)基本元素之后,把貨車的層高加至3層,夸張我們平常印象中的貨車,增加貨車表現(xiàn)力。

夸張手法2

3.一層的貨車被夸張繪制成三層之后,增加了貨車的表現(xiàn)力,同時(shí)增加了貨車的趣味性。后面只需要添加一些輔助性的元素,加強(qiáng)主題所需的氛圍即可,最終效果如下。

夸張效果圖

C.重構(gòu)——對(duì)現(xiàn)實(shí)的實(shí)物進(jìn)行重組,再設(shè)計(jì)

重構(gòu)在工業(yè)設(shè)計(jì)中用的比較多,這種設(shè)計(jì)方法尤其能體現(xiàn)趣味性,本來不相干的幾個(gè)事物,通過重構(gòu)再設(shè)計(jì),組合在一起的時(shí)候,會(huì)給人眼前一亮的感覺。

1.燈泡和建筑都是我們生活中比較常見的事物,二者組合到一起的畫面不是很常見,當(dāng)我們想到這兩個(gè)元素的時(shí)候,通過重構(gòu)、正負(fù)形等設(shè)計(jì)手法,讓他們聯(lián)系到一起。

重組素材

2.主體形狀有了之后,燈絲是我們設(shè)計(jì)最好發(fā)揮的地方,把主題文案與燈絲相結(jié)合。

重組過程

3.通過對(duì)燈泡形狀、燈絲和建筑三者的重構(gòu)再設(shè)計(jì),讓三者融合在一個(gè)畫面里面,改變了一般燈泡的感覺,增加了燈泡的趣味性。

重構(gòu)效果

 

畫面的主體元素確立后,背景的處理相對(duì)就簡單些,背景處理大部分是通過筆刷、色塊堆積、不規(guī)則形狀、羽化、水粉 等手法進(jìn)行處理。處理方式大家各有各的方法,這里給大家展示一些背景處理的案例。

筆刷效果

色塊堆積

不規(guī)則形狀

羽化效果

水粉

分享本文至:

日歷

鏈接

個(gè)人資料

存檔