網頁的基本認識

1、第一章網頁的基本認識課程目錄1、網頁的基本構成2、網頁設計與平面設計的區(qū)別3、作業(yè)網頁的基本認識1常規(guī)網頁的基本構成一、頭部 1）Logo（標志區(qū)） 2）Banner（廣告區(qū)） 3）Navigation（導航）二、主體內容區(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ū)）其他更加豐富的版面排版介紹或其他特殊頁面的欣賞網頁設計與平面設計的區(qū)別2先來看看網頁設計跟平面設計的共同點： 1. 都需要良好的視覺表現(xiàn) 2. 做網頁設計和平面設計的人都需要有良好的審美能力 3. 它們都是在平面上做設計，而不是空間中做設計可能正是因為第三點，大家都把他們混淆了。 網頁設計與平面設計的區(qū)別2那么它們之間到底有什么不同呢？網頁設計與平面設計的區(qū)別21. 設計理念

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

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

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

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