設(shè)計(jì)網(wǎng)站需要思考的5個(gè)目標(biāo)

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

特別對于網(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ì)師必須對用戶進(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ì)。

案例：

該網(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í)尚的色彩會(huì)是很棒的結(jié)合，您的顧客也 樂于見到。但這樣的網(wǎng)站并不適合以專業(yè)人士和企業(yè)用戶為主要群體的律師事務(wù)所網(wǎng)站。對于這點(diǎn)，您的客戶具有良好的洞察力，因?yàn)樗麄兊墓ぷ骶褪桥c這次的目標(biāo) 群體打交道。在你做研究的時(shí)候看看跟你同類型的公司都在做什么，你不必做相同的事情，但是網(wǎng)站給人的感受必須的類似的。

案例：

Apple’s site

該網(wǎng)站是一個(gè)很好的例子，出色的設(shè)計(jì)完全符合目標(biāo)用戶的口味。網(wǎng)站用柔和的漸變、大尺寸的圖片展現(xiàn)了干凈、簡約之美。字體非常重要，蘋果網(wǎng)站在標(biāo) 題、字號(hào)、位置上都精心考量過?，F(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è)用戶都有 耐心去閱讀。 精簡導(dǎo)航，確定什么是最重要的，丟掉其余的。

案例：

Media Temple’s site

該網(wǎng)站風(fēng)格偏向沉穩(wěn)，暗色調(diào)的漸變搭配倒影呈現(xiàn)出光滑的質(zhì)感，突出了高科技的重點(diǎ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、明確目標(biāo)用戶群體

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

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

一個(gè)簡單的網(wǎng)站在運(yùn)用了JS或PHP的一些功能后會(huì)變得強(qiáng)大起來。 用戶會(huì)享受這些附加功能，設(shè)計(jì)師也有機(jī)會(huì)做一個(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)|西，試想一年后你會(huì)有多少成長呢

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

新聞標(biāo)題：設(shè)計(jì)網(wǎng)站需要思考的5個(gè)目標(biāo)
轉(zhuǎn)載來源：http://www.bm7419.com/news6/314906.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、App開發(fā)、網(wǎng)站導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)、商城網(wǎng)站、服務(wù)器托管

廣告

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