分析網(wǎng)頁(yè)設計常見(jiàn)問(wèn)題及解決方法

　　從和客戶(hù)溝通了解客戶(hù)需求到畫(huà)出草圖進(jìn)行構思和創(chuàng )意，直至打開(kāi)Photoshop完成整個(gè)的設計，每一個(gè)網(wǎng)頁(yè)設計師都在每一個(gè)新的設計項目中不斷重復這個(gè)過(guò)程。整個(gè)看上去規范而流程化的工作方式似乎按部就班就能夠順利拿到讓大家都滿(mǎn)意的結果，但其實(shí)在每一個(gè)步驟中都存在難度，某一個(gè)方面沒(méi)有做好，可能就會(huì )影響到最終設計稿的質(zhì)量。下面是小編為大家搜索整理的網(wǎng)頁(yè)設計中常見(jiàn)的問(wèn)題分析及解決方法，希望能給大家帶來(lái)幫助!更多精彩內容請及時(shí)關(guān)注我們。

　　問(wèn)題一 、和客戶(hù)溝通的不夠充分，導致設計方向出現偏差。

　　這個(gè)問(wèn)題是在設計流程中出現最多，也最容易導致客戶(hù)和設計師產(chǎn)生矛盾的問(wèn)題。最終的結果是客戶(hù)覺(jué)得怎么修改設計都不能讓自己滿(mǎn)意，而設計師卻不勝其煩，認為客戶(hù)太難說(shuō)話(huà)，原因其實(shí)就出在雙方的溝通上。

　　作為客戶(hù)來(lái)說(shuō)，很多時(shí)候他們對于期望的設計產(chǎn)品腦子里往往只有模糊的概念，只能交代給設計師一個(gè)過(guò)于粗略的設計方向，甚至有些客戶(hù)提出”先做一稿出來(lái)我再看”的要求。遇到這種情況，設計師要清楚客戶(hù)自己的設計需求是不明晰的，而作為設計師來(lái)說(shuō)，這時(shí)就需要積極地引導客戶(hù)，使他們明晰設計需求，從而避免由于雙方未在設計目標和期許上達成一致，造成設計方向上出現偏差，而導致設計中大范圍、不斷的修改設計稿，甚至一遍一遍的推倒重來(lái)的結果。

　　要使雙方對最終的設計都滿(mǎn)意，就需要盡可能詳細的溝通，客戶(hù)和設計師之間理解程度越高，最后達成的一致性也越高，這兩者是呈正相關(guān)的關(guān)系。要做到這一點(diǎn)，我個(gè)人的方法是在溝通的環(huán)節設計系統的調查問(wèn)卷讓客戶(hù)作答，以幫助客戶(hù)梳理、明晰設計需求。下面是我經(jīng)常使用的調查問(wèn)卷內容，其中需要客戶(hù)作答7個(gè)問(wèn)題，這些問(wèn)題基本可以幫助客戶(hù)和設計師明確設計方向，你也可以依據在和客戶(hù)溝通中的具體情況修改或者完善這些問(wèn)題。

　　1、當訪(fǎng)問(wèn)者訪(fǎng)問(wèn)你的網(wǎng)站的時(shí)候，你希望它們做什么?(比如購買(mǎi)某種產(chǎn)品、服務(wù)，或者展示企業(yè)的形象等)

　　2、網(wǎng)站的主體用戶(hù)是哪部分人群?(白領(lǐng)年輕女性、有某方面需求的老年人等)

　　3、網(wǎng)站的整體風(fēng)格是什么?當訪(fǎng)問(wèn)者進(jìn)入你的網(wǎng)站，你希望他們有什么感覺(jué)?不希望他們有什么感覺(jué)?

　　4、舉幾個(gè)你喜歡的網(wǎng)站，并說(shuō)明原因;例舉幾個(gè)你討厭的網(wǎng)站，也說(shuō)明原因。(請將網(wǎng)站鏈接或者截圖粘貼在下方)

　　5、網(wǎng)站欄目有哪些?并提供具體信息內容(可粘貼在下方)

　　6、請提供網(wǎng)站設計的資料，包括logo，公司圖片，產(chǎn)品圖片等(打包以附件形式發(fā)送至設計師郵箱)

　　7、請提供您的聯(lián)系方式。(QQ、手機或者郵箱)

　　問(wèn)題二：跳過(guò)網(wǎng)站功能及信息架構上的研究，直接開(kāi)始視覺(jué)創(chuàng )作。

