熱文推薦
- 如何設(shè)計一個高質(zhì)量的小程序用戶界…
- 生產(chǎn)B2C網(wǎng)站估值
- 深圳福田專業(yè)網(wǎng)站制作公司,網(wǎng)站建…
- 為什么選擇深圳網(wǎng)站建設(shè)公司?優(yōu)勢…
- 網(wǎng)站設(shè)計色彩搭配探究
- 從小程序開發(fā)到市場營銷的全鏈條分…
- 企業(yè)網(wǎng)站設(shè)計如何實現(xiàn)個性化?
- 企業(yè)如何快速提升在深圳地區(qū)的SEO…
- 深圳網(wǎng)站優(yōu)化公司:網(wǎng)站優(yōu)化的步驟…
- 從網(wǎng)頁設(shè)計優(yōu)化談提高網(wǎng)站打開速度…

網(wǎng)頁設(shè)計流程中常見問題分析及建議(一)
關(guān)于網(wǎng)頁設(shè)計中的問題,我總結(jié)了個人認為常見的六個,下面一一道來。
問題一 :和客戶溝通的不夠充分,導致設(shè)計方向出現(xiàn)偏差。
這個問題是在設(shè)計流程中出現(xiàn)zui多,也zui容易導致客戶和設(shè)計師產(chǎn)生矛盾的問題。zui終的結(jié)果是客戶覺得怎么修改設(shè)計都不能讓自己滿意,而設(shè)計師卻不勝其煩,認為客戶太難說話,原因其實就出在雙方的溝通上。
作為客戶來說,很多時候他們對于期望的設(shè)計產(chǎn)品腦子里往往只有模糊的概念,只能交代給設(shè)計師一個過于粗略的設(shè)計方向,甚至有些客戶提出"先做一稿出來我再看"的要求。遇到這種情況,設(shè)計師要清楚客戶自己的設(shè)計需求是不明晰的,而作為設(shè)計師來說,這時就需要積極地引導客戶,使他們明晰設(shè)計需求,從而避免由于雙方未在設(shè)計目標和期許上達成一致,造成設(shè)計方向上出現(xiàn)偏差,而導致設(shè)計中大范圍、不斷的修改設(shè)計稿,甚至一遍一遍的推倒重來的結(jié)果。
要使雙方對zui終的設(shè)計都滿意,就需要盡可能詳細的溝通,客戶和設(shè)計師之間理解程度越高,zui后達成的一致性也越高,這兩者是呈正相關(guān)的關(guān)系。要做到這一點,我個人的方法是在溝通的環(huán)節(jié)設(shè)計系統(tǒng)的調(diào)查問卷讓客戶作答,以幫助客戶梳理、明晰設(shè)計需求。下面是我經(jīng)常使用的調(diào)查問卷內(nèi)容,其中需要客戶作答7個問題,這些問題基本可以幫助客戶和設(shè)計師明確設(shè)計方向,你也可以依據(jù)在和客戶溝通中的具體情況修改或者完善這些問題。
當訪問者訪問你的網(wǎng)站的時候,你希望它們做什么?(比如購買某種產(chǎn)品、服務(wù),或者展示企業(yè)的形象等)
網(wǎng)站的主體用戶是哪部分人群?(白領(lǐng)年輕女性、有某方面需求的老年人等)
網(wǎng)站的整體風格是什么?當訪問者進入你的網(wǎng)站,你希望他們有什么感覺?不希望他們有什么感覺?
舉幾個你喜歡的網(wǎng)站,并說明原因;例舉幾個你討厭的網(wǎng)站,也說明原因。(請將網(wǎng)站鏈接或者截圖粘貼在下方)
網(wǎng)站欄目有哪些?并提供具體信息內(nèi)容(可粘貼在下方)
請?zhí)峁?a href="/wangzhanjianshe/" title="網(wǎng)站設(shè)計" class="sitelink">網(wǎng)站設(shè)計的資料,包括logo,公司圖片,產(chǎn)品圖片等(打包以附件形式發(fā)送至設(shè)計師郵箱)
請?zhí)峁┠穆?lián)系方式。(QQ、手機或者郵箱)
問題二:跳過網(wǎng)站功能及信息架構(gòu)上的研究,直接開始視覺創(chuàng)作。
網(wǎng)站的功能和信息架構(gòu)是網(wǎng)站的核心,一個網(wǎng)站不是單純的讓訪問者去感受視覺上的美觀,美觀永遠是第二位的,而功能性卻是第一位的。一個企業(yè)網(wǎng)站是為了展示企業(yè)的形象、售賣企業(yè)的產(chǎn)品和服務(wù);一個門戶網(wǎng)站是為了更好的提供信息內(nèi)容,一個個人博客是為了分享個人的觀點,樹立個人品牌等等,保證了這些功能更好的實現(xiàn)了之后才應(yīng)該去考慮視覺上是否美觀的問題。
問題三:缺乏對網(wǎng)站整體風格的思考和把握,做到哪里算哪里。
這個問題也非常常見,以下是一個設(shè)計師發(fā)給我的問題及我的答復,應(yīng)該說非常典型的反映了這個問題。
"想請教你一下,一個學校的網(wǎng)站,客戶說要做活潑一點,怎么搞呀?我設(shè)計了一個頭部,我發(fā)給你看一下??!指點一下 但是下面我就不知道怎么布局了,現(xiàn)在頭都想大了。"
答復:這是一個沒有系統(tǒng)的考慮整體風格而急于動手的例子。問題主要由以下幾個方面:
1、布局上,Banner割裂的邊緣限制了視線的拓展,顯得死板而不夠透氣。其他元素也是大框套小框的思路??傮w的布局思路沒有逃脫條條框框的限制,看得出來,整個設(shè)計是思路沒有打開卻急于動手的表現(xiàn)。要做到活潑的設(shè)計,不是用一張現(xiàn)成的關(guān)于兒童的圖片放上去就行了,要讓各個設(shè)計元素往這個方向走,比如布局,比如色彩,比如質(zhì)感,比如插圖和圖標的使用,比如字體的選擇等等,所以你的問題是完全沒有系統(tǒng)的思考這些問題,還沒找到答案就急于往前走,結(jié)果肯定是剛剛開始就感覺無所適從。
2、再來說說具體的問題,Banner的設(shè)計在整個頁面中通常起到非常重要的作用,是視覺的焦點,先不說你選的這個圖片方向?qū)Σ粚?,但這個設(shè)計看上去過于小氣,原因是圖片中的元素視覺比重都差不多,沒有重點,沒有主次。其次是Logo文字以及宣傳語文字的設(shè)計,感覺太散、太單薄,需要加強他們的視覺比重和氣氛感受。Banner底部的弧形邊緣不僅沒有起到給整個氣氛加分的效果,反而割裂了Banner的設(shè)計,看上去很不美觀。
如何避免盲目開始,途中無從下手的問題出現(xiàn)?很簡單,畫草圖。雖然我個人有時候也會省略畫圖的步驟,但每次至少會在 PS 中做一個主頁的設(shè)計方案,其中包括需要放置的信息內(nèi)容、排版、色彩方案以及設(shè)計方案的說明文字。但我發(fā)現(xiàn)相較于紙和筆來說,這樣的方式還是限制了創(chuàng)意的拓展。所以還是強烈建議大家在開始設(shè)計之前畫草圖。很難想象,不通過畫草圖的方式能做出來下面的設(shè)計效果。
但是紙和筆的方式也有它的缺陷就是在設(shè)計排版方面不能精確的定位元素的空間。所以為了彌補這個缺憾,建議大家使用960像素網(wǎng)格系統(tǒng)的草圖稿紙。紙和筆的自由保證了創(chuàng)意的拓展,而不用糾纏于實現(xiàn)方面的技術(shù)問題。
另外,在平時的學習積累中,多從整體風格上分析優(yōu)秀的設(shè)計作品是如何考慮和實現(xiàn)的,可以嘗試從以下幾個方面分析網(wǎng)站風格:一、概念元素:背景、修飾圖形等;二、具象元素:文字、照片、插圖、圖標圖形;三、關(guān)系元素:方向、位置、空間、重心;四、交互方式:節(jié)奏、運動方式;五、色彩方案。
http://www.dongguanlifeng.com/wangzhansheji/3395.html 網(wǎng)頁設(shè)計流程中常見問題分析及建議(一)
相關(guān)新聞
- 深圳網(wǎng)站制作中的頁面加載速度優(yōu)化:讓客戶不…
- 深圳網(wǎng)站制作與品牌建設(shè):如何打造獨特的品牌…
- 如何避免深圳網(wǎng)站制作中的常見設(shè)計誤區(qū)?
- 深圳自適應(yīng)網(wǎng)站設(shè)計:如何讓網(wǎng)站更智能、便捷…
- 深圳網(wǎng)站建設(shè)中的數(shù)據(jù)安全:保護你的在線資產(chǎn)…
- 深圳網(wǎng)站制作中的頁面結(jié)構(gòu)設(shè)計:提升用戶留存…
- 在深圳如何打造一個高效的企業(yè)官方網(wǎng)站?
- 從客戶需求到上線:深圳網(wǎng)站制作的全流程拆解…