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