　　網(wǎng)站的功能和信息架構是網(wǎng)站的核心，一個(gè)網(wǎng)站不是單純的讓訪(fǎng)問(wèn)者去感受視覺(jué)上的美觀(guān)，美觀(guān)永遠是第二位的，而功能性卻是第一位的。一個(gè)企業(yè)網(wǎng)站是為了展示企業(yè)的形象、售賣(mài)企業(yè)的產(chǎn)品和服務(wù);一個(gè)門(mén)戶(hù)網(wǎng)站是為了更好的提供信息內容，一個(gè)個(gè)人博客是為了分享個(gè)人的觀(guān)點(diǎn)，樹(shù)立個(gè)人品牌等等，保證了這些功能更好的實(shí)現了之后才應該去考慮視覺(jué)上是否美觀(guān)的問(wèn)題。

　　問(wèn)題三、缺乏對網(wǎng)站整體風(fēng)格的思考和把握，做到哪里算哪里。

　　這個(gè)問(wèn)題也非常常見(jiàn)，以下是一個(gè)設計師發(fā)給我的問(wèn)題及我的答復，應該說(shuō)非常典型的反映了這個(gè)問(wèn)題。

　　“想請教你一下，一個(gè)學(xué)校的網(wǎng)站，客戶(hù)說(shuō)要做活潑一點(diǎn)，怎么搞呀?我設計了一個(gè)頭部，我發(fā)給你看一下啊!指點(diǎn)一下 但是下面我就不知道怎么布局了，現在頭都想大了。”

　　答復：這是一個(gè)沒(méi)有系統的考慮整體風(fēng)格而急于動(dòng)手的例子。問(wèn)題主要由以下幾個(gè)方面：

　　一、布局上，Banner割裂的邊緣限制了視線(xiàn)的拓展，顯得死板而不夠透氣。其他元素也是大框套小框的思路�？傮w的布局思路沒(méi)有逃脫條條框框的限制，看得出來(lái)，整個(gè)設計是思路沒(méi)有打開(kāi)卻急于動(dòng)手的表現。要做到活潑的設計，不是用一張現成的關(guān)于兒童的圖片放上去就行了，要讓個(gè)的設計元素往這個(gè)方向走，比如布局，比如色彩，比如質(zhì)感，比如插圖和圖標的使用，比如字體的選擇等等，所以你的問(wèn)題是完全沒(méi)有系統的思考這些問(wèn)題，還沒(méi)找到答案就急于往前走，結果肯定是剛剛開(kāi)始就感覺(jué)無(wú)所適從。

　　二、再來(lái)說(shuō)說(shuō)具體的問(wèn)題，Banner的設計在整個(gè)頁(yè)面中通常起到非常重要的作用，是視覺(jué)的焦點(diǎn)，先不說(shuō)你選的這個(gè)圖片方向對不對，但這個(gè)設計看上去過(guò)于小氣，原因是圖片中的元素視覺(jué)比重都差不多，沒(méi)有重點(diǎn)，沒(méi)有主次。其次是Logo文字以及宣傳語(yǔ)文字的設計，感覺(jué)太散、太單薄，需要加強他們的視覺(jué)比重和氣氛感受。Banner底部的弧形邊緣不僅沒(méi)有起到給整個(gè)氣氛加分的效果，反而割裂了Banner的設計，看上去很不美觀(guān)。

　　如何避免盲目開(kāi)始，途中無(wú)從下手的問(wèn)題出現?很簡(jiǎn)單，畫(huà)草圖。雖然我個(gè)人有時(shí)候也會(huì )省略畫(huà)圖的步驟，但每次至少會(huì )在 PS 中做一個(gè)主頁(yè)的設計方案，其中包括需要放置的信息內容、排版、色彩方案以及設計方案的說(shuō)明文字。但我發(fā)現相較于紙和筆來(lái)說(shuō)，這樣的方式還是限制了創(chuàng )意的拓展。所以還是強烈建議大家在開(kāi)始設計之前畫(huà)草圖。很難想象，不通過(guò)畫(huà)草圖的方式能做出來(lái)下面的設計效果。

　　但是紙和筆的方式也有它的缺陷就是在設計排版方面不能精確的定位元素的空間。所以為了彌補這個(gè)缺憾，建議大家使用 960 像素網(wǎng)格系統的草圖稿紙。紙和筆的自由保證了創(chuàng )意的拓展，而不用糾纏于實(shí)現方面的技術(shù)問(wèn)題。

　　下載

　　另外，在平時(shí)的學(xué)習積累中，多從整體風(fēng)格上分析優(yōu)秀的設計作品是如何考慮和實(shí)現的，可以嘗試從以下幾個(gè)方面分析網(wǎng)站風(fēng)格：一、概念元素：背景、修飾圖形等;二、具象元素：文字、照片、插圖、圖標圖形;三、關(guān)系元素：方向、位置、空間、重心;四、交互方式：節奏、運動(dòng)方式;五、色彩方案。

