以用戶為中心的設計

這是UCDChina提前預覽網頁留下的存檔,不包括作者可能更新過的內容。
推薦您進入文章源地址閱讀和發布評論:

登錄圖的趣味設計

作者:山木  |   發布: (編輯)kent.zhu   |   時間:2012-12-25 09:20:43 文字大小:- +

菲彩国际阿里巴巴登錄頁面左側一直都會有個banner,這個圖片因為位置、環境的特殊性,跟我們平常做的首頁banner的設計思路會有所不同。首頁banner更注重的是信息傳達,登錄左側的這個banner偏重情感化設計,情感化設計除了節日、事件的氛圍之后,還有就是趣味性。

趣味設計是一個比較大的概念,在這里我狹隘的把趣味設計分成兩個部分來介紹,1.主體元素的創意;2.背景元素的處理菲彩国际。每次在做這個banner的時候,都非常的糾結,當然最糾結的地方就是創意,雖然創意是給非常主觀的東西,但是我們還是可以通過對一些元素處理找到創意點。

A.線描——來自現實場景,超越現實場景的表現力

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

1.如果我們需要一個倉庫的線描場景,我們先找到一個滿足我們需求的倉庫場景,對場景進行線描繪制。

線描場景

2.畫出線描后根據背景色的主色調對線條進行粗細及顏色調整。然后再添加一些實物做一下對比。

線描場景

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

線描成功稿

B.夸張——原本是1,表現為3,讓1+1>2

夸張的手法我們見的非常多,以現實實物為藍本,用夸張的手法來表現實物,使之更具表現力。以此來吸引用戶的目光。下面例子為冬季采購的banner設計。

1.跟線描一樣,找一個類似我們可以用的場景圖片,用卡通的形式繪制貨車,對局部細節進行適當的夸張,貼近自己想要的感覺。

夸張1

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

夸張手法2

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

夸張效果圖

C.重構——對現實的實物進行重組,再設計

菲彩国际重構在工業設計中用的比較多,這種設計方法尤其能體現趣味性,本來不相干的幾個事物,通過重構再設計,組合在一起的時候,會給人眼前一亮的感覺。

1.燈泡和建筑都是我們生活中比較常見的事物,二者組合到一起的畫面不是很常見,當我們想到這兩個元素的時候,通過重構、正負形等設計手法,讓他們聯系到一起。

重組素材

2.主體形狀有了之后,燈絲是我們設計最好發揮的地方,把主題文案與燈絲相結合。

重組過程

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

重構效果

 

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

筆刷效果

色塊堆積

不規則形狀

羽化效果

水粉

設計理論和設計方法肯定非常的多,這里只是介紹幾種,希望大家能再補充。歡迎大家隨時拍磚。

更多
打印  |  類別:視覺設計  |  

UCDChina的書


UCDChina編著,定價35元
菲彩国际  

《UCD火花集》封面
UCDChina編著,定價25元
 

《應需而變——設計的力量》封面
UCDChina團隊成員譯,定價29元
 

《網頁設計解析》封面
UCDChina團隊成員著,定價62元
菲彩国际  

《贏在用戶》封面
UCDChina團隊成員Angela譯,定價29元
 

《用戶體驗的要素》封面
UCDChina團隊成員Angela譯,定價25元
 

菲彩国际_菲彩国际官网_Welcome 菲彩国际_菲彩国际官网_Welcome 紫金阁棋牌-紫金阁棋牌官网 紫金阁棋牌-紫金阁棋牌官网 紫金阁棋牌-紫金阁棋牌官网