在生活中，擁有目標(biāo)是非常重要的。

特別對(duì)于網(wǎng)站設(shè)計(jì)而言，因?yàn)闆]有目標(biāo)就沒有動(dòng)力，更無法衡量你的成功與否。 目標(biāo)有助于設(shè)計(jì)師專注于重要的事情，把握設(shè)計(jì)方案的走向。目標(biāo)能幫助設(shè)計(jì)者設(shè)計(jì)出令人眼前一亮的網(wǎng)站。

設(shè)計(jì)任何一個(gè)網(wǎng)站，過程都是大同小異的：我完成了一份設(shè)計(jì)稿，然后把它交給客戶。雖然在一開始，我有我的創(chuàng)意，客戶有客戶的需求，但是我知道我會(huì)在最后交出一份令人滿意的答卷。 之后的步驟大徑相同，但每個(gè)網(wǎng)站都會(huì)因面向的群體不同、定位不同、風(fēng)格不同而各自產(chǎn)生某些不同的步驟。有時(shí)我需要手繪，有時(shí)我又必須利用PS、AI等軟件的強(qiáng)大功能。 盡管不同項(xiàng)目的過程可以有所差異，但至關(guān)重要的是做一個(gè)網(wǎng)站一定會(huì)確立一個(gè)目標(biāo)，無論你把它寫下來也好記在心里也罷，你的設(shè)計(jì)必須把這一目標(biāo)體現(xiàn)出來。

我在以下列出的5個(gè)目標(biāo)，是在每一次開始網(wǎng)頁設(shè)計(jì)時(shí)都必須思考的。

1。力求用戶友好和美觀

良好的用戶界面往往是建立在犧牲掉一個(gè)優(yōu)秀設(shè)計(jì)的基礎(chǔ)上，然而這兩者同等重要，應(yīng)該讓他們和平相處。一個(gè)設(shè)計(jì)良好的網(wǎng)站可以幫助用戶輕松訪問。網(wǎng)站中的每個(gè)元素都應(yīng)該在客戶習(xí)慣的位置，否則他們的存在就必須有特定含義，而設(shè)計(jì)師必須對(duì)用戶進(jìn)行引導(dǎo)。 例如，導(dǎo)航會(huì)放在頁面頂部不是因?yàn)樗旁谀抢锉容^好看，而是用戶不會(huì)拖動(dòng)滾動(dòng)條到處找它。 如果你一定要讓用戶拖動(dòng)滾動(dòng)條去找導(dǎo)航，就給他們一個(gè)理由，比如一些更容易被發(fā)現(xiàn)的引導(dǎo)用戶向下看的設(shè)計(jì)。

案例：www.cdcxhl.cn

該網(wǎng)站是在奧巴馬2008年11月就職時(shí)改版的。改版前，網(wǎng)站只專注于提供信息，卻沒有考慮如何把組織信息和提高可讀性。 改版后的網(wǎng)站力求用戶友好與美觀，體現(xiàn)了設(shè)計(jì)對(duì)于可用性的專注。以一個(gè)柔和的漸變與經(jīng)典西方建筑的圖案為背景，塑造出一個(gè)更舒適更賦有現(xiàn)代感的外觀。新導(dǎo)航與信息的合理組織使用戶更快速、更有效的獲取所需。寬敞的布局，也同樣是對(duì)用戶瀏覽該網(wǎng)站有利的因素。不需要的東西全都去掉，只留下對(duì)用戶最重要的部分。

2。明確目標(biāo)用戶

我見過很多網(wǎng)站，看上去很華麗卻不適用于它的目標(biāo)群體。 對(duì)于設(shè)計(jì)工作室或者音樂人來說，一個(gè)復(fù)古的網(wǎng)站搭配時(shí)尚的色彩會(huì)是很棒的結(jié)合，您的顧客也樂于見到。但這樣的網(wǎng)站并不適合以專業(yè)人士和企業(yè)用戶為主要群體的律師事務(wù)所網(wǎng)站。對(duì)于這點(diǎn)，您的客戶具有良好的洞察力，因?yàn)樗麄兊墓ぷ骶褪桥c這次的目標(biāo)群體打交道。在你做研究的時(shí)候看看跟你同類型的公司都在做什么，你不必做相同的事情，但是網(wǎng)站給人的感受必須的類似的。

案例：http://www.apple.com/

該網(wǎng)站是一個(gè)很好的例子，出色的設(shè)計(jì)完全符合目標(biāo)用戶的口味。網(wǎng)站用柔和的漸變、大尺寸的圖片展現(xiàn)了干凈、簡(jiǎn)約之美。字體非常重要，蘋果網(wǎng)站在標(biāo)題、字號(hào)、位置上都精心考量過。現(xiàn)代的風(fēng)格精確定位于年輕的偏重技術(shù)的用戶。該網(wǎng)站也并沒有嚴(yán)肅的那么徹底，層層細(xì)節(jié)中不斷滲透出輕松的元素，這點(diǎn)也正中年輕白領(lǐng)的下懷。該設(shè)計(jì)也同樣符合他們產(chǎn)品外觀的特點(diǎn)–時(shí)尚、有圓角而整潔的組合。以上幾點(diǎn)都令用戶感到舒適，除此之外，還會(huì)產(chǎn)生巨大的吸引力，帶動(dòng)用戶去看他們旗下所有品牌的產(chǎn)品。

