視覺沖擊力刨析

視覺沖擊力刨析
設計一張極具視覺沖擊力的網頁并不是一件天大的難事(shì)，關鍵是有合适的思路産出畫面(miàn)。從我多年設計經(jīng)驗來看，我個人覺得非常炫屌的沖擊力畫面(miàn)無非就是形式感，顔色和創意，當然對(duì)于畫面(miàn)來說其他細節質感元素.....等也重要，隻是這(zhè)3個是我認爲能(néng)快達到目的的捷徑。
不過(guò)我要提醒的是雖然你是設計師，但不要爲所欲爲。形式感，顔色和創意需要根據客戶需求,項目策劃，針對(duì)人群來決定，而不是爲了畫面(miàn)好(hǎo)看或者是爲了做而做，那樣(yàng)沒(méi)有任何價值！
ok，下面(miàn)我們那幾個真是案例來看下。

形式感

安踏官網

針對(duì)這(zhè)樣(yàng)的品牌網站,大部分人的做法是一個大的banner下面(miàn)排幾個内容模塊，如下圖！


2011年，奧運會所以我們才用立體更加靈活的體育明星作爲主體，并且那個時候是FLASH技術火熱的颠覆時代，所以我們把banner模塊用flash技術以旋轉的方式出場，後(hòu)以立體互動的方式停留畫面(miàn)中，後(hòu)效果更好(hǎo)，用戶體驗感更強！




顔色
顔色是我們日常生活中熟悉，親近的一種(zhǒng)生活中的喜怒哀樂。現對(duì)來說顔色也是有效吸引視覺感官的一種(zhǒng)方式。因爲他比圖形更快的被(bèi)感官抓取到，從而進(jìn)入大腦神經(jīng)，大腦對(duì)于顔色的經(jīng)驗來說也是豐富的，所以顔色能(néng)和用戶達到共鳴，從而達到我們的目标。顔色千變萬化。其實我們有很很意思的用法，下面(miàn)一起(qǐ)來看一個例子。

安踏委員會社區網站：

針對(duì)人群是熱愛體育的運動愛好(hǎo)者，對(duì)于喜歡跑步的人來說，戶外跑步面(miàn)對(duì)是的天空，所以背景選用了藍色，藍色是個很沉穩的顔色，提醒我們不要像劉翔一樣(yàng)關鍵的時候摔倒了，成(chéng)爲全世界的遺憾。當然比較是體育，所以中間增加一些活躍的黃色，這(zhè)樣(yàng)也可以讓背景顔色更加有層次以及空間感。
當然還(hái)有下面(miàn)兩(liǎng)張女子館和籃球館，給你們自己琢磨。


創意：
vitamin産品官網
這(zhè)款産品是定位能(néng)量型的飲料，客戶針對(duì)是經(jīng)常office裡(lǐ)面(miàn)經(jīng)常上班開(kāi)會無力沒(méi)精神的人群，針對(duì)這(zhè)樣(yàng)的人群，每天面(miàn)對(duì)著(zhe)電腦，收取資訊特别特别多，要吸引住他們，那麼(me)就一定要有一個非常準确的insight

根據這(zhè)類人的特性，我們把産品網站做成(chéng)了小遊戲感覺(每天面(miàn)對(duì)電腦的人的用戶體驗稍微複雜一點沒(méi)事(shì)）的頁面(miàn)，并且畫面(miàn)很酷，根據客戶定的主推款黃色(取名小宇宙）來做整體的色調。當然重要的是玩法了，打開(kāi)頁面(miàn)，畫面(miàn)中間就是你本人的頭像和名字（微博流行，頭像和名字從微博抓取）必然會引起(qǐ)用戶的目光，從而引導他去玩這(zhè)個頁面(miàn)，玩到後(hòu)發(fā)現能(néng)量不足提醒用戶添加能(néng)力，雪中送炭放出産品這(zhè)樣(yàng)的形式無疑比像大街上突然來個人跟你說産品怎麼(me)好(hǎo)怎麼(me)好(hǎo)要好(hǎo)的多。

後(hòu)
告别平庸的，要記住，多在形式感，顔色，創意花點功夫，你的作品自然牛掰了！！