這是最近看到的一篇很不錯(cuò)很實(shí)用的文章，主要側(cè)重于設(shè)計(jì)前的思考、思路，看完有很大的啟發(fā)，所以推薦給大家，因?yàn)槭欠g的，翻譯不準(zhǔn)確的地方還請見諒~
在生活中，擁有目標(biāo)是非常重要的。 特別對于網(wǎng)站設(shè)計(jì)而言，因?yàn)闆]有目標(biāo)就沒有動力，更無法衡量你的成功與否。 目標(biāo)有助于設(shè)計(jì)師專注于重要的事情，把握設(shè)計(jì)方案的走向。目標(biāo)能幫助設(shè)計(jì)者設(shè)計(jì)出令人眼前一亮的網(wǎng)站。 設(shè)計(jì)任何一個(gè)網(wǎng)站，過程都是大同小異的：我完成了一份設(shè)計(jì)稿，然后把它交給客戶。雖然在一開始，我有我的創(chuàng)意，客戶有客戶的需求，但是我知道我會在最后交出一份令人滿意的答卷。 之后的步驟大徑相同，但每個(gè)網(wǎng)站都會因面向的群體不同、定位不同、風(fēng)格不同而各自產(chǎn)生某些不同的步驟。有時(shí)我需要手繪，有時(shí)我又必須利用PS、AI等軟件的強(qiáng)大功能。 盡管不同項(xiàng)目的過程可以有所差異，但至關(guān)重要的是做一個(gè)網(wǎng)站一定會確立一個(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ì)師必須對用戶進(jìn)行引導(dǎo)。 例如，導(dǎo)航會放在頁面頂部不是因?yàn)樗旁谀抢锉容^好看，而是用戶不會拖動滾動條到處找它。 如果你一定要讓用戶拖動滾動條去找導(dǎo)航，就給他們一個(gè)理由，比如一些更容易被發(fā)現(xiàn)的引導(dǎo)用戶向下看的設(shè)計(jì)。 案例：http://www.whitehouse.gov/     該網(wǎng)站是在奧巴馬2008年11月就職時(shí)改版的。改版前，網(wǎng)站只專注于提供信息，卻沒有考慮如何把組織信息和提高可讀性。 改版后的網(wǎng)站力求用戶友好與美觀，體現(xiàn)了設(shè)計(jì)對于可用性的專注。以一個(gè)柔和的漸變與經(jīng)典西方建筑的圖案為背景，塑造出一個(gè)更舒適更賦有現(xiàn)代感的外觀。新導(dǎo)航與信息的合理組織使用戶更快速、更有效的獲取所需。寬敞的布局，也同樣是對用戶瀏覽該網(wǎng)站有利的因素。不需要的東西全都去掉，只留下對用戶最重要的部分。 2。明確目標(biāo)用戶
我見過很多網(wǎng)站，看上去很華麗卻不適用于它的目標(biāo)群體。 對于設(shè)計(jì)工作室或者音樂人來說，一個(gè)復(fù)古的網(wǎng)站搭配時(shí)尚的色彩會是很棒的結(jié)合，您的顧客也樂于見到。但這樣的網(wǎng)站并不適合以專業(yè)人士和企業(yè)用戶為主要群體的律師事務(wù)所網(wǎng)站。對于這點(diǎn)，您的客戶具有良好的洞察力，因?yàn)樗麄兊墓ぷ骶褪桥c這次的目標(biāo)群體打交道。在你做研究的時(shí)候看看跟你同類型的公司都在做什么，你不必做相同的事情，但是網(wǎng)站給人的感受必須的類似的。 案例：http://www.apple.com/  
Apple’s site   該網(wǎng)站是一個(gè)很好的例子，出色的設(shè)計(jì)完全符合目標(biāo)用戶的口味。網(wǎng)站用柔和的漸變、大尺寸的圖片展現(xiàn)了干凈、簡約之美。字體非常重要，蘋果網(wǎng)站在標(biā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)都令用戶感到舒適，除此之外，還會產(chǎn)生巨大的吸引力，帶動用戶去看他們旗下所有品牌的產(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è)用戶都有耐心去閱讀。 精簡導(dǎo)航，確定什么是最重要的，丟掉其余的。 案例：http://www.mediatemple.net/
Media Temple’s site   該網(wǎng)站風(fēng)格偏向沉穩(wěn)，暗色調(diào)的漸變搭配倒影呈現(xiàn)出光滑的質(zhì)感，突出了高科技的重點(diǎn)。簡潔易用的主導(dǎo)航以及前端有標(biāo)示的二級導(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)域。 然而，對于如何把信息組織的更加實(shí)用以及網(wǎng)頁用戶有何特點(diǎn)，他們可能并不了解。因此某些重要的事項(xiàng)你必須為你的客戶講解并讓他們充分的理解–為什么他們不需要一些看上去很“炫”的東西，例如做一個(gè)長達(dá)5分鐘的盡管看起來很絢麗的網(wǎng)站介紹。 案例：http://mobify.me/   該網(wǎng)站干凈、簡約而富有現(xiàn)代感，加上在細(xì)節(jié)上出色的視覺效果，幫助用戶瀏覽網(wǎng)站。 該網(wǎng)站的目標(biāo)人群除了企業(yè)用戶外，也包括對“手機(jī)友好”感興趣的技術(shù)開發(fā)人員和網(wǎng)頁設(shè)計(jì)師。 瀏覽該網(wǎng)站的用戶很可能本身就是網(wǎng)站方面的專家，而來的目的是為了進(jìn)一步拓展自己的網(wǎng)站。 這個(gè)網(wǎng)站的設(shè)計(jì)，就是一切關(guān)于公司銷售移動服務(wù)的需求。 該界面簡潔、光滑，正如一個(gè)移動設(shè)備給我們的感覺。 導(dǎo)航簡潔易用，在這個(gè)現(xiàn)代高科技的網(wǎng)站上清楚明了的給予用戶他們所需要的。   5。 用增加代碼來拓展網(wǎng)站的功能。
一個(gè)簡單的網(wǎng)站在運(yùn)用了JS或PHP的一些功能后會變得強(qiáng)大起來。 用戶會享受這些附加功能，設(shè)計(jì)師也有機(jī)會做一個(gè)新的嘗試。既然有這么的技能可以學(xué)并植入到網(wǎng)站中，為何不針對每項(xiàng)功能都嘗試一個(gè)新的頁面，在設(shè)計(jì)上也尋找新的突破呢？嘗試一個(gè)新的JS教程或一個(gè)有趣的PHP腳本。每當(dāng)你坐下來設(shè)計(jì)一個(gè)頁面的時(shí)候都有成推的東西要學(xué)，只要你在做每個(gè)網(wǎng)站的時(shí)候多學(xué)一樣?xùn)|西，試想一年后你會有多少成長呢。 案例：http://www.authenticjobs.com/  
Authentic Jobs   該網(wǎng)站在細(xì)節(jié)的處理方面做的非常出色，表現(xiàn)在加強(qiáng)了它的使用性和功能性。網(wǎng)站原本非常基本、簡單，但一些JS的運(yùn)用大大提升了網(wǎng)站的價(jià)值，而且讓用戶的使用更生動有趣。 你可以改變工作類型，添加或刪減類別，以便在你點(diǎn)擊按鈕時(shí)，在他們的工作清單中過濾信息，讓你在更短的時(shí)間里，找到更精確的結(jié)果。這一類的細(xì)節(jié)，是這個(gè)網(wǎng)站的亮點(diǎn)。 總結(jié)：確立目標(biāo)的確是作為一個(gè)網(wǎng)頁設(shè)計(jì)師提升設(shè)計(jì)水平、前端技巧的重要組成部分。你不可能沒有目標(biāo)就能提升技巧，并讓你的客戶眼前一亮。每當(dāng)你開始一個(gè)新的頁面之前，思考一下你希望完成一個(gè)怎樣的作品。你的目的不是要追求“完美".
 本文章由南寧網(wǎng)站建設(shè)、南寧網(wǎng)站優(yōu)化、南寧網(wǎng)絡(luò)公司整理，轉(zhuǎn)載請注明出處：http://www.aoshipj.com/