• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 網(wǎng)頁(yè)設(shè)計(jì)中的文字運(yùn)用

網(wǎng)頁(yè)設(shè)計(jì)中的文字運(yùn)用

奈薇網(wǎng)站制作 于2019-09-05 15:17發(fā)表 閱讀次數(shù) 2477次

如今，互聯(lián)網(wǎng)越來(lái)越走近我們的生活，網(wǎng)上沖浪也漸漸成為我們生活不可缺少的一部分。網(wǎng)絡(luò)世界五彩繽紛，涌現(xiàn)出大量?jī)?yōu)秀精美的網(wǎng)頁(yè)。大量網(wǎng)絡(luò)信息的呈現(xiàn)，無(wú)非就是通過(guò)文本、圖像、Flash動(dòng)畫(huà)等，其中,文本是網(wǎng)頁(yè)中最為重要的設(shè)計(jì)元素。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者而言，了解和掌握網(wǎng)頁(yè)設(shè)計(jì)中的文字排版設(shè)計(jì)就顯得尤為重要，下面筆者想談?wù)勔患褐?jiàn)。 　　文字的格式化 　　1．字號(hào)、字體、行距 　　字號(hào)大小可以用不同的方式來(lái)計(jì)算，例如磅（Point）或像素（Pixel）。因?yàn)橐韵袼丶夹g(shù)為基礎(chǔ)單位打印時(shí)需要轉(zhuǎn)換為磅，所以，建議采用磅為單位。 　　最適合于網(wǎng)頁(yè)正文顯示的字體大小為12磅左右，現(xiàn)在很多的綜合性站點(diǎn)，由于在一個(gè)頁(yè)面中需要安排的內(nèi)容較多，通常采用9磅的字號(hào)。較大的字體可用于標(biāo)題或其他需要強(qiáng)調(diào)的地方，小一些的字體可以用于頁(yè)腳和輔助信息。需要注意的是，小字號(hào)容易產(chǎn)生整體感和精致感，但可讀性較差。 　　網(wǎng)頁(yè)設(shè)計(jì)者可以用字體來(lái)更充分地體現(xiàn)設(shè)計(jì)中要表達(dá)的情感。字體選擇是一種感性、直觀的行為。但是，無(wú)論選擇什么字體，都要依據(jù)網(wǎng)頁(yè)的總體設(shè)想和瀏覽者的需要。例如：粗體字強(qiáng)壯有力，有男性特點(diǎn)，適合機(jī)械、建筑業(yè)等內(nèi)容；細(xì)體字高雅細(xì)致，有女性特點(diǎn)，更適合服裝、化妝品、食品等行業(yè)的內(nèi)容。在同一頁(yè)面中，字體種類少，版面雅致，有穩(wěn)定感；字體種類多，則版面活躍，豐富多彩。關(guān)鍵是如何根據(jù)頁(yè)面內(nèi)容來(lái)掌握這個(gè)比例關(guān)系。 　　從加強(qiáng)平臺(tái)無(wú)關(guān)性的角度來(lái)考慮，正文內(nèi)容最好采用缺省字體。因?yàn)闉g覽器是用本地機(jī)器上的字庫(kù)顯示頁(yè)面內(nèi)容的。作為網(wǎng)頁(yè)設(shè)計(jì)者必須考慮到大多數(shù)瀏覽者的機(jī)器里只裝有三種字體類型及一些相應(yīng)的特定字體。而你指定的字體在瀏覽者的機(jī)器里并不一定能夠找到，這給網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)很大的局限。解決問(wèn)題的辦法是：在確有必要使用特殊字體的地方，可以將文字制成圖像，然后插入頁(yè)面中。 　　行距的變化也會(huì)對(duì)文本的可讀性產(chǎn)生很大影響。一般情況下，接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為10:12，即用字10點(diǎn)，則行距12點(diǎn)。這主要是出于以下考慮：適當(dāng)?shù)男芯鄷?huì)形成一條明顯的水平空白帶，以引導(dǎo)瀏覽者的目光，而行距過(guò)寬會(huì)使一行文字失去較好的延續(xù)性。 　　除了對(duì)于可讀性的影響，行距本身也是具有很強(qiáng)表現(xiàn)力的設(shè)計(jì)語(yǔ)言，為了加強(qiáng)版式的裝飾效果，可以有意識(shí)地加寬或縮窄行距，體現(xiàn)獨(dú)特的審美意趣。例如，加寬行距可以體現(xiàn)輕松、舒展的情緒，應(yīng)用于娛樂(lè)性、抒情性的內(nèi)容恰如其分。另外，通過(guò)精心安排，使寬、窄行距并存，可增強(qiáng)版面的空間層次與彈性，表現(xiàn)出獨(dú)到的匠心。 　　行距可以用行高（line-height）屬性來(lái)設(shè)置，建議以磅或默認(rèn)行高的百分?jǐn)?shù)為單位。例如：｛line-height：20pt｝、｛line-height：150%｝。 　　文字的整體編排 　　頁(yè)面里的正文部分是由許多單個(gè)文字經(jīng)過(guò)編排組成的群體，要充分發(fā)揮這個(gè)群體形狀在版面整體布局中的作用。從藝術(shù)的角度可以將字體本身看成是一種藝術(shù)形式，它在個(gè)性和情感方面對(duì)人們有著很大影響。在網(wǎng)頁(yè)設(shè)計(jì)中，字體的處理與顏色、版式、圖形等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。從某種意義上來(lái)講，所有的設(shè)計(jì)元素都可以理解為圖形。 　　1．文字的圖形化 　　字體具有兩方面的作用：一是實(shí)現(xiàn)字意與語(yǔ)義的功能，二是美學(xué)效應(yīng)。所謂文字的圖形化，即是強(qiáng)調(diào)它的美學(xué)效應(yīng)，把記號(hào)性的文字作為圖形元素來(lái)表現(xiàn)，同時(shí)又強(qiáng)化了原有的功能。作為網(wǎng)頁(yè)設(shè)計(jì)者，既可以按照常規(guī)的方式來(lái)設(shè)置字體，也可以對(duì)字體進(jìn)行藝術(shù)化的設(shè)計(jì)。無(wú)論怎樣，一切都應(yīng)圍繞如何更出色地實(shí)現(xiàn)自己的設(shè)計(jì)目標(biāo)。 　　將文字圖形化、意象化，以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計(jì)思想，能夠克服網(wǎng)頁(yè)的單調(diào)與平淡，從而打動(dòng)人心。 　　2．文字的疊置 　　文字與圖像之間或文字與文字之間在經(jīng)過(guò)疊置后，能夠產(chǎn)生空間感、跳躍感、透明感、雜音感和敘事感，從而成為頁(yè)面中活躍的、令人注目的元素。雖然疊置手法影響了文字的可讀性，但是能造成頁(yè)面獨(dú)特的視覺(jué)效果。這種不追求易讀，而刻意追求“雜音”的表現(xiàn)手法，體現(xiàn)了一種藝術(shù)思潮。因而，它不僅大量運(yùn)用于傳統(tǒng)的版式設(shè)計(jì)，在網(wǎng)頁(yè)設(shè)計(jì)中也被廣泛采用。 　　3．標(biāo)題與正文 　　在進(jìn)行標(biāo)題與正文的編排時(shí)，可先考慮將正文作雙欄、三欄或四欄的編排，再進(jìn)行標(biāo)題的置入。將正文分欄，是為了求取頁(yè)面的空間與彈性，避免通欄的呆板以及標(biāo)題插入方式的單一性。標(biāo)題雖是整段或整篇文章的標(biāo)題，但不一定千篇一律地置于段首之上?？勺骶又小M向、豎向或邊置等編排處理，甚至可以直接插入字群中，以新穎的版式來(lái)打破舊有的規(guī)律。 　　4．文字編排的四種基本形式 　　頁(yè)面里的正文部分是由許多單個(gè)文字經(jīng)過(guò)編排組成的群體，要充分發(fā)揮這個(gè)群體形狀在版面整體布局中的作用。 　　兩端均齊：文字從左端到右端的長(zhǎng)度均齊，字群形成方方正正的面，顯得端正、嚴(yán)謹(jǐn)、美觀。 　　居中排列：在字距相等的情況下，以頁(yè)面中心為軸線排列，這種編排方式使文字更加突出，產(chǎn)生對(duì)稱的形式美感。 　　左對(duì)齊或右對(duì)齊：左對(duì)齊或右對(duì)齊使行首或行尾自然形成一條清晰的垂直線，很容易與圖形配合。這種編排方式有松有緊，有虛有實(shí)，跳動(dòng)而飄逸，產(chǎn)生節(jié)奏與韻律的形式美感。左對(duì)齊符合人們閱讀時(shí)的習(xí)慣，顯得自然；右對(duì)齊因不太符合閱讀習(xí)慣而較少采用，但顯得新穎。 　　繞圖排列：將文字繞圖形邊緣排列。如果將底圖插入文字中，會(huì)令人感到融洽、自然。 　　文字的強(qiáng)調(diào) 　　1．行首的強(qiáng)調(diào) 　　將正文的第一個(gè)字或字母放大并作裝飾性處理，嵌入段落的開(kāi)頭，這在傳統(tǒng)媒體版式設(shè)計(jì)中稱之為“下墜式”。此技巧的發(fā)明溯源于歐洲中世紀(jì)的文稿抄寫員。由于它有吸引視線、裝飾和活躍版面的作用，所以被應(yīng)用于網(wǎng)頁(yè)的文字編排中。其下墜幅度應(yīng)跨越一個(gè)完整字行的上下幅度。至于放大多少，則依據(jù)所處網(wǎng)頁(yè)環(huán)境而定。 　　2．引文的強(qiáng)調(diào) 　　在進(jìn)行網(wǎng)頁(yè)文字編排時(shí)，常常會(huì)碰到提綱挈領(lǐng)性的文字，即引文。引文概括一個(gè)段落、一個(gè)章節(jié)或全文大意，因此在編排上應(yīng)給予特殊的頁(yè)面位置和空間來(lái)強(qiáng)調(diào)。引文的編排方式多種多樣，如將引文嵌入正文的左右側(cè)、上方、下方或中心位置等，并且可以在字體或字號(hào)上與正文相區(qū)別而產(chǎn)生變化。 　　3．個(gè)別文字的強(qiáng)調(diào) 　　如果將個(gè)別文字作為頁(yè)面的訴求重點(diǎn)，則可以通過(guò)加粗、加框、加下劃線、加指示性符號(hào)、傾斜字體等手段有意識(shí)地強(qiáng)化文字的視覺(jué)效果，使其在頁(yè)面整體中顯得出眾而奪目。另外，改變某些文字的顏色，也可以使這部分文字得到強(qiáng)調(diào)。這些方法實(shí)際上都是運(yùn)用了對(duì)比的法則。 　　文字的顏色 　　在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)者可以為文字、文字鏈接、已訪問(wèn)鏈接和當(dāng)前活動(dòng)鏈接選用各種顏色。例如，如果你使用FrontPage編輯器，默認(rèn)的設(shè)置是這樣的：正常字體顏色為黑色，默認(rèn)的鏈接顏色為藍(lán)色，鼠標(biāo)點(diǎn)擊之后又變?yōu)樽霞t色。使用不同顏色的文字可以使想要強(qiáng)調(diào)的部分更加引人注目，但應(yīng)該注意的是，對(duì)于文字的顏色，只可少量運(yùn)用，如果什么都想強(qiáng)調(diào)，其實(shí)是什么都沒(méi)有強(qiáng)調(diào)。況且，在一個(gè)頁(yè)面上運(yùn)用過(guò)多的顏色，會(huì)影響瀏覽者閱讀頁(yè)面內(nèi)容，除非你有特殊的設(shè)計(jì)目的。 　　顏色的運(yùn)用除了能夠起到強(qiáng)調(diào)整體文字中特殊部分的作用之外，對(duì)于整個(gè)文案的情感表達(dá)也會(huì)產(chǎn)生影響。這涉及色彩的情感象征性問(wèn)題，限于篇幅，在這里不做深入探討。 　　另外需要注意的是文字顏色的對(duì)比度，它包括明度上的對(duì)比、純度上的對(duì)比以及冷暖的對(duì)比。這些不僅對(duì)文字的可讀性發(fā)生作用，更重要的是，你可以通過(guò)對(duì)顏色的運(yùn)用實(shí)現(xiàn)想要的設(shè)計(jì)效果、設(shè)計(jì)情感和設(shè)計(jì)思想。

