- 相關(guān)推薦
為什么要學(xué)網(wǎng)頁設(shè)計(jì)
網(wǎng)頁設(shè)計(jì)是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁美術(shù)設(shè)計(jì)師等崗位應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計(jì)技術(shù)。下面就讓我們來看看我們?yōu)槭裁匆獙W(xué)習(xí)網(wǎng)絡(luò)技術(shù)吧!
什么是網(wǎng)頁設(shè)計(jì)
網(wǎng)頁設(shè)計(jì)是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁美術(shù)設(shè)計(jì)師等崗位應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計(jì)技術(shù)，使用標(biāo)識語言，通過一系列設(shè)計(jì)、建模和執(zhí)行的過程為企事業(yè)單位、公司或個人設(shè)計(jì)網(wǎng)站在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊和虛擬主機(jī)等服務(wù)的總稱，是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。
為什么要學(xué)習(xí)網(wǎng)頁設(shè)計(jì)
1、建設(shè)企業(yè)網(wǎng)站，進(jìn)行網(wǎng)絡(luò)推廣是一個非常大的市場，2011年中國網(wǎng)絡(luò)廣告市場規(guī)模達(dá)到511.9億 (其中百度：收超140億元、淘寶：達(dá)到87.9億元、谷歌：營收36.5億元)，較去年增長57.3%，比報(bào)紙廣告453.6億高出了58.3億，網(wǎng)絡(luò)媒體對于傳統(tǒng)媒體的沖擊越來越明顯，未來互聯(lián)網(wǎng)廣告市場將繼續(xù)保持著較高的增速，2013年有可能會達(dá)到千億的規(guī)模，市場快速發(fā)展帶來巨大的行業(yè)人才缺口。
2、據(jù)不完全統(tǒng)計(jì)，中國現(xiàn)有的專業(yè)網(wǎng)站設(shè)計(jì)師只有上萬人，因此，未來國內(nèi)網(wǎng)站設(shè)計(jì)師的需求將呈快速上升增長趨勢，隨之衍生的網(wǎng)站設(shè)計(jì)、編程及美工人員的就業(yè)前景非常好。
3、網(wǎng)頁設(shè)計(jì)師是一個不錯的工作，薪資待遇相對較高，工作形式可多種多樣:如公司上班、創(chuàng)辦自己的工作室、甚至在網(wǎng)上接單，家里上班。
在許多設(shè)計(jì)師看來，新聞網(wǎng)站簡直就是無趣、冗長、枯燥的代名詞，跟炫酷惹眼的設(shè)計(jì)一點(diǎn)邊兒都不沾好嗎。那小編可就要提醒你嘍，你對新聞網(wǎng)站的觀念可是落后了十年。
和許多華而不實(shí)的設(shè)計(jì)網(wǎng)站相比，新聞網(wǎng)站的優(yōu)秀之處就在于標(biāo)準(zhǔn)，沒有浮夸的炫技，卻不乏相當(dāng)驚艷的用戶體驗(yàn)。技術(shù)永遠(yuǎn)是為人服務(wù)的，無論你的網(wǎng)頁設(shè)計(jì)的多么復(fù)雜惹眼，如果缺乏實(shí)用性甚至阻礙了正常功能的發(fā)揮，依舊無法留住用戶。
新聞網(wǎng)站的設(shè)計(jì)方式更利于新手設(shè)計(jì)師理解用戶體驗(yàn)的意義(因?yàn)闊o論是優(yōu)點(diǎn)還是缺點(diǎn)，新聞網(wǎng)站都暴露得很明顯)，也更容易上手。下面我們一起看看吧。
1.搜索框帶來的安心與專業(yè)
導(dǎo)航欄對于每個網(wǎng)站都是至關(guān)重要的，我們在制作導(dǎo)航欄時往往被橫向排列還是豎向擺放、是否可伸縮、是否要浮動、怎樣塞下更多的欄目目錄搞得焦頭爛額，但往往忘記了一個關(guān)鍵——搜索框。
FOX選擇經(jīng)典的條塊狀搜索框
搜索框承擔(dān)了網(wǎng)站的搜索功能，當(dāng)一個用戶瀏覽你的網(wǎng)站并被吸引，他決定進(jìn)一步尋找自己感興趣的內(nèi)容，卻失望的發(fā)現(xiàn)，根本找不到搜索框。用戶就決定走了。
如果有幸他還記得你的網(wǎng)站的話，他會給別人說一句，“哦，那個網(wǎng)站只能找到他想給我的內(nèi)容，根本找不到我想要的東西�！�
這時候，我們可以看看新聞網(wǎng)站是如何重視搜索框擺放的，甚至一些時候，他們還出現(xiàn)了非常棒的用戶體驗(yàn)創(chuàng)新。
BBC的條塊狀搜索框
搜索框的重要特點(diǎn)就是醒目、可靠、流暢，最好和網(wǎng)站底色、其他元素顏色有所區(qū)別，略微偏離導(dǎo)航欄參考線。理想化的搜索框是那種大大的豪氣長條塊，致命缺點(diǎn)是擠占了其他信息空間。一些網(wǎng)站選擇了搜索框開關(guān)。
ABC新聞網(wǎng)的搜索框開關(guān)
但 Al Jazeera English和36氪的開關(guān)顯然更闊氣，這種下拉彈出的方式可能會帶來更好的用戶體驗(yàn)。打開后一整行的內(nèi)容都是搜索框，做到了醒目，用戶更無需擔(dān)心打字過多在搜索框內(nèi)顯示不完整。同時，這種排版方式整齊流暢，視覺體驗(yàn)很棒。
(視頻大小為1.3M 請放心食用～)
36氪下拉彈出式搜索框
你可能還會說，搜索框沒那么重要，網(wǎng)易爸爸的搜索框就放在了頁面最后非常不明顯的地方。
網(wǎng)易爸爸灰常隱蔽的搜索框
BUT，首先，搜索放到導(dǎo)航欄是用戶長期形成的網(wǎng)頁瀏覽習(xí)慣，如果你的網(wǎng)站并不知名、如果你的創(chuàng)新并不能帶來更好的用戶體驗(yàn)，還是采用搜索框開關(guān)吧。
其次，我第一次用網(wǎng)易新聞時，真的找了很久的搜索框，后來發(fā)現(xiàn)知乎上居然真還有“網(wǎng)易首頁為什么沒有搜索框? ”這個問答。
2.與欄目相關(guān)的提示
幾乎所有的網(wǎng)頁設(shè)計(jì)師都了解欄目的重要性，但在這里小編想要提醒幾個關(guān)于欄目的小細(xì)節(jié)。
反饋是用戶體驗(yàn)的核心要素之一，你敲桌子桌子會響、躺到床上床會塌陷，我們對生活中的反饋是如此習(xí)以為常，以至于在設(shè)計(jì)網(wǎng)頁時忘記了反饋的存在。
《DON’T MAKE ME THINK》一書中說過標(biāo)簽分割器是一種制作導(dǎo)航器的優(yōu)秀反饋思路，用戶單擊的標(biāo)簽頁位于其他標(biāo)簽頁之前。這種模式就比單純的字體加粗、改變字體顏色更具趣味性，也更像是模仿我們讀書翻頁的狀態(tài)，但后者可以容納更多的信息量。
拓展：網(wǎng)頁設(shè)計(jì)的禁忌
關(guān)于外觀的禁忌
1 不要先決定網(wǎng)頁的外觀，然后強(qiáng)迫自己甚至是強(qiáng)迫別人去適應(yīng)它。應(yīng)該從網(wǎng)站的瀏覽者、網(wǎng)站要傳達(dá)的信息以及網(wǎng)站的發(fā)展目標(biāo)考慮，設(shè)計(jì)出一個最適合的網(wǎng)頁架構(gòu)。
2 不要每頁都采用不同的背景圖片，以免每次轉(zhuǎn)頁都要花時間去下載。采用相同的背景色及近似的按鈕都能增加網(wǎng)頁一致性，樹立統(tǒng)一的風(fēng)格。這也是最基本的網(wǎng)站VI設(shè)計(jì)(視覺識別系統(tǒng))。
3 不要把圖片的白色部分當(dāng)作是透明的顏色，要知道別人的操作系統(tǒng)是并不一定會將底色設(shè)為白色的。解決的方法是把網(wǎng)頁的底色設(shè)為白色。而最好的方法是用圖片編輯工具為圖片設(shè)置好透明底色。
4 底色或背景須與文字顏色形成明顯對比，方便閱讀。若你的網(wǎng)頁里有較多文字，不妨在這方面下多點(diǎn)功夫，力求讓瀏覽者能舒適閱讀你的文章。
5 每頁的排版不要太疏或用太大的字，盡量避免看網(wǎng)頁的時候要作很大的卷動。
6 太長的一頁要使用內(nèi)部鏈接，聰明的網(wǎng)頁設(shè)計(jì)者不會讓瀏覽者在看網(wǎng)頁時太多卷動。常見的內(nèi)部鏈接例子如 FAQ、或名詞解釋。
7 在17寸顯示器尚未普及的時候，不要以 800x600 以上的像素設(shè)計(jì)網(wǎng)頁。因?yàn)檫@常常會導(dǎo)致設(shè)計(jì)上的判斷失誤。因此，無論你有再大的顯示器，能上再大的分辨率，將顯示器設(shè)置成 800x600的顯示模式是適當(dāng)?shù)摹?-
8 不要于每頁插入太多的廣告牌。相信你也不會喜歡貼滿廣告的網(wǎng)頁。什么廣告交換、點(diǎn)錢Banner、彈出窗口，還有時下最流行卻又最討厭的浮動廣告，還是少放為妙。至少,當(dāng)我看到的時候，是會第一時間按右上角的“X”的。
關(guān)于操守的禁忌
1 不要抄襲別人的創(chuàng)作。網(wǎng)絡(luò)上的所有資料都是公開的，但都有版權(quán)的，若想引用別人的作品，不妨先征得同意，一般作者都只要你注明出處，對于電腦方面的東西，大多數(shù)朋友都是熱情而慷慨的。更不要下載了別人的網(wǎng)站后，當(dāng)作是自己的放在網(wǎng)上，這樣做的結(jié)果是使所有人都知道你是個剽竊者。
2 引用 Newsgroup、BBS、或其他非電子傳媒的文章，切記要注明原作者名稱及文章事源，若引用別有的網(wǎng)頁更要通知網(wǎng)主。尊重版權(quán)，避免官司，利人利已。
3 不要利用網(wǎng)頁散布謠言、中傷他人，網(wǎng)絡(luò)雖然難管理，但本著道德良心，都應(yīng)潔身自愛。維持良好網(wǎng)絡(luò)環(huán)境，要靠大家努力，從我做起。
4 不要將別人的網(wǎng)頁變成你的框架中的一個窗口，這樣不僅為瀏覽者帶來不便，令人的網(wǎng)頁更丑陋，而且也侵犯了別人的版權(quán)，解決方法是采用鏈接中的 target 參數(shù)，如 target="top" ，或是target="blank" 從新窗口打開網(wǎng)頁等。若重視訪問者的感受請從每一細(xì)節(jié)做起。
5 不要將別人正在使用的搜索引擎、表單及計(jì)數(shù)器等放到自己的網(wǎng)頁中，這樣做會擾亂其正常運(yùn)作、增加該服務(wù)器的負(fù)荷，除非該主人表示可以連到他的 cgi-bin 或 JavaClass。
【為什么要學(xué)網(wǎng)頁設(shè)計(jì)】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)要明確的那些布局細(xì)節(jié)12-20