網(wǎng)頁設(shè)計與平面設(shè)計以及網(wǎng)頁特效.docx

網(wǎng)頁設(shè)計：就是制作網(wǎng)頁的工程師，前臺頁面的制作，證件就是畢業(yè)證，不過現(xiàn)在人家要的是實力，即使沒有證件而有實力也能找到工作。 平面設(shè)計 什么是平面設(shè)計? （1） 用一些特殊的操作來處理一些已經(jīng)數(shù)字化的圖像的過程。 （2） 它是集電腦技術(shù)、數(shù)字技術(shù)和藝術(shù)創(chuàng)意于一體的綜合內(nèi)容。 了解設(shè)計的定義和概念將是了解設(shè)計的第一步，有助于了解我們作為一名準平面設(shè)計師的職責(zé)范圍。 第一節(jié)：平面設(shè)計的正名與分類 設(shè)計一詞來源于英文design，包括很廣的設(shè)計范圍和門類建筑：工業(yè)、環(huán)藝、裝潢、展示、服裝、平面設(shè)計等等,而平面設(shè)計現(xiàn)在的名稱在平常的表述中卻很為難，因為現(xiàn)在學(xué)科之間的交*更廣更深，傳統(tǒng)的定義，例如現(xiàn)行的叫法“平面設(shè)計（graphis design）視覺傳達設(shè)計、裝潢設(shè)計，這也許與平面設(shè)計的特點有很大的關(guān)系，因為設(shè)計無所不在、平面設(shè)計無所不在，從范圍來講用來印刷的都和平面設(shè)計有關(guān)，從功能來講“對視覺通過人自身進行調(diào)節(jié)達到某種程度的行為”，稱之為視覺傳達，即用視覺語言進行傳遞信息和表達觀點，而裝潢設(shè)計或裝潢藝術(shù)設(shè)計則被公認為極不準確的名稱，帶有片面性。 現(xiàn)在，在了解了對平面設(shè)計范圍和內(nèi)涵的情況下，我們再來看看平面設(shè)計的分類，如形象系統(tǒng)設(shè)計、字體設(shè)計、書籍裝幀設(shè)計、行錄設(shè)計、包裝設(shè)計、海報/招貼設(shè)計可以這樣說有多少種需要就有多少種設(shè)計。 另外，商業(yè)設(shè)計與藝術(shù)設(shè)計很顯然是存在的。 第二節(jié)：平面設(shè)計的概念 設(shè)計是有目的的策劃，平面設(shè)計是這些策劃將要采取的形式之一，在平面設(shè)計中你需要用視覺元素來傳播你的設(shè)想和計劃，用文字和圖形把信息傳達給受眾，讓人們通過這些視覺元素了解你的設(shè)想和計劃，這才是我們設(shè)計的定義。一個視覺作品的生存底線，應(yīng)該看他是否具有感動他人的能量，是否順利地傳遞出背后的信息，事實上她更象人際關(guān)系學(xué)，依*魅力來征服對象，你的設(shè)計有抓住人心的魅力嗎？是一見鐘情式的還是水到渠成式的，你需要象一個溫文爾雅的紳士還是一個不修邊幅的叛逆之子，或是治學(xué)嚴謹?shù)膶W(xué)者。事實上平面設(shè)計者所擔任的是多重角色，你需要知己知彼，你需要調(diào)查對象，你應(yīng)成為對象中的一員，卻又不是投其所好，夸夸其談，你的設(shè)計代表著客戶的產(chǎn)品，客戶需要你的感情去打動他人，你事實上是“出賣”感情的人，平面設(shè)計是一種與特定目的有著密切聯(lián)系的藝術(shù)。 第三節(jié)：平面設(shè)計的特征 設(shè)計是科技與藝術(shù)的結(jié)合，是商業(yè)社會的產(chǎn)物，在商業(yè)社會中需要藝術(shù)設(shè)計與創(chuàng)作理想的平衡，需要客觀與克制，需要借作者之口替委托人說話。 設(shè)計與美術(shù)不同，因為設(shè)計即要符合審美性又要具有實用性、替人設(shè)想、以人為本，設(shè)計是一種需要而不僅僅是裝飾、裝潢。 設(shè)計沒有完成的概念，設(shè)計需要精益求精，不斷的完善，需要挑戰(zhàn)自我，向自己宣戰(zhàn)。設(shè)計的關(guān)鍵之處在于發(fā)現(xiàn)，只有不斷通過深入的感受和體驗才能做到，打動別人對與設(shè)計師來說是一種挑戰(zhàn)。設(shè)計要讓人感動，足夠的細節(jié)本身就能感動人，圖形創(chuàng)意本身能打動人，色彩品位能打動人，材料質(zhì)地能打動人、把設(shè)計的多種元素進行有機藝術(shù)化組合。還有，設(shè)計師更應(yīng)該明白嚴謹?shù)膽B(tài)度自身更能引起人們心靈的振? 第二章：平面設(shè)計之路 設(shè)計的學(xué)習(xí)可能有很多不同的路，因為這是有設(shè)計的多元化知識結(jié)構(gòu)決定的，不管你以前是做什么的，不管你曾經(jīng)如何如何，在進入設(shè)計領(lǐng)域之后，你以前的閱歷都將影響你，你都將面臨挑戰(zhàn)與被淘汰的可能，正如，想要造就偉大永遠不可能是依*人們的主觀愿望所能達到的一樣 第一節(jié)：你確認你要進入這一領(lǐng)域嗎？-設(shè)計師的知識結(jié)構(gòu) 設(shè)計多元化的知識結(jié)構(gòu)必將要求設(shè)計人員具有多元化的知識及信息獲取方式。 第一步：從點、線、面的認識開始，學(xué)習(xí)掌握平面構(gòu)成、色彩構(gòu)成、立體構(gòu)成、透視學(xué)等基礎(chǔ)；我們需要具備客觀的視覺經(jīng)驗，建立理性思維基礎(chǔ)，掌握視覺的生理學(xué)規(guī)律，了解設(shè)計元素這一概念。 第二步：你會畫草圖嗎？1998澳大利亞工業(yè)設(shè)計顧問委員會調(diào)查結(jié)果，設(shè)計專業(yè)畢業(yè)生應(yīng)具備的10項技能第一位就是：“應(yīng)有優(yōu)秀的草圖和徒手作畫的能力，作為設(shè)計著應(yīng)具備快而不拘謹?shù)囊曈X圖形表達能力，繪畫藝術(shù)是設(shè)計的源泉，設(shè)計草圖是思想的紙面形式，我們有理由相信，繪畫是平面設(shè)計的基礎(chǔ)，平面設(shè)計的設(shè)計的基礎(chǔ)！” 第三步：你還缺少什么？缺少對傳統(tǒng)課程的學(xué)習(xí)，如陶藝、版畫、水彩、油畫、攝影、書法、國畫、黑白畫等等，太多太多，你還是問問自己吧！不管如何這些課程將在不同層次上加強了你設(shè)計的動手能力、表現(xiàn)能力和審美能力，他們最關(guān)鍵的是讓你明白什么是藝術(shù)，更重要的是你發(fā)現(xiàn)你自己的個性，但這也是一個長期的過程。 第四步：“我可以開始設(shè)計了嗎”？當然不行，你要設(shè)計什么？正如你要開始玩游戲了，你了解游戲規(guī)則嗎？不過你不用擔心，你已經(jīng)進入了專業(yè)自身的學(xué)習(xí)，同時也意味著你才剛剛開始，你將不折不撓，不浮躁不抱怨、務(wù)實的、實事求事的態(tài)度步入這一領(lǐng)域。我們以標志設(shè)計為例，我們需要具備什么樣的背景知識，標志的意義、標志的起源、標志的特點、標志的設(shè)計原則、標志的藝術(shù)規(guī)律、標志的表現(xiàn)形式，標志的構(gòu)成的手法、我們需要理解為什么？為什么可口可樂會紅遍全球；為什么我們渴望穿Lee牌牛仔褲？作為一名設(shè)計師，你對我們周圍的視覺環(huán)境滿意嗎？問問自己，你的設(shè)計理想是什么？ 第五步：你能辨別設(shè)計的好壞，知道為什么嗎？上一步通過對設(shè)計基礎(chǔ)知識的學(xué)習(xí)，不知不覺你已經(jīng)進入了設(shè)計的模仿階段，為了向前我們必須回顧歷史，既而從理論書籍的學(xué)習(xí)轉(zhuǎn)變?yōu)橄蚯拜吋皟?yōu)秀設(shè)計師學(xué)習(xí)。這個階段伴隨著一個比較長期的一個過程，你的設(shè)計水平可能會很不穩(wěn)定，你有時困惑、有時欣喜，伴隨著大量的實踐以及對設(shè)計整個運轉(zhuǎn)流程逐漸掌握，開始向成熟設(shè)計師邁進。 你需要學(xué)會規(guī)則，再打破規(guī)則。 第二節(jié)：你能成為優(yōu)秀出眾的設(shè)計師嗎？-對設(shè)計師的要求 1、成功的設(shè)計師應(yīng)具備以下幾點： A、強烈敏銳的感受能力 B、發(fā)明創(chuàng)造的能力 C、對作品的美學(xué)鑒定能力 D、對設(shè)計構(gòu)想的表達能力 E、具備全面的專業(yè)智能 現(xiàn)代設(shè)計師必須是具有寬廣的文化視角，深邃的智慧和豐富的知識；必須是具有創(chuàng)新精神知識淵博、敏感并能解決問題的人，應(yīng)考慮社會反映、社會效果，力求設(shè)計作品對社會有益，能提高人們的審美能力，心理上的愉悅和滿足，應(yīng)概括當代的時代特征，反映了真正的審美情趣和審美理想。起碼你應(yīng)當明白，優(yōu)秀的設(shè)計師有他們“自己”的手法、清晰的形象、合乎邏輯的觀點。 2、設(shè)計師一定要自信，堅信自己的個人信仰、經(jīng)驗、眼光、品味。不盲從、不孤芳自賞、不驕、不浮。以嚴謹?shù)闹螌W(xué)態(tài)度面對，不為個性而個性，不為設(shè)計而設(shè)計。作為一名設(shè)計師，必須有獨特的素質(zhì)和高超的設(shè)計技能，即無論多么復(fù)雜的設(shè)計課題，都能通過認真總結(jié)經(jīng)驗，用心思考，反復(fù)推敲，汲取消化同類型的優(yōu)秀設(shè)計精華，實現(xiàn)新的創(chuàng)造。 3、平面設(shè)計作為一種職業(yè)，設(shè)計師職業(yè)道德的高低和設(shè)計師人格的完善有很大的關(guān)系，往往決定一個設(shè)計師設(shè)計水平的就是人格的完善程度，程度越高其理解能力、把握權(quán)衡能力、辨別能力、協(xié)調(diào)能力、處事能力將協(xié)助他在設(shè)計生活中越過一道又一道障礙，所以設(shè)計師必須注重個人的修為，文人常說：“先修其形，后練其品”。 4、設(shè)計的提高必修在不斷的學(xué)習(xí)和實踐中進行，設(shè)計師的廣泛涉獵和專注是相互矛盾又統(tǒng)一的，前者是靈感和表現(xiàn)方式的源泉，后者是工作的態(tài)度。好的設(shè)計并不只是圖形的創(chuàng)作，他是中和了許多智力勞動的結(jié)果，涉獵不同的領(lǐng)域，擔當不同的角色，可以讓我們保持開闊的視野，可以讓我們的設(shè)計帶有更多的信息。在設(shè)計中最關(guān)鍵的是意念，好的意念需要學(xué)養(yǎng)和時間去孵化。設(shè)計還需要開闊的視野，使信息有廣闊的來源，觸類旁通是學(xué)習(xí)平面設(shè)計的重要特點之一，藝術(shù)之間本質(zhì)上是共通的，文化與智慧的不斷補給是成為設(shè)計界長青樹的法寶。 需要的軟件有：常見的如： photoshop、flash、3dmax、fireworks 、dreamwever等 如果對也會大型的軟件，當然更好了，Maya等 5、有個性的設(shè)計可能是來自扎跟于本民族悠久的文化傳統(tǒng)和富有民族文化本色的設(shè)計思想，民族性和獨創(chuàng)性及個性同樣是具有價值的，地域特點也是設(shè)計師的知識背景之一。未來的設(shè)計師不再是狹隘的民族主義者，而每個民族的標志更多的體現(xiàn)在民族精神層面，民族和傳統(tǒng)也將成為一種圖式或者設(shè)計元素，作為設(shè)計師有必要認真看待民族傳統(tǒng)和文化。 網(wǎng)頁設(shè)計與平面設(shè)計的異同 設(shè)計傳達的方式 傳統(tǒng)的平面設(shè)計講究頁面構(gòu)圖、版式布局、空間表現(xiàn)等，而網(wǎng)頁設(shè)計也適用這些要素。 網(wǎng)頁設(shè)計與傳統(tǒng)平面設(shè)計在視覺傳達方面很大的相似點，但是在技術(shù)方面又是有很大的區(qū)別。 網(wǎng)頁設(shè)計是傳統(tǒng)平面設(shè)計的視覺傳達效果運用和網(wǎng)路技術(shù)的結(jié)合，所以可以說網(wǎng)頁設(shè)計綜合了平面設(shè)計藝術(shù)和網(wǎng)路技術(shù)。 網(wǎng)頁設(shè)計的重要特色就是動靜結(jié)合，這點在平面設(shè)計裏是無法實現(xiàn)的。 處理的差別 傳統(tǒng)平面設(shè)計的作品大多是以印刷的平面形式表現(xiàn)；而網(wǎng)頁設(shè)計作品則是透過顯示器表現(xiàn)，并且在傳輸?shù)倪^程中受到網(wǎng)路頻寬的限制。 普通印刷是按照色素的減法原理進行的，設(shè)計時的顏色模式為 CMYK ，而電腦的顯示器的色彩原理則是以色光合成加法原理進行的，是 RGB 模式，使用同樣的顏色，但是在不同的顏色模式下，顯示的效果是會有色差的。 因為受到網(wǎng)路頻寬的限制，網(wǎng)頁設(shè)計中的圖像處理也不同於平面設(shè)計，為了加快下載速度，在保持圖像質(zhì)量的前提下我們要盡可能的縮小其檔案大小，而不像平面設(shè)計那樣為了追求圖像的質(zhì)量而不管其文件大小。 作為一名合格的網(wǎng)頁設(shè)計師，在處理網(wǎng)路圖形時，應(yīng)做到在保持圖像清晰的前提下，盡可能縮小圖片的檔案大小。 網(wǎng)頁的構(gòu)圖布局與平面構(gòu)圖布局有著很大的相似之處，但是因為技術(shù)的局限，網(wǎng)頁構(gòu)圖遠不如平面設(shè)計那樣揮灑自如。 在平面設(shè)計中想把某一物件放置到某一位置的時候只需要簡單的拖曳就可以完成。 但是在網(wǎng)頁設(shè)計中想對某一物件進行定位的話就必須有 HTML 語言的支援才行。 所以在進行網(wǎng)頁設(shè)計的時候，除了要有好的創(chuàng)意，還應(yīng)該考慮到技術(shù)上的可行性。 網(wǎng)頁的構(gòu)圖與傳統(tǒng)的平面構(gòu)圖最大的區(qū)別就是技術(shù)的可行性。 在進行網(wǎng)頁設(shè)計時必需時時提醒自己，所設(shè)計的作品最終會通過網(wǎng)路傳輸?shù)接脩舳耍?jīng)過下載，再用瀏覽器瀏覽，作品將受到頻寬和顯示器的限制。 而且，所有網(wǎng)頁的后端語言都是以 HTML 為基礎(chǔ)，輔以 JavaScript 或 VBScript 編寫的程式，有些動態(tài)特效實現(xiàn)起來會有較大的難度。 所以，網(wǎng)頁設(shè)計人員在構(gòu)思創(chuàng)意時，要考慮到技術(shù)上是否能實現(xiàn)。 如果一味地追求視覺效果的創(chuàng)意，而忽略技術(shù)上的限制，顧此失彼，再好的構(gòu)思也只好放棄。 鄏b網(wǎng)頁設(shè)計中實現(xiàn)的創(chuàng)意，對網(wǎng)頁設(shè)計構(gòu)圖來說是毫無價值的。 功能的不同 傳統(tǒng)平面的設(shè)計作品是以向人們傳達某種資訊或訴求為目的。而網(wǎng)頁設(shè)計網(wǎng)頁的設(shè)計必須是配合網(wǎng)站的內(nèi)容設(shè)計，而不是單純地只為表現(xiàn)藝術(shù)而設(shè)計。 除了擁有平面設(shè)計作品的功能以外，還有重要的引導(dǎo)和連接功能，也就是網(wǎng)頁具有很強的可操作性和互動性。 網(wǎng)頁設(shè)計與傳統(tǒng)的平面設(shè)計最大的區(qū)別就是網(wǎng)頁的可操作性。 網(wǎng)頁的可操作性是通過頁面間的鏈結(jié)實現(xiàn)的。 所謂鏈結(jié)結(jié)構(gòu)就是指網(wǎng)頁頁面間的相互鏈結(jié)關(guān)系。 選擇適當?shù)逆溄Y(jié)結(jié)構(gòu)，對整個網(wǎng)站的各個頁面設(shè)計將有很大的引導(dǎo)作用。 若鏈結(jié)的結(jié)構(gòu)使用不良的話，會使得重要的資訊不能讓訪問者獲取，這將違背了網(wǎng)站設(shè)計者的初衷。 在制作一個網(wǎng)站的時候會有一個名為 index.html 的頁面，我們一般把它稱為 “首頁” 。 一般在瀏覽網(wǎng)站的時候，在瀏覽器的位址欄裏輸入網(wǎng)址后，直接打開的就是檔名為 index.html 的頁面，它的作用就與書本的目錄相同。 大家應(yīng)該都有在書上找資料的經(jīng)驗，一般來說我們都會打開書的目錄來查尋資料位置，以便較快找到資料。 同理，如果把我們的網(wǎng)站看成是一本書的話，那麼 “首頁” 就是書的目錄，它的作用就是使我們盡快的找到自己想找的資訊。 而很多人在設(shè)計網(wǎng)站的時候做出來的網(wǎng)站是很漂亮，但卻讓訪問的人無從下手來進行瀏覽。 想從這個網(wǎng)站裏找到自己有興趣的內(nèi)容卻怎麼也找不到，雖然說這個網(wǎng)站裏有這些內(nèi)容，但就是找不到或者找起來很麻煩。 這就說明了引導(dǎo)性和可操作性的重要。 X 登錄 窗體頂端Email: 密 碼: 忘記密碼了 在這臺電腦上記住我 還沒有注冊. 窗體底端2008-10-10 10:33:02 w (你還追啊，我到家了) 1.文本框焦點問題 onBlur:當失去輸入焦點后產(chǎn)生該事件 onFocus:當輸入獲得焦點后，產(chǎn)生該文件 Onchange:當文字值改變時，產(chǎn)生該事件 Onselect:當文字加亮后，產(chǎn)生該文件 點擊時文字消失，失去焦點時文字再出現(xiàn) 2.網(wǎng)頁按鈕的特殊顏色 3.鼠標移入移出時顏色變化 4.平面按鈕 5.按鈕顏色變化 6.平面輸入框 7.使窗口變成指定的大小 window.resizeTo(300,283); 8.使文字上下滾動 共和國 9.狀態(tài)欄顯示該頁狀態(tài) 10.可以點擊文字實現(xiàn)radio選項的選定 情侶 : 一次注冊兩個帳戶 11.可以在文字域的font寫onclick事件 12.打印打印網(wǎng)頁 13.線型輸入框 14.顯示文檔最后修改日期 function hi(str) document.write(document.lastModified) alert(hi+str+!) 15.可以在鼠標移到文字上時就觸發(fā)事件 !- Hiding function hello() alert(哈羅!); link 16.可以根據(jù)網(wǎng)頁上的選項來確定頁面顏色 background.html Changing Background Colors Red Orange Yellow Green Blue Indigo Violet White pink 17.將按鈕的特征改變 本例按鈕的代碼如下： 18.改變按鈕的圖片. 本例的按鈕代碼如下： 19.打印頁面 打印本稿 20.可以直接寫html語言 document.write(); 21.改變下拉框的顏色 22.轉(zhuǎn)至目標URL window.location=http:/guoguo 23.傳遞該object的form UpdateSN(guoqiang99267,this.form) function UpdateSN(strValue,strForm) strForm.SignInName.value = strValue; return false; 24.文字標簽 guoqiang99859 25.layer2為組件的ID，可以控制組件是否可見 document.all.item(Layer2).style.display = block; document.all.item(Layer2).style.display = none;/ 26.將頁面加入favorite中 / 27.過10秒自動關(guān)閉頁面 function closeit() setTimeout(self.close()，10000) 28.可以比較字符的大小 char=post.charAt(i); if(!(0=char&char=9) 29.將字符轉(zhuǎn)化為數(shù)字 month = parseInt(char) 30.點擊value非空的選項時轉(zhuǎn)向指定連接 主辦單位 - 北京日報 北京晚報 31.改變背景顏色 32.改變文字輸入框的背景顏色 .input2 background-image: url(./images/inputbg.gif); font-size: 12px; background-color: #D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px 33.改變水平線的特征 34.傳遞參數(shù)的方式 8 35.頁內(nèi)跳轉(zhuǎn) 1 2 3 4 5 6 7 dfdf dfdf/ 36.兩個按鍵一起按下 if(event.ctrlKey & window.event.keyCode=13)/ 37.刷新頁面 javascript:this.location.reload()/ 38.將網(wǎng)頁的按鈕使能 function haha() for(var i=0;idocument.form1.elements.length;i+) if(.indexOf(bb)!=-1) document.form1.elementsi.disabled=!document.form1.elementsi.disabled; 39.文字移動 40.雙擊網(wǎng)頁自動跑 var currentpos,timer; function initialize() timer=setInterval(scrollwindow(),1); function sc() clearInterval(timer); function scrollwindow() currentpos=document.body.scrollTop; window.scroll(0,+currentpos); if (currentpos != document.body.scrollTop) sc(); document.onmousedown=sc document.ondblclick=initialize / 41.后退 42.前進 43.刷新 44.轉(zhuǎn)向指定網(wǎng)頁 document.location=http:/ww或者document.location.assign(/) 45.在網(wǎng)頁上顯示實時時間 var clock_id; window.onload=function() clock_id=setInterval(document.form1.txtclock.value=(new Date);,1000) / 46.可以下載文件 document.location.href=目標文件/ 47.連接數(shù)據(jù)庫 import java.sql.*; String myDBDriver=sun.jdbc.odbc.JdbcOdbcDriver; Class.forName(myDBDriver); Connection conn=DriverManager.getConnection(jdbc:odbc:firm,username,password); Statement stmt=conn.createStatement(); ResultSet rs=stmt.executeQuery(sql); rs.getString(column1);/ 48.可以直接在頁面“div”內(nèi)寫下所需內(nèi)容 INPUT TYPE=button onclick=a1.innerHTML=* / 49.可以改變頁面上的連接的格式，使其為雙線 A:link text-decoration: none; color:#0000FF; font-family: 宋體 A:visited text-decoration: none; color: #0000FF; font-family: 宋體 A:hover text-decoration: underline overline; color: FF0000 A:link text-decoration: none; color:#0000FF; font-family: 宋體 A:visited text-decoration: none; color: #0000FF; font-family: 宋體 A:hover text-decoration: underline overline line-through; color: FF0000 THFONT-SIZE: 9pt TDFONT-SIZE: 9pt body SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #e7e7e7; INPUTBORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc DIV,form ,OPTION,P,TD,BRFONT-FAMILY: 宋體; FONT-SIZE: 9pt textarea, select border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋體; font-s