現(xiàn)代網(wǎng)頁設(shè)計與制作研討(編輯修改稿)
2025-02-05 14:37 本頁面
【文章內(nèi)容簡介】 雅的感覺。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 企業(yè)的標(biāo)準(zhǔn)色，也就是企業(yè)在自己標(biāo)志、產(chǎn)品及宣傳品等方面統(tǒng)一使用的一個固定的顏色。 ? 如：長虹公司的紅色， IBM的蔚藍(lán)色、可口可樂的紅色、聯(lián)想集團的藍(lán)色、希望集團的藍(lán)色。這些顏色與企業(yè)的形象又經(jīng)融為一體，成為企業(yè)的象征，使人們對它由熟悉了解而產(chǎn)生信任感和認(rèn)同感。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 國際電子商務(wù)中心是一個以提供電子商務(wù)技術(shù)服務(wù)為主的企業(yè)，而藍(lán)色是當(dāng)前該行業(yè)的流行色，考慮到其的行業(yè)特性，以及色彩的不同心理作用，公司的設(shè)計者最后確定藍(lán)色為公司網(wǎng)站的標(biāo)準(zhǔn)色彩，網(wǎng)站的背景色為白色， LOGO使用淺藍(lán)色，專業(yè)廣告句使用淺藍(lán)色，文字大部份使用黑色，鏈接使用淺藍(lán)色，輔助色是白色，點睛色是橙色。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 3．設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體 ? 在字體的設(shè)計應(yīng)注意以下準(zhǔn)則： ? ⑴文字必須清晰可讀，大小合適，文字的顏色和背景色有較為強烈的對比度，文字周圍的設(shè)計元素不能對文字造成干擾。 ? ⑵字體與網(wǎng)站的風(fēng)格的統(tǒng)一性、諧調(diào)性 ? ⑶盡可能少用游動文字、圖形文字。 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 網(wǎng)站導(dǎo)航設(shè)計ht t p: / / w w w . s ier danq i. c om /2023715 第二步：設(shè)計網(wǎng)站的 CI 形象 ? 因此該中心網(wǎng)站的設(shè)計師也選擇了網(wǎng)頁默認(rèn)的宋體為網(wǎng)站的主要字體。在導(dǎo)航和目錄的部份字體加粗，達(dá)到突出的效果。字體的主要色彩是黑色，輔助色是白色和藍(lán)色，顯得莊重、大方，個別地方用了較亮的紅起突出和點睛的作用。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 網(wǎng)站欄目規(guī)劃對于網(wǎng)站的成敗有著非常直接的關(guān)系，網(wǎng)站欄目兼具以下兩個功能，二者不可或缺。 ? 1．提綱挈領(lǐng)，點題明義。 ? 現(xiàn)在網(wǎng)絡(luò)的速度越來越快，網(wǎng)絡(luò)上的信息也越來越豐富，而瀏覽者卻越來越缺乏瀏覽耐心。在打開網(wǎng)站的數(shù)秒鐘內(nèi)，一旦找不到自己所需的信息，網(wǎng)站就會被瀏覽者毫不客氣地關(guān)掉。因此，網(wǎng)站的欄目規(guī)劃首先要做到 “提綱挈領(lǐng)、點題明義 ”，用最簡練的語言提煉出網(wǎng)站中每一個部分的內(nèi)容，清晰地告訴瀏覽者網(wǎng)站在說什么，有哪些信息和功能。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 2．指引迷途，清晰導(dǎo)航 ? 網(wǎng)站的內(nèi)容越多，瀏覽者也越容易迷失。除了 “提綱 ”的作用之外，網(wǎng)站的導(dǎo)航機制是網(wǎng)站內(nèi)容架構(gòu)的體現(xiàn)，網(wǎng)站導(dǎo)航是否合理是網(wǎng)站易用性評價的重要指標(biāo)之一。網(wǎng)站的導(dǎo)航機制一般包括全局導(dǎo)航、輔助導(dǎo)航、站點地圖等體現(xiàn)網(wǎng)站結(jié)構(gòu)的、對用戶進行引導(dǎo)的因素。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? （ 1）全局導(dǎo)航 ? 全局導(dǎo)航（又稱主導(dǎo)航，它是出現(xiàn)在網(wǎng)站的每一個頁面上一組通用的導(dǎo)航元素，以一致的外觀出現(xiàn)在網(wǎng)站的每一頁，扮演著對用戶最基本的訪問方向性指引。 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 注明： 1即站點的 logo，同時點擊 logo也可以返回到首頁， 2是網(wǎng)站的欄目設(shè)置， 3是站內(nèi)搜索， 4是與顧客轉(zhuǎn)化有關(guān)的常用工具 1 2 3 4 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 2） 輔助導(dǎo)航 ? 輔助導(dǎo)航又被稱作面包屑路徑或?qū)蛹壊藛?，體現(xiàn)為內(nèi)頁的 “當(dāng)前位置 ”提示。輔助導(dǎo)航的作用是無論用戶身處站內(nèi)何處，均不會迷路，尤其當(dāng)網(wǎng)站的欄目層次較多的時候，正確的輔助導(dǎo)航的設(shè)置尤為重要。它從另一個層面反映了網(wǎng)站的結(jié)構(gòu)層次，是對全局導(dǎo)航的有效補充 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? 注明：輔助導(dǎo)航出現(xiàn)在聯(lián)想網(wǎng)站的每一個內(nèi)頁緊靠主導(dǎo)航條下的位置，以 “”來對層級進行分隔，簡單而形象從視覺上暗示了瀏覽層次的前進方向；末尾的 “臺式機 ”和當(dāng)前所在頁面的名稱一致，并用不同的顏色加以突出，讓瀏覽者對當(dāng)前的所在位置一目了然 2023715 第三步：規(guī)化網(wǎng)站的欄目及鏈接 ? （ 3） 網(wǎng)站地圖
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1