網(wǎng)頁(yè)設(shè)計(jì)中的文字運(yùn)用相關(guān)標(biāo)簽：網(wǎng)站改版，網(wǎng)站推廣，制作網(wǎng)頁(yè)，做網(wǎng)站

相關(guān)熱點(diǎn)推薦

2016年百度排名的算 網(wǎng)站建設(shè)合同簽訂需要注 人機(jī)交互界面設(shè)計(jì)的三個(gè) 系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗(yàn)中溝通的技巧 迭代的設(shè)計(jì) 網(wǎng)站中視覺(jué)元素的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對(duì) 手機(jī)建站時(shí)容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺(jué)識(shí)別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁(yè)不到首頁(yè) 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡(jiǎn)論 網(wǎng)頁(yè)布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁(yè)改版 web設(shè)計(jì)師可以走得更 專業(yè)設(shè)計(jì)網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計(jì)的幾點(diǎn)知識(shí) 青島網(wǎng)站制作哪家強(qiáng) 交互設(shè)計(jì)的8項(xiàng)黃金法則 設(shè)計(jì)良好網(wǎng)頁(yè)的4項(xiàng)原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營(yíng)銷的五個(gè)階段 青島網(wǎng)站設(shè)計(jì)成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)談 網(wǎng)頁(yè)設(shè)計(jì)：如何確定網(wǎng)站

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線門戶