網(wǎng)頁美工設(shè)計(jì)-字體設(shè)計(jì).ppt

項(xiàng)目3網(wǎng)頁字體設(shè)計(jì) 任務(wù)1千變?nèi)f化的字體設(shè)計(jì)課件 建議2學(xué)時(shí) 學(xué)習(xí)目標(biāo) 1 了解網(wǎng)頁字體以及字體的編排 2 掌握網(wǎng)頁字體的設(shè)計(jì)原則 3 掌握不同風(fēng)格的字體在不同頁面中的應(yīng)用 4 學(xué)會(huì)常見字體的特效設(shè)計(jì) 知識(shí)準(zhǔn)備 了解網(wǎng)頁中的字體 案例欣賞 下圖為以字體為主的網(wǎng)頁 知識(shí)準(zhǔn)備 了解網(wǎng)頁中的字體 案例分析 1 表現(xiàn)形式 用字體和簡(jiǎn)易圖形作為網(wǎng)頁界面的主要表現(xiàn)目標(biāo) 2 色彩運(yùn)用 色彩上采用黑色 橙色和灰色相結(jié)合的設(shè)計(jì)方式 3 欄目設(shè)置 依據(jù)易用性原則 設(shè)置了網(wǎng)站的各要素 4 動(dòng)態(tài)效果設(shè)計(jì) 當(dāng)鼠標(biāo)點(diǎn)擊導(dǎo)航 圖片和具體內(nèi)容時(shí) 輕松進(jìn)入站點(diǎn) 簡(jiǎn)單 明了 易于操作 知識(shí)準(zhǔn)備 了解網(wǎng)頁中的字體 理論概要 1 字體設(shè)計(jì) 字體 字號(hào) 字體的粗細(xì) 字距和行距 2 字體編排設(shè)計(jì) 兩端對(duì)齊 一端對(duì)齊 居中對(duì)齊 文字繞圖 自由編排 3 字體的風(fēng)格 動(dòng)感活力 穩(wěn)重規(guī)范 隨意瀟灑 活潑可愛 雅致端莊 簡(jiǎn)單大方 4 文字編排中常見的設(shè)計(jì)方式 5 字體色彩設(shè)計(jì) 6 網(wǎng)頁字體的設(shè)計(jì)原則 字體 字號(hào) 字體的粗細(xì) 字距和行距 兩端對(duì)齊 一端對(duì)齊 居中對(duì)齊 文字繞圖 自由編排 動(dòng)感活力 穩(wěn)重規(guī)范 隨意瀟灑 活潑可愛 雅致端莊 簡(jiǎn)單大方 同等重量 級(jí)別的內(nèi)容 文字大小 粗細(xì)的變化需統(tǒng)一 以便瀏覽者分清主從關(guān)系 更好的理解文字內(nèi)容和所傳達(dá)的信息 運(yùn)用通欄方式編排文字 頁面顯得規(guī)整有序 更利于瀏覽者閱讀 運(yùn)用分欄方式編排文字 可豐富網(wǎng)頁版面 字體編排與網(wǎng)站色彩 風(fēng)格需統(tǒng)一 例如女性網(wǎng)站可選用秀麗的細(xì)體字 男性網(wǎng)站可選用挺拔的粗體字 兒童網(wǎng)站可選用可愛的藝術(shù)字 藝術(shù)字體的運(yùn)用可增添頁面的獨(dú)特魅力 特立獨(dú)行的藝術(shù)字可給瀏覽者強(qiáng)烈的視覺沖擊力 從而加深對(duì)網(wǎng)站得印象 不同程度的傾斜字體可以給瀏覽者不同的視覺效果 并為網(wǎng)頁注入新的活力 增添網(wǎng)頁的動(dòng)感和韻味 對(duì)比色的運(yùn)用 多種顏色字體的配置效果 利用強(qiáng)調(diào)色突出網(wǎng)站的特別信息 字體是網(wǎng)頁的重要組成部分 字體設(shè)計(jì)的好壞直接影響網(wǎng)頁的美觀及內(nèi)容的有效傳播 所以設(shè)計(jì)字體的時(shí)候要遵循以下幾個(gè)基本原則 設(shè)置字體時(shí) 盡可能使用通俗易懂的常用字體 避免繁雜凌亂 防止字體失去可讀性功用 設(shè)置字體時(shí) 不宜選擇過多種字體 以3種以內(nèi)為宜 設(shè)置字體時(shí) 根據(jù)實(shí)際情況選擇字號(hào) 不宜過大或過小 設(shè)置字體時(shí) 字體要與網(wǎng)站的主題統(tǒng)一 以便更好的傳遞信息 任務(wù)1 千變?nèi)f化的字體設(shè)計(jì) 本任務(wù)是修改網(wǎng)頁中文字的字體 字號(hào)和位置 如下圖所示 任務(wù)分析 本任務(wù)將是修改網(wǎng)頁中文字的字體 字號(hào)和位置 感受網(wǎng)頁中千變?nèi)f化的文字效果 該圖為一美容機(jī)構(gòu)網(wǎng)站的局部截取圖 從網(wǎng)站的布局 圖片的配置到色彩的整體搭配都非常美觀 但是由于網(wǎng)頁中文字的使用不當(dāng) 使網(wǎng)頁看起來失色不少 在視覺傳達(dá)的過程中 文字除了傳遞信息的功能外 還具有傳達(dá)情感的功能 因此它必須有視覺上得美感 設(shè)計(jì)精良 美觀的文字使人感到愉悅 從而獲得良好的心理反應(yīng)更好的發(fā)揮功效 任務(wù)實(shí)施 1 打開素材圖片 2 修改文字字體 3 修改文字字號(hào) 4 修改文字位置 5 改變字體顏色 參照教材中 任務(wù)實(shí)施 嘗試操作 完成網(wǎng)頁中字體的修改 拓展探索 根據(jù)任務(wù)1的實(shí)例 重新設(shè)計(jì)編排網(wǎng)頁中的文字 要求字體的設(shè)計(jì)與網(wǎng)頁的整體風(fēng)格既和諧統(tǒng)一 又要富有一定的變化 從而起到有效傳遞