今天給大家?guī)?lái)我最近看到的一篇比較不錯(cuò)的，而且很實(shí)用的文章，這篇文章主要側(cè)重于設(shè)計(jì)前的思考、思路，當(dāng)我學(xué)習(xí)完之后又很大的啟發(fā)，所以今天推薦給大家，因?yàn)榇宋恼略迨怯⑽牡?，翻譯部準(zhǔn)確的地方還請(qǐng)大家見諒。

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

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

1、明確目標(biāo)用戶

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

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

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

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

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

4、用增加代碼來(lái)拓展網(wǎng)站的功能。

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

5、力求用戶友好和美觀

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

該網(wǎng)站在細(xì)節(jié)的處理方面做的非常出色，表現(xiàn)在加強(qiáng)了它的使用性和功能性。網(wǎng)站原本非?；尽⒑?jiǎn)單，但一些JS的運(yùn)用大大提升了網(wǎng)站的價(jià)值，而且讓用戶的使用更生動(dòng)有趣。 你可以改變工作類型，添加或刪減類別，以便在你點(diǎn)擊按鈕時(shí)，在他們的工作清單中過(guò)濾信息，讓你在更短的時(shí)間里，找到更精確的結(jié)果。這一類的細(xì)節(jié)，是這個(gè)網(wǎng)站的亮點(diǎn)。

總結(jié)：確立目標(biāo)的確是作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師提升設(shè)計(jì)水平、前端技巧的重要組成部分。你不可能沒(méi)有目標(biāo)就能提升技巧，并讓你的客戶眼前一亮。每當(dāng)你開始一個(gè)新的頁(yè)面之前，思考一下你希望完成一個(gè)怎樣的作品。你的目的不是要追求“完美”，而是要最求“優(yōu)秀”，而且不要放過(guò)任何一次機(jī)會(huì)。