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