萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 話說我是怎麼設計Jeep網站的

話說我是怎麼設計Jeep網站的

   此文章有兩個目的:一是作品的歸檔(問我作品去哪兒的同學可以來領了),二是把一些設計思路的經驗分享給想從事這行的新同學。有很多朋友問我的問題,其中一些問題都包含在這篇文章裡了。

  畢竟時隔太久有些記憶模糊了,有些問題想分享的但我又沒想起來,如有問題可以回復留言。

  在10年到11年這段時間,我負責了Jeep的一系列minisite的設計(當時在a4a),一晃近五年。那時正是互動網站/Flash網站的火熱時期。至於有多火爆,想想現在的ui行業就行了。

  考慮到站酷有很多新同學,這裡普及一下。Minisite和microsite意思差不多,即小型網站,這種網站區別於offical site(品牌官網)。品牌的minisite一般是歸屬於offical site的,屬於offical site的補充。然後minisite一般有分為兩種類型,一種是product minisite(產品網站),一種是compagin minisite(活動網站),也有兩者合一的。

  五年,如白駒過隙。

  在這裡五年裡,我先後服務了Jeep、Dodge、Audi、Acura、Landrover、進口大眾、MINI、BMW、勞斯萊斯等品牌。所以,Jeep其實是我服務的一個汽車品牌,也是我第一次接觸汽車類的Minisite的設計。

  的確是第一次,說起來,我以前絲毫沒有汽車品牌服務經驗。話說回來,我大學讀的是英語,煙大英語系,英文文學方向,天天跟莎士比亞雪萊打交道。畢業後干了兩年Flash編程,然後才成為了一個互動設計師。這又是另一個故事了。

  牧馬人的品牌策略和我理解的不同,我原本以為牧馬人是走的是越野路線,但不是。這就是為什麼有些朋友會奇怪牧馬人為什麼不是走越野風格的。也許在美國是,但在中國,越野只是小眾市場。再說了,開個50w的車去越野純屬逗比,一般玩越野的都是拿切諾基哈弗去糙的。因為一般人都知道羅賓漢是世界上最強的越野車型之一,所以牧馬人當時已經開始淡化越野。為了吸引更多受眾,牧馬人走起了個性路線。

  這是我設計的第一個牧馬人網站,嚴格來講,這不是第一個,之前的一些草稿都被我刪掉了。

話說我是怎麼設計Jeep網站的 三聯

  這個網站看不懂沒關系,其實是這麼一個玩法,首先會出現各種各樣個性的人,網站會提示你選擇你一個你認為個性的,當你選擇之後屏幕會粉碎,然後沖出一個牧馬人,網站會告訴你牧馬人才是最個性的。

  網頁的元素我使用了model和破碎的玻璃等元素。為什麼會這樣設計,因為玻璃代表了一個幻象的破碎(觀點的破碎),用牧馬人去粉碎舊的觀點。而並不是因為玻璃好看。一定要先把要表達東西用視覺表達清楚,然後再考慮好看不好看的事情。這才是正確的方法。

  我已經忘記了上面這個網站因為什麼原因沒有做成。後來經過了重新的思考,我又做了下面的設計。這個網站形式本該是360度的黑水晶山脈和城市的相互轉換,但因為執行問題擱淺,所以我只做了一半。

  當年進行的項目,還有指南者。指南者是城市SUV,Target Audience主要是青年人群。我們做了一個基於app的城市探險游戲。但當時是2010年,遠沒有人手一台iphone的地步,app在當時普及程度很低,所以這個項目即使執行出來,參與的人數恐怕不是很高。

  最終上線的是這版:

  一個minisite從最初的idea成形,到layout設計,然後再到制作上線,這中間要經過各種問題,來自客戶的,team內部的,自己的,外包團隊的。每一步處理不好都會導致這個項目的擱淺。

  有些新同學經常出現的一個情況是:比如說你做了一個自己覺得還不錯的東西,因為上面說到的中間環節的原因,被客戶或者內部斃掉,然後按照客戶想法說了一版,你自己不喜歡所以也不愛做,做完客戶覺得不是他想像的樣子,如此改了好幾輪,直到上線前客戶沒辦法只好定了一版。這是自己不喜歡,客戶也覺得勉強的東西。此種情況惡性循環,長此以往,你會覺得對設計不會再愛了。

  所以我常常提到的一個問題是:作為一個好的設計師不只是做好自己的就可以了,要從整體來看待問題。視覺是否能說清楚idea,互動和動態效果是否能較好的執行,team內部的的溝通,怎麼樣有效的說服客戶等,都是要考慮的問題。

  另外忘記了,Jeep還沒有講完,在經過了漫長漫長漫長的拉鋸戰過後,這個網站設計成了這個樣子,既然要真實場景的話,我只能盡量的把這個場景做的好看一點。

  最後還有些零散的東西,我就不解釋了,一起放上來。

  即使在ui設計這麼風靡的今天,互動廣告設計也沒有死。只不過行業趨於穩定和成熟。設計這東西,本來就是需要大半生時間去探索的。而我,也是只是探索到了一點點門道而已。

  那麼同學們,講了這麼多,有想和我一起在深夜聊聊設計的麼?

  如果對我感興趣,可以加我的微信號,我會經常分享一些高低逼格長姿勢小畫片。

copyright © 萬盛學電腦網 all rights reserved