[互聯(lián)網(wǎng)]網(wǎng)站設(shè)計(jì)流程-wenkub
2022-12-22 22:39:24 本頁面
【正文】 (2) 網(wǎng)站的色彩搭配 ? (1) 網(wǎng)頁色彩搭配的原理 ? 色彩 的鮮明性：網(wǎng)頁的色彩要鮮艷，容易引人注目。它和白色混合能體現(xiàn)柔順、淡雅、浪漫的氣氛 (像天空的色彩 )。 ? 綠色 =介于冷暖兩種色彩的中間，顯得和睦、寧靜、健康、安全的感覺，它和金黃、淡白搭配、可以產(chǎn)生優(yōu)雅舒適的氣氛。所以紅、橙、黃的組合又稱為暖色調(diào)，青、藍(lán)、紫的組合又稱為冷色調(diào)。顏色值越高表示這種顏色越深，比如紅色，其數(shù)值為“ FF0000” ，白色為“ FFFFFF” ，黑色為“＃ 000000” 。 1)色彩的基礎(chǔ)知識(shí) 網(wǎng)站的色彩是最影響整體風(fēng)格的因素，也是網(wǎng)站美工 設(shè)計(jì)中最令人頭疼的問題。許多網(wǎng)站的建設(shè)者都是從事計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)的，他們非常熟悉網(wǎng)頁制作技術(shù)，但是卻少有想法創(chuàng)作一個(gè)既美觀又有獨(dú)特風(fēng)格的主頁。 網(wǎng)站的內(nèi)容還得要新穎，創(chuàng)新的內(nèi)容就是網(wǎng)站的靈魂，沒有新穎的內(nèi)容，網(wǎng)站就失去了生命力。 web站點(diǎn)的主題與風(fēng)格 確定網(wǎng)站的主題 確定站點(diǎn)的整體風(fēng)格 確定網(wǎng)站的主題 所謂網(wǎng)站的主題也就是網(wǎng)站的題材。 ? (3) 電子商務(wù)類網(wǎng)站。因此，不論個(gè)人還是團(tuán)體，都希望在網(wǎng)絡(luò)中找到適合自己的位置。 ? (3) 網(wǎng)站的版式設(shè)計(jì)。企業(yè)網(wǎng)站設(shè)計(jì)顯得極為重要，下面是一些網(wǎng)站設(shè)計(jì)的大致流程。 ◆教學(xué)要求： 了解網(wǎng)站的設(shè)計(jì)流程，能夠自己獨(dú)立確定一個(gè)網(wǎng)站的主題及風(fēng)格。掌握網(wǎng)站界面設(shè)計(jì)及版面布局的方法。 (具體內(nèi)容第一章有詳細(xì)介紹 )。 ? (4) 網(wǎng)站測(cè)試和改進(jìn)。于是，各種各樣的網(wǎng)站如雨后春筍般地建立起來，綜觀 Inter上數(shù)以百萬計(jì)的網(wǎng)站，按照其功能和結(jié)構(gòu)形式大體上可以分為以下幾類。 ? (4) 媒體信息服務(wù)類網(wǎng)站?，F(xiàn)在網(wǎng)上比較知名的 10類題材有：網(wǎng)上求職、網(wǎng)上聊天 /ICQ、網(wǎng)上社區(qū) /討論 /郵件列表、計(jì)算機(jī)技術(shù)、網(wǎng)頁 /網(wǎng)站開發(fā)、娛樂網(wǎng)站、旅行、參考 /資訊、家庭 /教育、生活 /時(shí)尚。 2. 網(wǎng)站的題材最好是自己擅長(zhǎng)或者喜愛的內(nèi)容 一個(gè)企業(yè)要建立網(wǎng)站，要密切結(jié)合自己的業(yè)務(wù)范圍來選擇內(nèi)容，而不要脫離業(yè)務(wù)主題去搞什么國(guó)內(nèi)國(guó)際新聞、娛樂動(dòng)態(tài)等與本身業(yè)務(wù)不相關(guān)的東西，或者為了增加訪問量而去辦一些本身并不熟悉且技術(shù)難度又比較大的欄目，比如網(wǎng)上聊天之類。另一方面，專業(yè)的美工師通常都是傳統(tǒng)的美工技術(shù)，對(duì)網(wǎng)頁制作技術(shù)和網(wǎng)絡(luò)知識(shí)知之甚少，所以不知道如何設(shè)計(jì)最適合網(wǎng)絡(luò)傳輸?shù)膱D片。許多網(wǎng)頁設(shè)計(jì)者都缺乏色彩搭配 的基本知識(shí)，所以在制作網(wǎng)頁之前往往有一個(gè)很好的想法， 但是卻不知如何搭配網(wǎng)頁的顏色來表達(dá)預(yù)想的效果。也可以采用 3個(gè)以“，”相隔的十進(jìn)制數(shù)來表示某一顏色，比如紅色，其十進(jìn)制表示為 Color(255,0,0)。 除了冷暖的差別外，不同的單個(gè)顏色也會(huì)給人帶來不同的感覺，如下所述。 ? 橙色 =也是一種激奮的色彩，具有輕快、歡欣、熱烈、溫馨、時(shí)尚的效果。 ? 白色 =具有潔白、明快、純真、清潔的感受。 ? 色彩的獨(dú)特性：要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈。一開始因?yàn)榧夹g(shù)和知識(shí)缺乏，只能制作出簡(jiǎn)單的網(wǎng)頁，色彩單一；在有一定基礎(chǔ)后，就將自己收集的最好的圖片，最滿意的色彩堆砌在頁面上，但是時(shí)間一長(zhǎng)，卻發(fā)現(xiàn)色彩雜亂，沒有個(gè)性和風(fēng)格；第三次重新定位自己的網(wǎng)站時(shí)，選擇切合自己的色彩，推出的網(wǎng)站往往比較成功；最后當(dāng)設(shè)計(jì)理念和技術(shù)達(dá)到頂峰時(shí)，則又返璞歸真，用單一色彩甚至非彩色就可以設(shè)計(jì)出簡(jiǎn)潔精美的站點(diǎn)。 ? 用兩種色彩。簡(jiǎn)單地說就是用一個(gè)感覺的色彩，例如淡藍(lán)、淡黃、淡綠，或者土黃、土灰、土藍(lán)。 背景和前文的對(duì)比盡量要大 (絕對(duì)不要用花紋繁復(fù)的圖案作背景 )，以便突出主要文字內(nèi)容，如圖 。以下是在設(shè)計(jì)頁面時(shí)需遵循的一些基本原則 。 ? (2) 顯示最后更新的時(shí)間，而不是計(jì)算機(jī)生成的時(shí)間。 2. 歡迎詞 很多網(wǎng)站都喜歡在主頁上顯示歡迎詞。 ? (2) 盡量避免彈出式窗口。標(biāo)題和內(nèi)容要直接切入正體，而不是僅僅在引誘用戶單擊后才能看到真正的信息。 不要只是照抄或改寫文章的第一段，因?yàn)榈谝欢瓮贿m合作為一個(gè)單獨(dú)的部分。不僅要讓用戶記住他們?cè)L問過的網(wǎng)址，而且使他們能快速猜到公司的域名，這是人們必須經(jīng)常做的。 (2) 如果條件允許，要為站點(diǎn)注冊(cè)不同的拼寫、縮寫或常見的拼寫錯(cuò)誤域名。 (1) 如果不讓用戶單擊，決不要將控件作為屏幕的一部分。 用帶更多信息的文字作為鏈接的開頭，因?yàn)橛脩艚?jīng)常只瀏覽鏈接的頭一兩個(gè)詞以決定是否閱讀，所以要精心處理鏈接文字，使它們言簡(jiǎn)意賅，不要在每個(gè)鏈接開頭都包含冗余信息 —— 無區(qū)別的文字只能使用戶尋找關(guān)鍵詞時(shí)更加困難。 用容易區(qū)分的、不太飽和的顏色表示訪問過的鏈接。主頁是必須用盡量少的空間表達(dá)盡量多的標(biāo)題的地方。為了強(qiáng)調(diào)某些條目 (例如類別或鏈接 )的重要性而不斷在主頁上重復(fù)它們，反而會(huì)減少受關(guān)注的程度。當(dāng)然，不是說主頁上的文字必須是干巴巴的白話，它必須包含豐富的信息，而且不能模棱兩可 。 一般網(wǎng)站就包含的幾項(xiàng)內(nèi)容 一個(gè)標(biāo)準(zhǔn)的網(wǎng)站應(yīng)該包括以下 10項(xiàng)內(nèi)容 。 2. 導(dǎo)航欄 (Navigation Bar) 每個(gè)網(wǎng)站都應(yīng)該包括一組導(dǎo)航工具，而且它出現(xiàn)在此網(wǎng)站的每一個(gè)頁面中，通常這組導(dǎo)航工具被稱為導(dǎo)航欄。 5. 引人入勝的內(nèi)容 (Compelling Content) 在每頁中都要包含相關(guān)的、引人入勝的內(nèi)容，特別是當(dāng)你要銷售產(chǎn)品的時(shí)候，每一個(gè)頁面都要用詳細(xì)的內(nèi)容和圖片精心修飾一番。例如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢(shì)地位。 ? (1) 盡可能刪除與主題無關(guān)的欄目。 網(wǎng)站界面設(shè)計(jì) 欄目與板塊編排 構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，首先要列出提綱，才能主題明確、層次清晰。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。 ? (2) 盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。 ? (2) 各板塊要有相互關(guān)聯(lián)性。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。 (2) 按欄目?jī)?nèi)容建立子目錄。 目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 其他需要注意的還有：目錄的層次不要太深，不要超過 3層；不要使用中文目錄，使用中文目錄可能
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1