版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、會計學1三網(wǎng)頁界面設計字體三網(wǎng)頁界面設計字體第第4 4章章 網(wǎng)頁中的字體設計網(wǎng)頁中的字體設計 文字,是人類思想感情交流的必然產(chǎn)物。隨著人類文明的進步,它由簡單而復雜,逐步形成了科學的完美而規(guī)范化的程式。它既具有人類思想感情的抽象意義與韻調(diào)和音響節(jié)律,又具有結(jié)構(gòu)完整,章法規(guī)范,而又變化無窮的鮮明形象。尤其是象形文字,更是抽象與具象的緊密結(jié)合,其文字的本身,也可說是一種完整的美術(shù)設計。1正確正確 不同漢字或拉丁字母的構(gòu)成,筆畫都是法定的,只要有一點筆劃不符,就成別字,輕則字義不同,重則不成其字,無人認得,這就完全失去了文字本身的作用。因此字形要做到確切無誤,既不能任意增加筆畫,也不能任意減少或改變
2、,以便保證期信息傳達功能的準確性。 4.1字體設計原理字體設計原理第1頁/共47頁2風格要統(tǒng)一 字母漢字,字體筆畫都必須統(tǒng)一。如寫漢字,不宜三筆隸體,二筆仿宋,寫拉丁字母也不宜把楷、小楷、花楷雜組一字,印刷體與手寫體也不能在一字中混合運用。3表情要適應文字內(nèi)容的精神 每一種字體,都有它自身的表情。選擇某種字體為設計美術(shù)字之基調(diào)時,應該按文字內(nèi)容的精神而定。做到表里一致,充分發(fā)揮出文字感染力的最大功能。 第2頁/共47頁4字型勻稱 字與字之間看起來要大小相稱,字的筆畫有繁有簡,要合理安排。5結(jié)構(gòu)嚴謹 字的結(jié)構(gòu)要做到多樣統(tǒng)一,均勻穩(wěn)定,疏密有致,變化有序。6對文字的形象進行藝術(shù)處理,以增強文字的傳
3、播效果。 第3頁/共47頁4.2字體與版式設計字體與版式設計 文字在排版設計中,不僅僅局限于信息傳達意義上的概念,而更是一種高尚的藝術(shù)表現(xiàn)形式。文字已提升到啟迪性和宣傳性、引領(lǐng)人們的審美時尚的新視角。文字是任何版面的核心,也是視覺傳達最直接的方式,運用經(jīng)過精心處理的文字材料,完全可以制作出效果很好的版面,而不需要任何圖形。1. 字體、字號 字體的設計、選用是排版設計的基礎。2.字距與行距 字距與行距的把握是設計師對版面的心理感受,也是設計師設計品味的直接體現(xiàn)。第4頁/共47頁3. 編排形式 文字的編排形式多種多樣4. 文字編排的特殊表現(xiàn) 文字在版式中扮演著重要的角色,同時它的形式也是靈活多變的
4、。 第5頁/共47頁4.3網(wǎng)頁中文字顏色的運用網(wǎng)頁中文字顏色的運用 一般來說,網(wǎng)頁的背景色應該柔和一些、素一些、淡一些,再配上深色的文字,使人看起來自然、舒暢。而為了追求醒目的視覺效果,可以為標題使用較深的顏色。下面是大家設計網(wǎng)頁和瀏覽的網(wǎng)頁時,對網(wǎng)頁背景色和文字色彩搭配經(jīng)常采用的色彩,這些顏色可以做正文的底色,也可以做標題的底色,再搭配不同的字體 第6頁/共47頁 網(wǎng)站的整體風格及其創(chuàng)意設計是站長們最希望掌握,也是最難以學習的。難就難在沒有一個固定的程式可以參照和模仿。當給出一個主題,任何兩人都不可能設計出完全一樣的網(wǎng)站。當人們說:“這個站點很cool,很有個性!”那么,是什么讓讀者覺得很c
5、ool呢?它到底和一般的網(wǎng)站有什么區(qū)別呢?可以從以下幾個方面討論: 第第5 5章章 網(wǎng)頁設計中的排版與布局網(wǎng)頁設計中的排版與布局5.1 網(wǎng)頁設計風格與創(chuàng)意網(wǎng)頁設計風格與創(chuàng)意5.1.1網(wǎng)站風格概述網(wǎng)站風格概述 風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。 風格是獨特的,是彼此之間的區(qū)別之一?;蛘呱剩蛘呒夹g(shù),或者是交互方式,能讓瀏覽者明確分辨出網(wǎng)站的獨有性。 風格是有人性的。通過網(wǎng)站的外表、內(nèi)容、文字、交流可以概括出一個站點的個性,情緒。 第7頁/共47頁5.1.25.1.2樹立網(wǎng)站風格樹立網(wǎng)站風格 風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。1.如
6、何樹立網(wǎng)站風格 確信風格是建立在有價值內(nèi)容之上的。一個網(wǎng)站有風格而沒有內(nèi)容,就好比繡花枕頭一包草,好比一個性格傲慢但卻目不識丁的人。首先必須保證內(nèi)容的質(zhì)量和價值性。 需要徹底搞清楚希望站點給人的印象是什么。 在明確網(wǎng)站印象后,開始努力建立和加強這種印象 。2.運用創(chuàng)意 創(chuàng)意(idea)是網(wǎng)站生存的關(guān)鍵。這一點相信大家都已經(jīng)認同。然而作為網(wǎng)頁設計師,最苦惱的就是沒有好的創(chuàng)意來源。 第8頁/共47頁 logo是徽標或者商標的英文說法,起到對徽標擁有公司的識別和推廣的作用。網(wǎng)絡中的徽標主要是各個網(wǎng)站用來與其它網(wǎng)站鏈接的圖形標志,代表一個網(wǎng)站或網(wǎng)站的一個板塊。5.2.1作用作用 1.LOGO是與其它網(wǎng)
7、站鏈接以及讓其它網(wǎng)站鏈接的標志和門戶。 2. LOGO是網(wǎng)站形象的重要體現(xiàn)。 3. LOGO能使大眾便于選擇。5.2網(wǎng)頁網(wǎng)頁Logo設計設計第9頁/共47頁5.2.2國際規(guī)范國際規(guī)范為了便于INTERNET上信息的傳播,一個統(tǒng)一的LOGO國際標準是需要的。實際上已經(jīng)有了這樣的一整套標準。其中關(guān)于網(wǎng)站的LOGO,目前有三種規(guī)格: 1. 88*31這是互聯(lián)網(wǎng)上最普遍的LOGO規(guī)格.2. 120*60 這種規(guī)格用于一般大小的LOGO。 3. 120*90 這種規(guī)格用于大型LOGO。 第10頁/共47頁5.2.35.2.3設計流程設計流程1.調(diào)研分析 標志不僅僅是一個圖形或文字的組合,它是依據(jù)企業(yè)的構(gòu)
8、成結(jié)構(gòu)、行業(yè)類別、經(jīng)營理念,并充分考慮標志接觸的對象和應用環(huán)境,為企業(yè)制定的標準視覺符號。 2.要素挖掘 要素挖掘是為設計開發(fā)工作做進一步的準備。3.設計開發(fā) 有了對企業(yè)的全面了解和對設計要素的充分掌握,可以從不同的角度和方向進行設計開發(fā)工作。4.標志修正 提案階段確定的標志,可能在細節(jié)上還不太完善,人們經(jīng)過對標志的標準制圖、大小修正、黑白應用、線條應用等不同表現(xiàn)形式的修正,使標志使用使更加規(guī)范,同時標志的特點、結(jié)構(gòu)在不同環(huán)境下使用時,也不會喪失,達到統(tǒng)一、有序、規(guī)范的傳播。 第11頁/共47頁5.2.45.2.4制作工具和方法制作工具和方法 目前并沒有專門制作LOGO的軟件,其實也并不需要這
9、樣的一種軟件。平時所使用的圖像處理軟件或者加上動畫制作軟件(如果要做一個動畫的LOGO的話)都可以很好地勝任這份工作,如FIREWORKS、PHOTOSHOP、Easy GIF Animator等。5.2.5良好的條件 一個好的LOGO應具備以下的幾個條件,或者具備其中的幾個條件: 1. 符合國際標準 2. 精美、獨特 3. 與網(wǎng)站的整體風格相融 4. 能夠體現(xiàn)網(wǎng)站的類型、內(nèi)容和風格 5. 在最小的空間盡可能的表達出整個網(wǎng)站、公司的創(chuàng)意,精神等第12頁/共47頁 LOGO的應用一直是CIS導入的基礎和最直接的表現(xiàn)形式,其重要性是不言而喻的, 通過對標識的識別、區(qū)別、引發(fā)聯(lián)想、增強記憶,促進被標
10、識體與其對象的溝通與交流,從而樹立并保持對被標識體的認知、認同,達到高效、提高認知度、美譽度的效果。作為時代的前衛(wèi),網(wǎng)絡LOGO的設計,更應遵循CIS的整體規(guī)律并有所突破。因此網(wǎng)絡標識的設計應具備以下要素:1.識別性 關(guān)于識別性要求必須容易識別,易記憶。這就要做到無論是從色彩還是構(gòu)圖上一定要講究簡單。2.特異性 所謂特異性就是要與其他的LOGO有區(qū)別,要有自己的特性,以區(qū)別于其它LOGO。 5.2.65.2.6制作要素制作要素第13頁/共47頁3.內(nèi)涵性 設計LOGO一定要有它自身的含義,否則就算做的再漂亮,再完美也只是形式上的漂亮,卻沒有一點意義。 4.法律意識 關(guān)于LOGO的法律意識一定要
11、注意敏感的字樣、形狀和語言。 5.整體形象規(guī)劃(結(jié)構(gòu)性) LOGO不同的結(jié)構(gòu)會給人不同的心理意識,就像水平線給人的感覺是平緩、穩(wěn)重、延續(xù)和平靜,豎線給人的感覺是高、直率、輕和浮躁感,點給人的感覺是擴張或收縮,容易引起人的注意等。 第14頁/共47頁5.2.7LOGO設計決定品牌命運設計決定品牌命運5.2.8logo5.2.8logo設計分類設計分類1.具象表現(xiàn)形式:具象表現(xiàn)形式:具象表現(xiàn)是忠實于客觀物象的自然形態(tài),對客觀物象采用經(jīng)過高度概括與提煉的具象圖形進行設計的一種表現(xiàn)形式。 人體造型的圖形人體造型的圖形 動物造型的圖形動物造型的圖形第15頁/共47頁 植物造型的圖形植物造型的圖形 器物造
12、型的圖形器物造型的圖形 自然造型的圖形自然造型的圖形第16頁/共47頁2.抽象表現(xiàn)形式抽象表現(xiàn)形式 抽象表現(xiàn)形式是以抽象的圖形符號來表達標志的含義,以理性規(guī)劃的幾何圖形或符號為表現(xiàn)形式。 圓形標志圖形 四方形標志圖形 第17頁/共47頁 三角形的標志圖形 多邊形標志圖形 方向形標志圖形第18頁/共47頁3.文字表現(xiàn)形式:文字表現(xiàn)形式: 文字表現(xiàn)是以標志形象與字體組合而成一個整體。標志是一種視覺圖形,但文字標志同時具有語言特征和語音形式。 漢字標志圖形 拉丁字母標志圖形 數(shù)字標志圖形第19頁/共47頁5.3 導航欄的統(tǒng)一與變化導航欄的統(tǒng)一與變化5.3.15.3.1導航欄導航欄 導航系統(tǒng)的作用:告
13、訴在哪里,可以去哪里,這里有什么,附近有什么,指引瀏覽著下一步的行為。1.導航系統(tǒng)的分類 全站、區(qū)域、情境式、輔助性導航。2.網(wǎng)站索引: 就是將網(wǎng)站的內(nèi)容以關(guān)鍵詞、詞匯、標簽按一定順序(字母、筆畫)排列而成。內(nèi)容之間可以沒有等級關(guān)系。3.指南: 設計指南主要依據(jù)以下原則: 指南要短。 無論何時,用戶都能離開指南。 允許用戶在指南中前進、后退的自由移動。 指南的設計目的是回答問題的。 截圖應該明確,具有把重點功能放大的效果。 如果指南有好幾頁,要有目錄。 第20頁/共47頁4.高級設計導航方法: 個性化就是針對個人的行為、需求、喜好提供剪裁后的網(wǎng)頁給用戶。 定制化(指用戶告訴人們想要什么,但有時
14、候用戶自己都不知道他們要需要什么)是給用戶直接控制權(quán),可以針對展現(xiàn)格式、導航和內(nèi)容選項的組合做調(diào)整。 可視化:讓用戶可能采用可視化的方式瀏覽。(在網(wǎng)上瀏覽博物館網(wǎng)站時就像逛現(xiàn)實生活中的博物館一樣身臨其境的感覺,) 。 社會化:用戶上網(wǎng)的需求點、興趣點可以從觀察其它用戶行為中推論出來的基礎上。 第21頁/共47頁打開網(wǎng)頁后,促使瀏覽者繼續(xù)瀏覽,除了主頁上的內(nèi)容外,按鈕設計起著至關(guān)的作用。好的按鈕設計一定會是醒目且能“勾引”用戶眼球的。以下是好的按鈕設計必不可少的5個特征:1.顏色顏色一定要能與平靜的頁面相比更加與眾不同,因此它要更亮而且有高對比度的顏色。2.位置它們應當“座落于”用戶期望更容易找
15、到它們的地方。產(chǎn)品旁邊、頁頭、導航的頂部右側(cè)這些都是醒目且不難找到的地方。 5.3.25.3.2按鈕設計按鈕設計第22頁/共47頁3.文字表達 在按鈕上使用什么文字表達給用戶是非常重要的。它應當簡短并切中要點,并以動詞開始,如:注冊、下載、創(chuàng)建、嘗試等。 4.尺寸問題 如果它是你最重要的按鈕并且你希望更多的用戶點擊它,那么讓它更醒目些是沒有壞處的。把這個按鈕設計的比其他按鈕更大些并讓用戶在更多的地方找到并點擊它。 5.可“呼吸”的空間 按鈕不能和網(wǎng)頁中的其他元素擠在一起。它需要充足的margin(外邊距)才能更加突出,也需要更多的padding(內(nèi)邊距)才能讓文字更容易閱讀。 第23頁/共47
16、頁 在網(wǎng)頁設計中,簡約并不一定等同于極簡主義者的設計美學。簡約的網(wǎng)站只是從設計、內(nèi)容、以及代碼中移除了所有不必要的元素。而極簡主義的網(wǎng)站普遍符合這一標準,有許多網(wǎng)站,不管你如何想象,都不會被認為是仍適合簡單定義的“極簡主義”。5.4網(wǎng)頁的簡約設計網(wǎng)頁的簡約設計5.4.1簡約設計的特點簡約設計的特點 1.簡約的設計讓網(wǎng)站更容易導航。 2. 簡約的設計讓頁面加載更快。 3. 簡約的設計讓內(nèi)容更容易被“瀏覽”。 4. 簡約的網(wǎng)站設計和創(chuàng)建會更快速。 5. 簡約的代碼更容易避免漏洞。 6. 較小的文件意味著較少的服務器空間第24頁/共47頁5.4.2怎樣使網(wǎng)站變得簡約怎樣使網(wǎng)站變得簡約 1.移除不必要
17、的裝飾元素 。 2.經(jīng)常問自己“這些元素真的很重要嗎?” 3.網(wǎng)站上哪些元素是可以被合并的。 4.一些頁面是否可以合并成一個頁面? 5.確保網(wǎng)站后端和前端一樣的簡約 第25頁/共47頁5.5網(wǎng)頁中的版式設計網(wǎng)頁中的版式設計 探討網(wǎng)頁的版式設計的藝術(shù)表現(xiàn)方法,把握網(wǎng)頁版式設計的發(fā)展趨勢,把傳統(tǒng)平面設計中美的形式規(guī)律同現(xiàn)代網(wǎng)頁設計的具體問題相結(jié)合,將平面設計中美的基本形式和元素運用到網(wǎng)頁中去,對于提高網(wǎng)頁表現(xiàn)力、改善網(wǎng)站的運營效果,無疑具有重要意義。5.5.1版式設計在網(wǎng)頁中的藝術(shù)表現(xiàn) 版式設計,就是在版面上,將有限的視覺元素進行有機的排列組合,并通過理性思維,用個性化的方式表現(xiàn)出具有個人風格和藝
18、術(shù)特色的視覺效果。它使得版面在傳達信息的同時,也產(chǎn)生感官上的美感。版式設計是現(xiàn)代設計藝術(shù)的重要組成部分,它不僅是一種技能,更體現(xiàn)了技術(shù)與藝術(shù)的高度統(tǒng)一。隨著互聯(lián)網(wǎng)和計算機技術(shù)的不斷進步,網(wǎng)絡以其獨特的優(yōu)勢迅速覆蓋了全球。由于它的發(fā)展融合了更多的新技術(shù),使其藝術(shù)表現(xiàn)形式比傳統(tǒng)媒體更為多樣,并具有一些獨有特點。 第26頁/共47頁1.高互動性、多維性和效果多元性 互動性是媒體的基本特征,不同媒體的互動程度和互動形式不同。為保持瀏覽者對網(wǎng)站的新鮮感,很多網(wǎng)站總是定期或不定期的進行改版,內(nèi)容更是需要經(jīng)常改變甚至“時時更新”。這就需要在保持網(wǎng)站視覺形象一貫性的基礎上,不斷創(chuàng)作新的網(wǎng)頁設計作品,高互動媒體
19、特性造成網(wǎng)頁版式設計需要不斷更新并且在設計上更要注意互動性的體現(xiàn),否則其網(wǎng)頁作品就會淹沒在互聯(lián)網(wǎng)的汪洋之中。 第27頁/共47頁2.“不可控制”的效果和“DIY”的網(wǎng)頁版式 網(wǎng)絡應用很難制訂出統(tǒng)一的標準,這導致網(wǎng)頁版式設計效果的不可控制性。 網(wǎng)頁版式甚至可以根據(jù)瀏覽者的喜好自主選擇和改變,現(xiàn)在有些網(wǎng)站就為瀏覽者提供若干種排版風格方案,以供瀏覽者“DIY” 。3.網(wǎng)絡技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合 毋庸置疑,網(wǎng)頁制作的每一次進步都是技術(shù)的革新帶來的,網(wǎng)頁版式設計這種藝術(shù)則對技術(shù)有著深刻的依賴性,技術(shù)的更新不斷改變著它的本質(zhì)。 第28頁/共47頁網(wǎng)絡技術(shù)日新月異的發(fā)展給網(wǎng)頁設計帶來了新的表現(xiàn)天地。在網(wǎng)絡
20、世界里,技術(shù)始終起著先導作用,設計則隨著它的發(fā)展而發(fā)展,技術(shù)更新對網(wǎng)頁版式設計的影響無疑是巨大的。1.技術(shù)的更新將使網(wǎng)頁版式設計不斷增加新的設計元素 表格布局將被CSS布局取代 新型瀏覽器的出現(xiàn)將使網(wǎng)頁設計更趨簡約5.5.25.5.2網(wǎng)頁版式設計的發(fā)展趨勢網(wǎng)頁版式設計的發(fā)展趨勢第29頁/共47頁2. 設計方式將遵循新的要求 網(wǎng)頁像書籍一樣有文字、有圖片,像電視一樣有動態(tài)影畫、聲音,幾乎融合了所有媒體的特性。預計在今后,網(wǎng)絡不僅會作為一個獨立的媒體而成長,而且會成為聯(lián)系各大媒體的重要工具,處處顯示出極強的生命力。同時,經(jīng)驗的積累和新技術(shù)的運用也將促進網(wǎng)頁版式設計方式遵循新的要求。 更為注重色彩搭
21、配 巧妙運用flash 注重頁面層次和版式細節(jié) 建立合理的“路標”第30頁/共47頁 動畫是一種動態(tài)的視覺上的表達、形式和結(jié)構(gòu),并隨時間推移而變化。動畫十分普遍,用途不盡相同,人們在計算機上、尤其是網(wǎng)頁上和在線廣告中常??梢钥吹?。一些設計者使用動畫來傳遞信息,并認為在有限的計算機屏幕上動畫比文本有用的多,但是人們對于動畫的效果卻要小心謹慎。 多數(shù)人在多數(shù)情況下認為網(wǎng)頁上的動畫是令人討厭的。很多瀏覽者在瀏覽網(wǎng)頁時常常會被網(wǎng)頁上的動畫所干擾,或者被分散了注意力,特別是當動畫不能給瀏覽者正在進行的工作帶來任何信息的時候。這種動畫被認為是對瀏覽者的“非主要信息刺激”或者“輔助刺激”。換句話說,他們不能
22、對瀏覽者正在進行的查找數(shù)據(jù)任務或者當前所需要的信息帶來任何有價值的信息。這類非主要信息刺激動畫會引起視覺上的干擾,這種干擾影響了瀏覽者搜尋信息的能力。無關(guān)緊要的動畫經(jīng)常出現(xiàn)或者突然出現(xiàn),往往會分散瀏覽者在有用信息上的注意力。因此,當人們在網(wǎng)頁上搜尋有用信息時,常常會受到這些動畫的干擾,正確獲得所需信息的時間也隨之變長,這十分令人討厭。 第第6 6章章 網(wǎng)頁動畫網(wǎng)頁動畫第31頁/共47頁6.1網(wǎng)絡動畫的分類網(wǎng)絡動畫的分類6.1.1 FLAS動畫 FLASH動畫是近幾年出現(xiàn)的一種新的事物,他是由美國的 MACROMEDIA 公司推出的一款多媒體動畫制作軟件。它是一種交互式動畫設計工具,用它可以將音
23、樂,聲效,動畫方便地融合在一起,以制作出高品質(zhì)的動態(tài)效果,或者說是動畫。6.1.2.GIF動畫 GIF 廣泛支持 Internet 標準。支持無損耗壓縮和透明度。動畫 GIF 很流行,易于使用許多 GIF 動畫程序創(chuàng)建。 GIF 只支持 256 色調(diào)色板,因此,詳細的圖片和寫實攝影圖像會丟失顏色信息,而看起來卻是經(jīng)過調(diào)色的。在大多數(shù)情況下,無損耗壓縮效果不如 JPEG 格式或 PNG 格式。GIF 支持有限的透明度,沒有半透明效果或褪色效果 第32頁/共47頁6.1.3三維動畫三維動畫 三維動畫又稱3D動畫,是近年來隨著計算機軟硬件技術(shù)的發(fā)展而產(chǎn)生的一新興技術(shù)。三維動畫軟件在計算機中首先建立一
24、個虛擬的世界,設計師在這個虛擬的三維世界中按照要表現(xiàn)的對象的形狀尺寸建立模型以及場景,再根據(jù)要求設定模型的運動軌跡、虛擬攝影機的運動和其它動畫參數(shù),最后按要求為模型賦上特定的材質(zhì),并打上燈光。當這一切完成后就可以讓計算機自動運算,生成最后的畫面。 三維flash是利用計算機圖形學技術(shù),將需要展示的產(chǎn)品在計算機中先進行逼真的三維模擬運行演示,然后再通過專業(yè)軟件壓縮轉(zhuǎn)換成一個完全適合在網(wǎng)頁上流暢運行的flash文件。 三維flash在網(wǎng)頁上運行很流暢,瀏覽者無需下載插件,打開網(wǎng)頁就可看到產(chǎn)品演示。 第33頁/共47頁6.2網(wǎng)絡動畫的制作網(wǎng)絡動畫的制作6.2.1常用軟件常用軟件制作動畫的軟件包括:M
25、aya Softimage 3Dmax LIGHTWAVE Alias 是三維動畫制作軟件Animator、ANIMO、TOONZ、RETAS PRO 商業(yè)二維動畫TOOB BOOM STUDIO、HARMONY、SOLO、flash 網(wǎng)頁二維動畫制作網(wǎng)絡中常見的flash動畫是用FLASH制作的,一些banner是由FLASH或者imageready制作的,當然三維軟件制作的動畫也可以通過插件轉(zhuǎn)為二維動畫。第34頁/共47頁6.2.2傳輸速度傳輸速度 網(wǎng)絡傳輸速度是相對固定的,在此前提下,網(wǎng)站的文件量越小,傳輸?shù)男畔⑺俣染驮娇欤匀藗円M可能的對網(wǎng)頁進行優(yōu)化。6.2.3風格統(tǒng)一風格統(tǒng)一 統(tǒng)
26、一,是指設計作品的整體性,一致性。設計作品的整體效果是至關(guān)重要的,在設計中切勿將各組成部分孤立分散,那樣會使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。 網(wǎng)頁上所有的圖像、文字,包括象背景顏色、區(qū)分線、字體、標題、注腳什么的,要統(tǒng)一風格,貫穿全站。 第35頁/共47頁6.3網(wǎng)絡動畫的指導方針網(wǎng)絡動畫的指導方針 研究結(jié)果表明人們必須小心地設計網(wǎng)頁動畫以免對瀏覽者產(chǎn)生負面影響。以下列出設計網(wǎng)頁動畫的十個原則。1不要干擾在重要信息上的注意力。2避免混亂。3設定合適的持續(xù)時間。4管理布局和組織顯示對象。5遵守顏色的慣例。6使用文本和聽覺信息來輔助動畫。7關(guān)注對符號學的探究。8遵從合作原則。9向迪斯尼學習。10避
27、免設計“近視”。第36頁/共47頁第第7 7章章 網(wǎng)絡形象設計網(wǎng)絡形象設計(IVIS)(IVIS)與廣告?zhèn)髅脚c廣告?zhèn)髅?.1視覺識別系統(tǒng)視覺識別系統(tǒng) VI(Visual Identity),通譯為視覺識別,是CIS系統(tǒng)中最具傳播力和感染力的層面。7.1.1VI應用要素系統(tǒng)設計類別應用要素系統(tǒng)設計類別 1待客用項目類 洽談會、會客廳、會議廳家具、煙灰缸、坐墊、招待餐飲具、客戶用文具。 2商品及包裝類 商品包裝設計、包裝紙、包裝箱、包裝盒、各種包裝用的徽章、封套、封緘、粘貼商標、膠帶、標簽等。 3符號類 公司名稱招牌、建筑物外觀、招牌、室外照明、霓虹燈、出入口指示、櫥窗展示、活動式招牌、路標、紀念
28、性建筑、各種標示牌、經(jīng)銷商用各類業(yè)務招牌、標示。 第37頁/共47頁4賬票類 訂單、貨單、賬單、委托單、各類賬單、申請表、通知書、確認信、契約書、支票、收據(jù)等。 5文具類 專用信箋、便條、信封、文件紙、文件袋、介紹信等。 6服裝類 男女職工工作服、制服、工作帽、領(lǐng)帶、領(lǐng)結(jié)、手帕、領(lǐng)帶別針、傘、手提袋等。 7出版印刷類 股票、年度報告書、公司一覽表、調(diào)查報告、自辦報刊、公司簡歷、概況、獎狀等。 第38頁/共47頁8大眾傳播類 報紙廣告、雜志廣告、電視廣告、廣播廣告、郵寄廣告等。 9SP類 產(chǎn)品說明書、廣告?zhèn)鞑巍⒄故緯贾?、公關(guān)雜志、促銷宣傳物、視聽資料、季節(jié)問候卡、明信片、各種POP類。 10
29、交通類 業(yè)務用車、宣傳廣告用車、貨車、員工通勤車等外觀識別。 11證件類 徽章、臂章、名片、識別證、公司旗幟。第39頁/共47頁7.1.2VI設計的基本原則 VI的設計不是機械的符號操作,而是以MI為內(nèi)涵的生動表述。所以,VI設計應多角度、全方位地反映企業(yè)的經(jīng)營理念。同時VI設計不是設計人員的異想天開,而是要求具有較強的可實施性。 風格的統(tǒng)一性原則 強化視覺沖擊的原則 強調(diào)人性化的原則 增強民族個性與尊重民族風俗的原則 可實施性原則 符合審美規(guī)律的原則 嚴格管理的原則第40頁/共47頁7.2網(wǎng)絡形象設計網(wǎng)絡形象設計 互聯(lián)網(wǎng)的發(fā)展使視覺文化識別出現(xiàn)了新的空間和領(lǐng)域。網(wǎng)站的外觀形象設計非常重要。網(wǎng)站的形象設計表面上看,它不過是頁面版式編排的技巧與方法,而實際上,它不僅是一種技能,更是藝術(shù)與技術(shù)的高度統(tǒng)一。它從企業(yè)整體形象塑造的角度出發(fā),網(wǎng)站形象的設計不僅僅是單一的網(wǎng)頁設計,而應該是企業(yè)理念(MI)和企業(yè)行為(BI)在網(wǎng)頁設計中的具體化體現(xiàn),這決定了網(wǎng)站形象設計的原則: 第41頁/共47頁1.設計主題鮮明一方面通過對網(wǎng)頁主題思想運用邏輯規(guī)律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構(gòu)成元素運用藝術(shù)的形式美法則進行條理性處理,
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2017村黨支部書記述職報告范文3篇
- 胎盤EVs在細胞信號轉(zhuǎn)導中的應用-洞察分析
- 碳金融產(chǎn)品創(chuàng)新案例-洞察分析
- 專題2.1 有理數(shù)的加法【八大題型】(舉一反三)(人教版2024)(解析版)
- 無人駕駛在交通領(lǐng)域的應用研究-洞察分析
- 投資管理行業(yè)數(shù)字化轉(zhuǎn)型-洞察分析
- 藝術(shù)教育政策環(huán)境分析-洞察分析
- 私募行業(yè)的大數(shù)據(jù)挖掘與價值發(fā)現(xiàn)-洞察分析
- 響應式UI框架探索-洞察分析
- 甜菊苷在食品工業(yè)中的應用-洞察分析
- 2024年泉州德化城建集團招聘筆試參考題庫含答案解析
- 負指數(shù)冪的計算題50道初一
- 壓力管道無損檢測通用工藝
- 南京市玄武區(qū)北京東路小學六年級上冊期末數(shù)學試卷及答案
- 北京二中學教育集團2024屆數(shù)學八上期末綜合測試試題含解析
- 甲基丙二酸血癥
- 23秋國家開放大學《液壓氣動技術(shù)》形考任務1-3參考答案
- 移動時代騰訊O2O戰(zhàn)略研究
- 公司勞動紀律考核辦法
- 21ZJ111 變形縫建筑構(gòu)造
- 三年級上冊美術(shù)教學設計-第19課吉祥虎 贛美版
評論
0/150
提交評論