網(wǎng)頁的基本認識

1、第一章網(wǎng)頁的基本認識課程目錄1、網(wǎng)頁的基本構成2、網(wǎng)頁設計與平面設計的區(qū)別3、作業(yè)網(wǎng)頁的基本認識1常規(guī)網(wǎng)頁的基本構成一、頭部 1）Logo（標志區(qū)） 2）Banner（廣告區(qū)） 3）Navigation（導航）二、主體內(nèi)容區(qū) 可分結構： 1）左右（2欄） 2）左中右（3欄）三、底部 1）FriendLink（友情鏈接區(qū)） 2）Bottom Nav（底部次導航） 3）CopyRight（版權區(qū)）LogoBanner其他功能區(qū)NavLeftCenterRightSec Nav（次導航）FriendLink（友情鏈接）CopyRigth（版權區(qū)）LogoBanner其他功能區(qū)NavLeftRight

2、Sec Nav（次導航）FriendLink（友情鏈接）CopyRigth（版權區(qū)）LogoBanner其他功能區(qū)NavLeftRightSec Nav（次導航）FriendLink（友情鏈接）CopyRigth（版權區(qū)）其他更加豐富的版面排版介紹或其他特殊頁面的欣賞網(wǎng)頁設計與平面設計的區(qū)別2先來看看網(wǎng)頁設計跟平面設計的共同點： 1. 都需要良好的視覺表現(xiàn) 2. 做網(wǎng)頁設計和平面設計的人都需要有良好的審美能力 3. 它們都是在平面上做設計，而不是空間中做設計可能正是因為第三點，大家都把他們混淆了。 網(wǎng)頁設計與平面設計的區(qū)別2那么它們之間到底有什么不同呢？網(wǎng)頁設計與平面設計的區(qū)別21. 設計理念

3、的不一樣 平面設計的核心是品牌。它要以品牌為出發(fā)點去設計，要在視覺上100體現(xiàn)品牌的魅力。 而網(wǎng)頁設計的核心是用戶。網(wǎng)站的目的是與用戶100溝通，是要實現(xiàn)某些特定的功能，這有點像電腦中的軟件。那么網(wǎng)頁設計其實是一種UI設計，也就是所謂的界面設計，要以用戶的操作習慣為出發(fā)點去設計，換句話說也就是要設計得人性化。讓用戶使用得更方面，長時間盯著網(wǎng)頁看也不覺得累。這也就是為什么眾多門戶要用白色做為頁面主色調(diào)的原因，因為白色看久了不會造成眼睛疲勞，而鮮艷的顏色看久了會眼困！網(wǎng)頁設計與平面設計的區(qū)別22. 視覺元素在色彩方面平面設計與網(wǎng)頁設計使用的色彩模式完全不同，平面設計因為后期的實現(xiàn)依賴于印刷，所以采

4、用CMYK的色彩模式，而網(wǎng)頁根據(jù)其顯像方式使用RGB的色彩模式。平面設計時的色彩運用注重視覺的沖擊力及視覺流的引導(在這點上與網(wǎng)頁設計中的BANNER設計相類似)，而網(wǎng)頁設計(產(chǎn)品類)更注重的是信息結構關系的梳理，如果將色彩運用的過多過強，很容易引起視覺的疲勞感。字體的選用 平面設計的字體選用更為自由一些，不用擔心后期實現(xiàn)的問題，而網(wǎng)頁設計就需要考慮的更為全面，并且在字體的選用范圍上也很小所有字體都是根據(jù)用戶操作系統(tǒng)內(nèi)默認字體而定的（宋體，微軟雅黑，黑體） 字號選擇范圍：1224號之間（特殊要求除外)網(wǎng)頁設計與平面設計的區(qū)別2圖形使用上，平面設計比網(wǎng)頁設計豐富，表現(xiàn)方式也多樣化，特別是對于產(chǎn)品

5、類的網(wǎng)頁設計，模塊化的設計思路更為明顯，在視覺表現(xiàn)上也是如此，平面對于圖形的表現(xiàn)是不需要考慮到后期的實現(xiàn)的，在一點上是有目共睹的。在來說一下咱們設計時使用的尺寸單位問題，平面設計在使用尺寸標注時都用的是物理尺寸的概念，比如英寸，厘米，毫米等，而網(wǎng)頁使用的像素。 網(wǎng)頁設計與平面設計的區(qū)別23. 特殊的要求網(wǎng)頁設計不僅僅是在做設計，更多的是要考慮網(wǎng)頁的打開速度、兼容性等問題。所以有時候不得不為了照顧這些特殊的要求而犧牲美觀。我們往往看到門戶站的網(wǎng)頁都是大量的文字，這其實是為了減少頁面的打開時間。韓國的網(wǎng)站喜歡用大量的圖片、FLASH，那是因為韓國的網(wǎng)絡帶寬全球第二，它有那個條件去大量的實現(xiàn)視覺沖擊

6、！而目前的中國不行！ 網(wǎng)頁設計與平面設計的區(qū)別24. 還有一點，就是很多人覺得做網(wǎng)站就要做得很絢麗，很好玩。其實這些人是把做網(wǎng)站和做網(wǎng)絡廣告給弄混淆了！ 我們平時看到很多品牌的網(wǎng)站，很絢麗、很好玩、甚至很有創(chuàng)意。但是別忘了！那其實是網(wǎng)絡廣告而已！雖然那表面上是個網(wǎng)站。網(wǎng)絡廣告的目的跟其他廣告一樣，為的就是宣傳品牌形象、介紹產(chǎn)品功能等等。但是網(wǎng)站不一樣！一個網(wǎng)站是要實現(xiàn)某些具體的功能，也就是說網(wǎng)站是要功能美觀，而網(wǎng)絡廣告是要美觀功能。 網(wǎng)頁設計與平面設計的區(qū)別25、呈現(xiàn)方式對比網(wǎng)頁設計與平面設計的區(qū)別25、呈現(xiàn)方式對比網(wǎng)頁設計與平面設計的區(qū)別25、瀏覽方式平面設計的屬于漸進式的瀏覽方式，無法對整個瀏覽的過程進行多樣化串聯(lián)，網(wǎng)頁設計擁有滾動條下拉、按鈕鏈接跳轉等多樣化的瀏覽信息方式，在擁有同樣一種信息架構的條件下，信息之間的串聯(lián)性更為豐富，用戶選擇信息的自由度更大，但平面設計也自然有其優(yōu)勢所在，比如平時我在設計照片書這類產(chǎn)品的時候，就很明顯的發(fā)現(xiàn)，這一類的產(chǎn)品在電腦顯示器上進行翻閱，不如印刷成為一個真實的書本來翻閱感受要更好一些，并且更具有收藏及紀念意義。網(wǎng)頁設計與平面設計的區(qū)別26、傳統(tǒng)播方式平面設計屬于比較傳統(tǒng)的信息媒介設計，一般會通過張貼、銷售、郵寄派送等形式進行傳播