網(wǎng)站設(shè)計(jì)理論

文章描述：登錄圖的趣味設(shè)計(jì).

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

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

A.線描——來(lái)自現(xiàn)實(shí)場(chǎng)景，超越現(xiàn)實(shí)場(chǎng)景的體現(xiàn)力

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

1.假如我們需要一個(gè)倉(cāng)庫(kù)的線描場(chǎng)景，我們先找到一個(gè)知足我們需求的倉(cāng)庫(kù)場(chǎng)景，對(duì)場(chǎng)景進(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)本，用夸張的手法來(lái)體現(xiàn)實(shí)物，使之更具體現(xiàn)力。以此來(lái)吸引用戶的目光。下面例子為冬季采購(gòu)的banner設(shè)計(jì)。

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

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

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