網頁設計的加法減法

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

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

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

【延伸閱讀】
完美排版的10個基本功

第1稿,摸底細:

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

  • 色塊色彩的趨向明確,色彩可能是最關鍵的東西
  • 版式的可延展性,可以留白的地方先留住
  • 配圖文字,有禮貌,并說出創意點。這點往往忽略,有時候卻能起死回生

網頁設計的加法減法

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

  • 背景的挑選廣東大學生籃球賽,如果背景換成NBA那類訓練場不合適,觀察下周圍的大學生。不都是在水泥球場打球,那么高端的東西肯定不合適。為了配合主題,選擇個夜晚的場景。
  • 卡通的選擇卡通的客戶提供,第一稿的團隊犯了個錯誤。將這些元素縮小放在角落,反而將標題放大。這樣對文字組合的要求很高,不容易做出效果。
  • 斜線的版式籃球比賽最刺激的地方就是雙方的對抗,紅與藍,大與小,嘗試利用這樣的形式組合傳播這種力量。斜線做為一種特別的直線,沒有直線的穩定感,卻處處散發一種力量和速度的感覺,再配合屌絲地氣化的校園球場,匪氣頓生。

 

第5稿,加法減法:

由于你考慮的很周全,基本點都想到了。很順利,大體的效果很快就通過第一階段的評審。下面要做的是細節修改。
其實,客戶說的細節修改聽上去很輕松的樣子。從第一稿都最終稿,是經歷約5稿的修改。
每次改動并不大,但是就像前面說的。第一稿要有留白的空間,后面會塞進來很多很多的東西。什么客戶產品,客戶logo,快速導航,都是需要調整的東西。

如果第一稿的時候,做的實在太滿。后面調整的難度就很大。最糟糕的情況還會破壞原來的視覺構成。
其實,這些修改細節,經過這次的體驗。類似于加減法的過程。

  • 加法:添加新的元素,必然會使畫面臃腫。這時候需要調整元素的比例。勢必要縮小某些元素,必須要狠狠的縮小,且能保持整體還是處于同一視覺感。
  • 減法:加的越來越多,最終變成了無法控制。這時候,可能要考慮丟棄些元素,亦或者叫細節。讓畫面盡量的純粹。這點,比做加法難多了,就像你親身生了很多娃,讓你丟幾個,會舍得么?

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

網頁設計的加法減法

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

優設特邀作者:@米田的天空

轉摘請注明優設網出處,謝謝各位小編。
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座:每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音(YY頻道:156982)分享實戰經驗。
設計微博:擁有粉絲量49萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

網頁設計的加法減法
 

收藏
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。