淮安網(wǎng)站建設(shè)ppt課件-資料下載頁
2024-12-08 05:01本頁面
【正文】 重要的。例如在一個介紹電腦的界面上，將一臺電腦放在界面的左邊，看起來似乎要倒向右邊，但在界面的左邊設(shè)計者安排了粗體的標(biāo)題和文字，恰好起到了支撐作用，使人感覺非常平穩(wěn)，這就是平衡帶來的藝術(shù)效果。達(dá)到平衡的一種方法是將界面在高度上三等分，圖形的中軸落在下三分之一劃分線上，這樣就可以保持空間上的平衡。 平衡并不是對稱。以一點(diǎn)為起點(diǎn)，向左右同時展開的形態(tài)，稱為左右對稱形，應(yīng)用對稱的原理可以發(fā)展出旋渦等形狀復(fù)雜的平衡狀態(tài)。我國的古典藝術(shù)，大多講究對稱原則。應(yīng)用對稱，可以使用戶產(chǎn)生莊重威嚴(yán)感，但缺少活潑性。在界面設(shè)計上，一般不認(rèn)可對稱原則?，F(xiàn)代造型藝術(shù)也向“非對稱”方向發(fā)展。當(dāng)然，在畫面需要表達(dá)傳統(tǒng)風(fēng)格時，對稱仍是較好的表現(xiàn)手段。 中心也是平衡的一個方面。在人的感覺上，左右會有微妙的差異。如果某界面右下角有一處吸引力特別強(qiáng)的地方，考慮左右平衡時，如何處理這個地方，就成為關(guān)鍵問題。人的視覺對從左上到右下的流向較為自然。將右下角空著來編排標(biāo)題與插圖，就會產(chǎn)生一種自然的流向，反之，就會失去平衡而顯得不自然。 70 圖 211 平衡 71 4．趣味原則 在界面設(shè)計中注意“趣味性”可以“寓用于樂”。除了運(yùn)用形象、直觀、生動的圖形優(yōu)化界面來提高趣味性，利用以下方法也能提高趣味性。 1）比例 2）強(qiáng)調(diào) 3）凝聚與擴(kuò)散 4）形態(tài)的意向 5）變化率 6）規(guī)律感 7）導(dǎo)向 8）空白區(qū) 9）屏幕上的文字 72 圖 212 趣味 73 網(wǎng)頁的點(diǎn)、線、面的運(yùn)用 點(diǎn)、線、面是構(gòu)成視覺空間的基本元素，是表現(xiàn)視覺形象的基本設(shè)計語言。 1）點(diǎn)的視覺構(gòu)成 在網(wǎng)頁中，一個單獨(dú)而細(xì)小的形象可以稱之為點(diǎn)。點(diǎn)是相比較而言的，比如一個漢字是由很多筆劃組成的，但是在整個頁面中，它可以稱為一個點(diǎn)。點(diǎn)也可以是一個網(wǎng)頁中相對微小單純的視覺形象，如一個按鈕、一個 Logo等。點(diǎn)是相對線和面而存在的視覺元素。點(diǎn)是構(gòu)成網(wǎng)頁的最基本單位，使用得當(dāng)，可以畫龍點(diǎn)睛。一個網(wǎng)頁往往需要有數(shù)量不等、形狀各異的點(diǎn)來構(gòu)成。點(diǎn)的形狀、方向、大小、位置、聚集和發(fā)散，能夠給人帶來不同的心理感受。下面以具體的頁面為例介紹點(diǎn)的運(yùn)用和表現(xiàn)。 74 圖 213 點(diǎn)的構(gòu)成 75 圖 214 點(diǎn)的構(gòu)成 76 2） 線的視覺構(gòu)成 點(diǎn)的延伸形成線 。 線在頁面中的作用在于表示方向 、 位置 、 長短 、 寬度 、形狀 、 質(zhì)量和情緒 。 線是分割頁面的主要元素之一 ， 是決定頁面現(xiàn)象的基本要素 。 線的總體形狀有垂直 、 水平 、 傾斜 、 幾何曲線 、 自由線這幾種 。 將不同的線運(yùn)用到頁面設(shè)計中 ， 會獲得不同的效果 。 根據(jù)情況運(yùn)用線條 ， 可以充分地表達(dá)所要體現(xiàn)的東西 。 線條除了體現(xiàn)情感外 ， 還能夠利用粗細(xì) 、 虛實(shí) 、 漸變 、放射產(chǎn)生深度空間和廣度空間 。 77 圖 215 線的構(gòu)成 78 圖 216 線的構(gòu)成 79 3） 面的視覺構(gòu)成 線的推移形成面 。 面是無數(shù)點(diǎn)和線的組合 。 面具有一定的面積和質(zhì)量 ， 占據(jù)空間的位置最多 ， 因而相比點(diǎn)和線來說 ，視覺沖擊力更大更強(qiáng)烈 。 面的形狀可以分為以下幾種：方 、 圓 、 三角 、多邊型和有機(jī)切面 。 面具有鮮明的個性和情感特征 ，只有合理地安排好面的關(guān)系 ， 才能設(shè)計出充滿美感 ，藝術(shù)加實(shí)用的網(wǎng)頁作品 。 80 圖 217 面的構(gòu)成 81 圖 218 面的構(gòu)成 82 圖 219 面的構(gòu)成 83 網(wǎng)頁中文字和圖形的設(shè)計 圖形和文字是網(wǎng)頁的兩大構(gòu)成元素，缺一不可。如何處理好文字和圖片的設(shè)計成了整個頁面制作的關(guān)鍵。 1．文字的設(shè)計 1）文字設(shè)計的原則 在文字的組合中，要注意以下幾個方面： （ 1）人們的閱讀習(xí)慣。 （ 2）字體的外形特征。 （ 3）要有一個設(shè)計基調(diào)。 （ 4）注意負(fù)空間的運(yùn)用。 84 （ 5）在有圖片的版面中，文字的組合應(yīng)相對較為集中。 （ 6）同版面的文字應(yīng)控制在三種字型以內(nèi)。 （ 7）文字的顏色應(yīng)控制在三種顏色以內(nèi)，已選過的文字在顏色上要能與未選過的文字有所區(qū)別，也要與背景有所區(qū)分。 （ 8）內(nèi)文的排列最好向左對齊并與左邊界保持適當(dāng)距離，可以利用表格填入文字來達(dá)到此效果。 （ 9）表格或清單內(nèi)的字應(yīng)該運(yùn)用相同字型與字體大小，以利辨別。 85 2）文字在網(wǎng)頁中的具體編排 （ 1）文字字號的選擇 最適合于網(wǎng)頁正文顯示的字體大小為 12磅左右。 （ 2）文字字體的選擇 一般來說正文內(nèi)容最好采用缺省字體。 （ 3）文字行距的設(shè)置 行距的變化會對文本的可讀性產(chǎn)生很大影響。一般情況下，接近字體尺寸的行距設(shè)置比較適合正文。 86 2．圖形的設(shè)計 下面介紹一些對圖片進(jìn)行處理的方法，以使圖片能在網(wǎng)頁中迅速顯示出來。 （ 1）選好圖片格式 （ 2）減少圖片色彩數(shù)量 （ 3）對圖片進(jìn)行適當(dāng)壓縮 （ 4）控制圖片的尺寸 （ 5）更改圖片的顯示方式 最后，還要說明一點(diǎn)的是：在制作圖片時，單張圖片不要超過 30KB，一般情況，每個網(wǎng)頁的圖片總量不要超過60KB。 87 網(wǎng)站首頁的設(shè)計 首頁設(shè)計最好秉持干凈而清爽的原則，同時還應(yīng)該注意以下幾個方面。 （ 1）若無需要，盡量不要放置大圖或加上不當(dāng)?shù)某绦?，因?yàn)樗鼤黾酉螺d的時間，會導(dǎo)致瀏覽者失去耐心。 （ 2）畫面不要設(shè)計得雜亂無章，使瀏覽者不易找到所要的東西。 （ 3）重視標(biāo)識（ Logo）的設(shè)計。 （ 4）首頁中不要出現(xiàn)“自我介紹”之類的東西。 （ 5）不要把“歡迎光臨”之類的字眼掛得太大，甚至放在首頁的主窗口。 （ 6）最忌“建設(shè)中”。 88 網(wǎng)頁制作工具概述 網(wǎng)頁設(shè)計的常用工具 1． 入門 級軟件工具 ——FrontPage 2． 提高級 軟件工具 ——Dreamweaver 網(wǎng)頁設(shè)計的 輔助美化 工具 1． Photoshop 2． Fireworks 3． Flas
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1