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

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