萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計的加法減法

網頁設計的加法減法

   要做一個籃球專題頁的時候,我們腦海裡通常是這樣的:它是籃球賽專題,背景很重要。能說明他的性質,動感激烈。方向就更簡單了,直線型,沉重又明快的對撞色應該是主要考慮的地方。

  唯一的疑問是?客戶是不是要這東西。

  一般,做之前,會先問問客戶有沒有參考的資料。客戶方很爽快的扔了個前一個團隊交付給他們的設計稿,他們只說了不滿意。具體哪裡不滿意,說不出來。就是覺得怪。

  大部分時間,設計師肯定會碰到類似的問題。有經驗的會發些快速的效果碰碰運氣,如果說,“哦,還可以哦”。就有戲了。

  第1稿,摸底細:

  可以不那麼完善,或者故意留幾個破綻。這階段,就別想著什麼一稿就過,不現實。可以做些大致的效果,最主要是要注意幾個問題:

  色塊色彩的趨向明確,色彩可能是最關鍵的東西

  版式的可延展性,可以留白的地方先留住

  配圖文字,有禮貌,並說出創意點。這點往往忽略,有時候卻能起死回生

網頁設計的加法減法 三聯

  所以第一稿就這樣弄出來了。

  背景的挑選廣東大學生籃球賽,如果背景換成NBA那類訓練場不合適,觀察下周圍的大學生。不都是在水泥球場打球,那麼高端的東西肯定不合適。為了配合主題,選擇個夜晚的場景。

  卡通的選擇卡通的客戶提供,第一稿的團隊犯了個錯誤。將這些元素縮小放在角落,反而將標題放大。這樣對文字組合的要求很高,不容易做出效果。

  斜線的版式籃球比賽最刺激的地方就是雙方的對抗,紅與藍,大與小,嘗試利用這樣的形式組合傳播這種力量。斜線做為一種特別的直線,沒有直線的穩定感,卻處處散發一種力量和速度的感覺,再配合屌絲地氣化的校園球場,匪氣頓生。

  第5稿,加法減法:

  由於你考慮的很周全,基本點都想到了。很順利,大體的效果很快就通過第一階段的評審。下面要做的是細節修改。

  其實,客戶說的細節修改聽上去很輕松的樣子。從第一稿都最終稿,是經歷約5稿的修改。

  每次改動並不大,但是就像前面說的。第一稿要有留白的空間,後面會塞進來很多很多的東西。什麼客戶產品,客戶logo,快速導航,都是需要調整的東西。

  如果第一稿的時候,做的實在太滿。後面調整的難度就很大。最糟糕的情況還會破壞原來的視覺構成。

  其實,這些修改細節,經過這次的體驗。類似於加減法的過程。

  加法:添加新的元素,必然會使畫面臃腫。這時候需要調整元素的比例。勢必要縮小某些元素,必須要狠狠的縮小,且能保持整體還是處於同一視覺感。

  減法:加的越來越多,最終變成了無法控制。這時候,可能要考慮丟棄些元素,亦或者叫細節。讓畫面盡量的純粹。這點,比做加法難多了,就像你親身生了很多娃,讓你丟幾個,會捨得麼?

  保持住一個立場,讓畫面變得關系復雜的元素扔掉。譬如小裝飾物品。

  最終稿。加了很多東西,縮小了很多東西。商業設計就是這樣,唯求在鋼絲上尋求最佳的平衡。

copyright © 萬盛學電腦網 all rights reserved