在 WordPress 做網站建設已經有很多年頭了,很多時候網頁設計的是網站建設為麻煩的一個環節,也是非常重要的環節,因為網頁設計是整個網站建設的重要表現,而設計這個東西又是非常虛擬的事情,很多時候僅僅透過多使用者的語言描述就去勾勒或者去設計,通常情況下很難把控他的精準度,所以雙方達成一致的情況也非常的難,導致設計中大範圍、不斷的修改設計稿,甚至一遍一遍的推倒重來的結果。
舉一個常見的案例來數一下吧:我們在 WordPress 網站建設中,已經和 WordPress 許多家學校合作過,承接一些 WordPress 網站學校的案例,記得和一個小學的網站建設的時候,校方的要求是 “做活潑一點”!所以我們要從幾個方面去注意一下:
一、佈局上,Banner 割裂的邊緣限制了視線的拓展,顯得死板而不夠透氣。其他元素也是大框套小框的思路。總體的佈局思路沒有逃脫條條框框的限制,看得出來,整個設計是思路沒有開啟卻急於動手的表現。要做到活潑的設計,不是用一張現成的關於兒童的圖片放上去就行了,要讓個的設計元素往這個方向走,比如佈局,比如色彩,比如質感,比如插圖和圖示的使用,比如字型的選擇等等,所以您的問題是完全沒有系統的思考這些問題,還沒找到答案就急於往前走,結果肯定是剛剛開始就感覺無所適從。
二、再來說說具體的問題,Banner 的設計在整個頁面中通常起到非常重要的作用,是視覺的焦點,先不說您選的這個圖片方向對不對,但這個設計看上去過於小氣,原因是圖片中的元素視覺比重都差不多,沒有重點,沒有主次。其次是 Logo 文字以及宣傳語文字的設計,感覺太散、太單薄,需要加強他們的視覺比重和氣氛感受。 Banner 底部的弧形邊緣不僅沒有起到給整個氣氛加分的效果,反而割裂了 Banner 的設計,看上去很不美觀。
如何避免盲目開始,途中無從下手的問題出現?很簡單,畫草圖。雖然我個人有時候也會省略畫圖的步驟,但每次至少會在 PS 中做一個主頁的設計方案,其中包括需要放置的資訊內容、排版、色彩方案以及設計方案的說明文字。但我發現相較於紙和筆來說,這樣的方式還是限制了創意的拓展。所以還是強烈建議大家在開始設計之前畫草圖。很難想象,不透過畫草圖的方式能做出來下面的設計效果。
要使雙方對終的設計都滿意,就需要儘可能詳細的溝通,客戶和設計師之間理解程度越高,後達成的一致性也越高,這兩者是呈正相關的關係。要做到這一點,我個人的方法是在溝通的環節設計系統的調查問卷讓客戶作答,以幫助客戶梳理、明晰設計需求。下面是我經常使用的調查問卷內容,其中需要客戶作答 7 個問題,這些問題基本可以幫助客戶和設計師明確設計方向,您也可以依據在和客戶溝通中的具體情況修改或者完善這些問題。
1 、當訪問者訪問您的網站的時候,您希望它們做什麼?(比如購買某種產品、服務,或者展示企業的形象等)
2 、網站的主體多使用者是哪部分人群?(白領年輕女性、有某方面需求的老年人等)
3 、網站的整體風格是什麼?當訪問者進入您的網站,您希望他們有什麼感覺?不希望他們有什麼感覺?
4 、舉幾個您喜歡的網站,並說明原因;例舉幾個您討厭的網站,也說明原因。(請將網站連結或者截圖貼上在下方)
5 、網站欄目有哪些?並提供具體資訊內容(可貼上在下方)
6 、請提供網站設計的資料,包括 logo,公司圖片,產品圖片等(打包以附件形式傳送至設計師郵箱)
7 、請提供您的聯絡方式。(QQ 、手機或者郵箱)
寫在後:在平時的學習積累中,多從整體風格上分析優秀的設計作品是如何考慮和實現的,可以嘗試從以下幾個方面分析網站風格:一、概念元素:背景、修飾圖形等;二、具象元素:文字、照片、插圖、圖示圖形;三、關係元素:方向、位置、空間、重心;四、互動方式:節奏、運動方式;五、色彩方案。