版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
網(wǎng)頁布局基本步驟構思,畫出草稿精細化,突出重點(網(wǎng)站標志、廣告欄、菜單欄)進一步修改,選定布局網(wǎng)頁布局的基本原則頁面尺寸頁面尺寸和顯示器大小、分辨率有關系,一般頁面尺寸可設置如下:分辨率在800×600的情況下,頁面顯示尺寸為780×428象素;分辨率在640×480的情況下頁面顯示尺寸為620×311象素;分辨率在1024×768的情況下,頁面顯示尺寸為1007×600。分辨率越高頁面尺寸越大。在網(wǎng)頁設計過程中,向下拖動頁面大概是惟一給網(wǎng)頁增加更多內(nèi)容(尺寸)的方法。但除非你能肯定站點的內(nèi)容能吸引大家拖動,否則不要讓訪問者拖動頁面超過三屏。雖然現(xiàn)在很多鼠標都有滾輪設計,但是網(wǎng)頁的設計布局是越少用到鼠標越好。整體造型“國”字型,也稱“同”字型。最上面是網(wǎng)站的標題、橫幅廣告條,接下來是網(wǎng)站的主要內(nèi)容(左右分列兩小條內(nèi)容,中間是主要部分),最下面是網(wǎng)站信息、聯(lián)系方式、版權聲明等。特點:結(jié)構清晰、主次分明舉例:廣東技術師范學院研究生學院網(wǎng)站:8080/yjsc/拐角型,又叫廠字型。上面是標題及廣告橫幅,左側(cè)是一窄列鏈接,右列是很寬的正文。特點:結(jié)構具有變化性,相對顯得活潑。舉例:吉百利/2007/bjp/Cadbury_0227/produce.asp標題正文型。上面是標題或標志,下面是正文,絕大多數(shù)搜索引擎站點都采用這種類型。舉例:百度、谷歌左右框架型:一般左面是導航鏈接,有時上面會有一個小的標題或標志,右面是正文。大部分論壇和一些企業(yè)網(wǎng)站喜歡采用這種框架結(jié)構。下下型框架。綜合型框架。封面型。大部分一些精美的平面設計結(jié)合一些小動畫,放上幾個簡單的鏈接。處理得好,讓人賞心悅目。Flash型:頁面信息豐富,視覺沖擊力強,被年青人所喜愛。舉例:/網(wǎng)頁布局的幾個注意事項首頁很重要首頁是網(wǎng)站的第一印象。最好第一頁就有很清楚的類別選項,而且盡量符合人性化,讓參觀者可以很快找到需要的主題。在設計上最好秉持干凈清爽的原則。若無需要,盡量不要放置大型圖形文件或加上不適當?shù)某绦?,那樣會增加下載時間,導致訪問者失去耐心;注意畫面不要太過雜亂無序。分類要清晰可以按主題分類、按性質(zhì)分類、按機關組織分類,或按人類思考直覺式地分類等等,一般而言,按人類的直覺式思考會比較親切。但無論哪一種分類方法,都要讓使用者可以很容易找到目標。而且分類方法最好盡量保持一致,若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外,在每個分類選項的旁邊或下一行,最好也加上這個選項內(nèi)容的簡要說明。互動好網(wǎng)站必須與使用者有良好的互動,包括在整個設計呈現(xiàn)、使用界面導引等等,都應掌握互動的原則,讓使用者感覺他的每一步都確實得到適當?shù)幕貞?,這部分需要一些設計上的技巧。事實上,好的網(wǎng)站設計必須加上個人技巧、經(jīng)驗累積以及軟硬件技術的配合運用等。圖形應用技巧圖形帶有醒目、吸引人以及傳達訊息的功能,好的圖形應用可以讓網(wǎng)頁設計增色不少,但不當?shù)膱D形應用則會帶來反效果,而其中又以大量使用無意義及大型的圖形為最大敗筆。建議:應盡量縮小或省略圖形。根據(jù)經(jīng)驗與統(tǒng)計,使用者可以忍受的最長等待時間大約是90秒鐘。在圖形使用上,盡量采用一般瀏覽器均可支持的壓縮圖形格式,例如JPG與GIF等,可以節(jié)省傳輸時間。網(wǎng)頁背景不少人喜歡在網(wǎng)頁加上背景圖案,認為可以增加美感,但這樣會耗費傳輸時間,而且容易影響閱讀視覺,反而給使用者不好的印象。若沒有絕對必要,最好避免使用背景圖案,保持干凈清爽的本文。但如果真的喜歡使用背景,那么最好使用單一色系,而且要跟前景的文字可以明顯區(qū)別,最忌諱使用花俏多色的背景,這樣會嚴重混亂使用者的閱讀。網(wǎng)頁配色方案的選擇黑白灰色彩的應用:黑白灰色彩是萬能色,可以跟任意一種色彩搭配。當你為某種色彩的搭配苦惱的時候,不防試試用黑白灰。當你覺得兩種色彩的搭配不協(xié)調(diào),試試加入黑色,或者灰色,或許會有意想不到的效果哦。對一些明度較高的網(wǎng)站,配以黑色,可以適當?shù)亟档推涿鞫?。白色是網(wǎng)站用的最普遍的一種顏色。很多網(wǎng)站甚至留出大塊的白色空間,作為網(wǎng)站的一個組成部分。這就是留白藝術。很多設計性網(wǎng)站較多運用留白藝術。留白,給人一個遐想的空間,恰當?shù)牧舭讓τ趨f(xié)調(diào)頁面的均衡起到相當大的作用。確定網(wǎng)站的主題色。一個網(wǎng)站不可能單一的運用一種顏色,讓人感覺單調(diào),乏味;但是也不可能將所有的顏色都運用到網(wǎng)站中,讓人感覺輕浮,花哨。一個網(wǎng)站必須有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調(diào),乏味。所以確定網(wǎng)站的主題色也是設計者必須考慮的問題之一。一個頁面盡量不要超過4種色彩。用太多的色彩讓人沒有方向,沒有側(cè)重。當主題色確定好以后,考慮其它配色時,一定要考慮其它配色與主題色的關系,要體現(xiàn)什么樣的效果。另外哪種因素占主要地位,是明度,純度還是色相。先鋒在線:/先鋒
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年P2P網(wǎng)絡貸款合同電子簽章技術規(guī)范范本3篇
- 2025版出租車充電樁建設與維護服務合同3篇
- 專業(yè)化弱電維修保障服務協(xié)議(2024年版)版B版
- 2024版買賣意向協(xié)議書范本
- 2024年鋼結(jié)構裝修合同樣本
- 2024版專業(yè)餐飲管理承包協(xié)議樣本版
- 2024庚辛雙方關于基礎設施建設施工合同
- 2024新能源研發(fā)團隊人員股權激勵合同
- 2024年甲乙雙方關于城市燃氣管道用塑料管材供應合同
- 2024青島購房合同范文
- 山東省濟南市七年級上學期期末英語試卷(附答案)
- 新學位法專題講座課件
- 八年級下冊英語單詞默寫打印版
- (正式版)JBT 14581-2024 閥門用彈簧蓄能密封圈
- 速凍手抓餅標準
- 2024年高考語文備考之語用新題“語境+語義”專練
- 培訓課件核電質(zhì)保要求
- 2021湖南省生活污水處理一體化設備技術指南
- 鐵路防洪安全教育培訓
- 實習生安全教育培訓課件
- 家長的陪伴孩子的寒假守護
評論
0/150
提交評論