網頁設計中常見的問題分析及解決方法簡介
問題一 、和客户溝通的不夠充分,導致設計方向出現偏差。
這個問題是在設計流程中出現最多,也最容易導致客户和設計師產生矛盾的問題。最終的結果是客户覺得怎麼修改設計都不能讓自己滿意,而設計師卻不勝其煩,認為客户太難説話,原因其實就出在雙方的溝通上。
作為客户來説,很多時候他們對於期望的設計產品腦子裏往往只有模糊的概念,只能交代給設計師一個過於粗略的設計方向,甚至有些客户提出”先做一稿出來我再看”的要求。遇到這種情況,設計師要清楚客户自己的設計需求是不明晰的,而作為設計師來説,這時就需要積極地引導客户,使他們明晰設計需求,從而避免由於雙方未在設計目標和期許上達成一致,造成設計方向上出現偏差,而導致設計中大範圍、不斷的修改設計稿,甚至一遍一遍的推倒重來的結果。
要使雙方對最終的設計都滿意,就需要儘可能詳細的溝通,客户和設計師之間理解程度越高,最後達成的一致性也越高,這兩者是呈正相關的關係。要做到這一點,我個人的方法是在溝通的環節設計系統的調查問卷讓客户作答,以幫助客户梳理、明晰設計需求。下面是我經常使用的調查問卷內容,其中需要客户作答7個問題,這些問題基本可以幫助客户和設計師明確設計方向,你也可以依據在和客户溝通中的具體情況修改或者完善這些問題。
1、當訪問者訪問你的網站的時候,你希望它們做什麼?(比如購買某種產品、服務,或者展示企業的形象等)
2、網站的主體用户是哪部分人羣?(白領年輕女性、有某方面需求的老年人等)
3、網站的整體風格是什麼?當訪問者進入你的網站,你希望他們有什麼感覺?不希望他們有什麼感覺?
4、舉幾個你喜歡的網站,並説明原因;例舉幾個你討厭的網站,也説明原因。(請將網站鏈接或者截圖粘貼在下方)
5、網站欄目有哪些?並提供具體信息內容(可粘貼在下方)
6、請提供網站設計的資料,包括logo,公司圖片,產品圖片等(打包以附件形式發送至設計師郵箱)
7、請提供您的聯繫方式。(QQ、手機或者郵箱)
問題二:跳過網站功能及信息架構上的研究,直接開始視覺創作。
網站的功能和信息架構是網站的核心,一個網站不是單純的讓訪問者去感受視覺上的美觀,美觀永遠是第二位的,而功能性卻是第一位的。一個企業網站是為了展示企業的形象、售賣企業的產品和服務;一個站是為了更好的提供信息內容,一個個人博客是為了分享個人的觀點,樹立個人品牌等等,保證了這些功能更好的實現了之後才應該去考慮視覺上是否美觀的問題。
問題三、缺乏對網站整體風格的思考和把握,做到哪裏算哪裏。
這個問題也非常常見,以下是一個設計師發給我的問題及我的答覆,應該説非常典型的反映了這個問題。
“想請教你一下,一個學校的網站,客户説要做活潑一點,怎麼搞呀?我設計了一個頭部,我發給你看一下啊!指點一下 但是下面我就不知道怎麼佈局了,現在頭都想大了。”
答覆:這是一個沒有系統的考慮整體風格而急於動手的例子。問題主要由以下幾個方面:
一、佈局上,Banner割裂的邊緣限制了視線的拓展,顯得死板而不夠透氣。其他元素也是大框套小框的思路。總體的佈局思路沒有逃脱條條框框的.限制,看得出來,整個設計是思路沒有打開卻急於動手的表現。要做到活潑的設計,不是用一張現成的關於兒童的圖片放上去就行了,要讓個的設計元素往這個方向走,比如佈局,比如色彩,比如質感,比如插圖和圖標的使用,比如字體的選擇等等,所以你的問題是完全沒有系統的思考這些問題,還沒找到答案就急於往前走,結果肯定是剛剛開始就感覺無所適從。
二、再來説説具體的問題,Banner的設計在整個頁面中通常起到非常重要的作用,是視覺的焦點,先不説你選的這個圖片方向對不對,但這個設計看上去過於小氣,原因是圖片中的元素視覺比重都差不多,沒有重點,沒有主次。其次是Logo文字以及宣傳語文字的設計,感覺太散、太單薄,需要加強他們的視覺比重和氣氛感受。Banner底部的弧形邊緣不僅沒有起到給整個氣氛加分的效果,反而割裂了Banner的設計,看上去很不美觀。
如何避免盲目開始,途中無從下手的問題出現?很簡單,畫草圖。雖然我個人有時候也會省略畫圖的步驟,但每次至少會在 PS 中做一個主頁的設計方案,其中包括需要放置的信息內容、排版、色彩方案以及設計方案的説明文字。
-
ASP.NET 2.0 程序的基礎知識
成員關係的概念在人類社會中是一個層次比較低的概念,源於希望屬於某個羣組的意識。我們希望能覺得自己是某個團隊的一部分,讓別人知道我們是誰,因此Web搭上這個流行趨勢,採用這個概念只是時間早晚的問題。如果坐下來想一想曾經登錄過多少個站點並在這些站點上保存...
-
關於HTML meat作用
meta標籤用於網頁的與中,meta標籤的用處很多。meta的屬性有兩種:name和http-equiv。name屬性主要用於描述網頁,對應於content(網頁內容),以便於搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。這其中最重要的是descrip...
-
css經典教程
css經典教程1有些習慣顯得尤為重要,今天與您分享六個CSS習慣。因為習慣其實是會變的,所以只能寫“最近”的。這些習慣都跟技術無關,如果不遵守,也不會出錯。但是我覺得良好的習慣會體現一個人的素質。我們在中向大家介紹過很多CSS經驗與技巧,這些東西都發布在/css/...
-
針對dom元素的分析應用
如果這個DOM元素沒有樣式也就談不上操作了。2.我們也可以直接用JS動態的向html裏寫入DOM元素。今天這章我們就講這兩個應用(一)對html裏現有的DOM元素進行操作。我上面説了,對現有的DOM元素進行操作,無非就是對樣式的操作。所以我們首先就要能獲取這個DOM元素的樣...