• 
• 
• 
• 
• 
• 
• 

知識普及 ? 網(wǎng)頁高手之淺談設(shè)計中的文字

網(wǎng)頁高手之淺談設(shè)計中的文字

奈薇網(wǎng)頁設(shè)計 于2019-07-22 16:54發(fā)表 閱讀次數(shù) 2350次

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

網(wǎng)頁高手之淺談設(shè)計中的文字相關(guān)標(biāo)簽：網(wǎng)頁制作，網(wǎng)絡(luò)公司，網(wǎng)站開發(fā)，網(wǎng)頁設(shè)計

相關(guān)熱點推薦

手機建站時容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計中關(guān)于al 好設(shè)計應(yīng)該是平凡的設(shè)計 網(wǎng)站LOGO簡論 網(wǎng)頁布局設(shè)計基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點 新站快速推廣經(jīng)驗，百度 為中文而設(shè)計的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁改版 web設(shè)計師可以走得更 專業(yè)設(shè)計網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計的幾點知識 青島網(wǎng)站制作哪家強 交互設(shè)計的8項黃金法則 設(shè)計良好網(wǎng)頁的4項原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營銷的五個階段 青島網(wǎng)站設(shè)計成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國內(nèi)網(wǎng)頁設(shè)計經(jīng)驗談 網(wǎng)頁設(shè)計：如何確定網(wǎng)站 微信營銷推廣的特性-奈 什么是自助建站？ 如何從營銷的角度策劃建 建網(wǎng)站必備六步 基本搜索引擎優(yōu)化策略 新人做站之網(wǎng)站定位與網(wǎng) Web頁面設(shè)計原則 個人網(wǎng)站站長看過來網(wǎng)站 網(wǎng)站設(shè)計中的簡潔與簡單

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

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