3。讓用戶界面自由流暢，讓用戶能快速高效的找到他們需要的信息。

良好的導(dǎo)航是優(yōu)秀網(wǎng)站的關(guān)鍵。實(shí)現(xiàn)做好網(wǎng)站地圖有助于分配頁面跳轉(zhuǎn)的去向以及哪些模塊應(yīng)該放在一起。許多網(wǎng)站的導(dǎo)航很繁瑣，是因?yàn)樗麄兏緵]有計(jì)劃過，哪些信息放在哪里最合適。您需要盡量壓縮整個(gè)頁面的容量，而讓重要的信息所占比重大化。不用把所有相關(guān)信息都要放在網(wǎng)頁上，因?yàn)椴⒉皇敲總€(gè)用戶都有耐心去閱讀。 精簡(jiǎn)導(dǎo)航，確定什么是最重要的，丟掉其余的。

案例：http://www.mediatemple.net/

該網(wǎng)站風(fēng)格偏向沉穩(wěn)，暗色調(diào)的漸變搭配倒影呈現(xiàn)出光滑的質(zhì)感，突出了高科技的重點(diǎn)。簡(jiǎn)潔易用的主導(dǎo)航以及前端有標(biāo)示的二級(jí)導(dǎo)航，都讓用戶很輕松就找到所需信息。 網(wǎng)站的整潔清晰，寬屏的設(shè)計(jì)讓視野更加開闊，十分有利于瀏覽和閱讀。 點(diǎn)擊網(wǎng)頁上的介紹后，明顯的“查看詳情”的按鈕引導(dǎo)用戶深入網(wǎng)站，最終找到他們的目標(biāo)網(wǎng)頁，即網(wǎng)站希望用戶到達(dá)的網(wǎng)頁。 匹配的按鈕和有效地知道在整個(gè)過程中給予用戶有效幫助。

4。 給客戶他們想要的以及需要的。

正如眾多設(shè)計(jì)師所知，客戶往往認(rèn)為他們才是最清楚的。一般而言，他們肯定比你更了解自己的公司，所以有關(guān)客戶和產(chǎn)品的描述得聽他們的，因?yàn)檫@是在他們的領(lǐng)域。 然而，對(duì)于如何把信息組織的更加實(shí)用以及網(wǎng)頁用戶有何特點(diǎn)，他們可能并不了解。因此某些重要的事項(xiàng)你必須為你的客戶講解并讓他們充分的理解–為什么他們不需要一些看上去很“炫”的東西，例如做一個(gè)長(zhǎng)達(dá)5分鐘的盡管看起來很絢麗的網(wǎng)站介紹。

案例：http://mobify.me/

該網(wǎng)站干凈、簡(jiǎn)約而富有現(xiàn)代感，加上在細(xì)節(jié)上出色的視覺效果，幫助用戶瀏覽網(wǎng)站。 該網(wǎng)站的目標(biāo)人群除了企業(yè)用戶外，也包括對(duì)“手機(jī)友好”感興趣的技術(shù)開發(fā)人員和網(wǎng)頁設(shè)計(jì)師。 瀏覽該網(wǎng)站的用戶很可能本身就是網(wǎng)站方面的專家，而來的目的是為了進(jìn)一步拓展自己的網(wǎng)站。 這個(gè)網(wǎng)站的設(shè)計(jì)，就是一切關(guān)于公司銷售移動(dòng)服務(wù)的需求。 該界面簡(jiǎn)潔、光滑，正如一個(gè)移動(dòng)設(shè)備給我們的感覺。 導(dǎo)航簡(jiǎn)潔易用，在這個(gè)現(xiàn)代高科技的網(wǎng)站上清楚明了的給予用戶他們所需要的。

5。 用增加代碼來拓展網(wǎng)站的功能。

一個(gè)簡(jiǎn)單的網(wǎng)站在運(yùn)用了JS或PHP的一些功能后會(huì)變得強(qiáng)大起來。 用戶會(huì)享受這些附加功能，設(shè)計(jì)師也有機(jī)會(huì)做一個(gè)新的嘗試。既然有這么的技能可以學(xué)并植入到網(wǎng)站中，為何不針對(duì)每項(xiàng)功能都嘗試一個(gè)新的頁面，在設(shè)計(jì)上也尋找新的突破呢？嘗試一個(gè)新的JS教程或一個(gè)有趣的PHP腳本。每當(dāng)你坐下來設(shè)計(jì)一個(gè)頁面的時(shí)候都有成推的東西要學(xué)，只要你在做每個(gè)網(wǎng)站的時(shí)候多學(xué)一樣?xùn)|西，試想一年后你會(huì)有多少成長(zhǎng)呢。

網(wǎng)站標(biāo)題：決定一個(gè)網(wǎng)站成敗的5個(gè)要素
分享網(wǎng)址：http://www.rwnh.cn/news/97155.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、標(biāo)簽優(yōu)化、定制開發(fā)、虛擬主機(jī)、定制網(wǎng)站、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)