　　問(wèn)題四 、設計過(guò)程中遇到困難，隨意調整設計方向。

　　畫(huà)好了草圖就要按照設計方向堅決執行，這樣才能保證前期的創(chuàng )意階段的工作不被浪費。很多設計師前期的創(chuàng )意構思都很有想法，但是一旦開(kāi)始設計，途中遇到尋找素材或者技術(shù)方面的困難，或者突然發(fā)現某一個(gè)素材很不錯，很漂亮，馬上拋棄前面的整個(gè)創(chuàng )意，開(kāi)辟一條新路從頭開(kāi)始，但往往做到半中間就再做不下去了，導致設計總是半途而廢，情緒上不斷受挫，焦躁不堪。而我們如果看過(guò)高手的設計過(guò)程，我們就會(huì )發(fā)現高手從來(lái)都不輕易的改變已經(jīng)設定好的設計方向，并且總能把我們看來(lái)完全用不著(zhù)的素材變廢為寶，從而擁有化腐朽為神奇的本事。千萬(wàn)不要花費大量時(shí)間去尋找完美的、拿來(lái)不用調整就能用的設計素材，能找到這樣的素材的幾率比中彩票還要低，而是要不斷提高我們將看上去和整體設計毫不搭邊的素材融合進(jìn)整體設計的能力。

　　問(wèn)題五 、細節不夠講究，顯得粗糙。

　　一些設計師給我發(fā)來(lái)個(gè)人作品讓我給說(shuō)說(shuō)建議，我發(fā)現其中共同存在的問(wèn)題就是設計中細節做的不好。漸變和高光過(guò)于生硬、陰影的距離和不透明度太高、對齊方式偏差幾個(gè)像素、上下左右邊距距離太小、元素和背景的反差不夠造成元素清晰度不夠等幾個(gè)問(wèn)題是常見(jiàn)的設計毛病。這些問(wèn)題雖然也涉及到技術(shù)的問(wèn)題，但是最重要的我認為還是用心不夠、認為做到差不多就行了的態(tài)度問(wèn)題。這里我向大家推薦Dribbble 和PremiumPixels這兩個(gè)網(wǎng)站，這其中的設計作品無(wú)論哪一個(gè)細節都是非常完美、無(wú)可挑剔的，下面是我隨手從這兩個(gè)網(wǎng)站中拿出來(lái)的作品，大家應該能從這里理解網(wǎng)頁(yè)設計就是細節的藝術(shù)這句話(huà)的含義。

　　問(wèn)題六 、技術(shù)不過(guò)關(guān)，創(chuàng )意無(wú)法得到實(shí)現。

　　這個(gè)無(wú)需多說(shuō)，只有通過(guò)大量的設計和練習才能盡可能多的掌握具體的技術(shù)。但是無(wú)論是跟著(zhù)網(wǎng)上的設計教程學(xué)習，還是通過(guò)研究別人的PSD文件也好，不能做過(guò)一遍就過(guò)去了，你需要通過(guò)這篇教程掌握的是如何處理手頭的素材，將其融合于整體的場(chǎng)景之中的思路的方法，看看高手是如何通過(guò)使用調整圖層、自由變換、色彩范圍選擇等一系列的技術(shù)去實(shí)現需要的效果，而不僅僅是按照教程做一遍就完了，下次遇到需要自己動(dòng)手創(chuàng )建場(chǎng)景的時(shí)候依然無(wú)所適從。如果你已經(jīng)有了一定的PS基礎，我建議多練習些圖標和場(chǎng)景的創(chuàng )建，例如下面這個(gè)精致的西紅柿圖標和幾個(gè)場(chǎng)景的創(chuàng )建，認真研究，你一定能學(xué)到很多東西。

【分析網(wǎng)頁(yè)設計常見(jiàn)問(wèn)題及解決方法】相關(guān)文章：

網(wǎng)頁(yè)設計中常見(jiàn)問(wèn)題分析及解決方法09-27

網(wǎng)頁(yè)設計中常見(jiàn)問(wèn)題分析及建議10-08

網(wǎng)頁(yè)設計中常見(jiàn)問(wèn)題分析及建議08-30

網(wǎng)頁(yè)設計中常見(jiàn)的問(wèn)題分析及解決方法07-13

網(wǎng)頁(yè)設計中常見(jiàn)的問(wèn)題分析及解決方法簡(jiǎn)介05-27

網(wǎng)頁(yè)設計要點(diǎn)分析10-08

網(wǎng)頁(yè)設計網(wǎng)頁(yè)制作的流程分析08-26

網(wǎng)頁(yè)設計中常見(jiàn)問(wèn)題及建議08-03

網(wǎng)頁(yè)設計需求分析方法09-01