• 
• 
• 
• 
• 
• 
• 

知識普及 ? 網(wǎng)頁的版式設(shè)計—文字的格式化

網(wǎng)頁的版式設(shè)計—文字的格式化

奈薇網(wǎng)頁設(shè)計 于2020-03-16 11:10發(fā)表 閱讀次數(shù) 2261次

網(wǎng)頁的版式設(shè)計---文字的格式化 　　編者按:很多從事網(wǎng)頁設(shè)計的計算機專業(yè)人員，對于網(wǎng)頁的制作技術(shù)駕輕就熟，但對于網(wǎng)頁富有藝術(shù)性和個性的設(shè)計卻感到力不從心。特別是沒有經(jīng)過藝術(shù)設(shè)計專業(yè)訓(xùn)練的網(wǎng)頁制作者，在掌握了網(wǎng)頁制作技術(shù)的情況下，都渴望將自己的網(wǎng)頁制作得更具創(chuàng)意和美感。目前關(guān)于網(wǎng)頁制作的討論和介紹，多以講解軟件的技術(shù)性操作為主要內(nèi)容，側(cè)重藝術(shù)方面的非常之少。 　　文字的格式化 　　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%｝。 　　2.文字的整體編排 　　頁面里的正文部分是由許多單個文字經(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)題，但不一定千篇一律地置于段首之上?？勺骶又?、橫向、豎向或邊置等編排處理，甚至可以直接插入字群中，以新穎的版式來打破舊有的規(guī)律。 　　(4)文字編排的四種基本形式 　　頁面里的正文部分是由許多單個文字經(jīng)過編排組成的群體，要充分發(fā)揮這個群體形狀在版面整體布局中的作用。 　　兩端均齊:文字從左端到右端的長度均齊，字群形成方方正正的面，顯得端正、嚴(yán)謹(jǐn)、美觀。 　　居中排列:在字距相等的情況下，以頁面中心為軸線排列，這種編排方式使文字更加突出，產(chǎn)生對稱的形式美感。 　　左對齊或右對齊:左對齊或右對齊使行首或行尾自然形成一條清晰的垂直線，很容易與圖形配合。這種編排方式有松有緊，有虛有實，跳動而飄逸，產(chǎn)生節(jié)奏與韻律的形式美感。左對齊符合人們閱讀時的習(xí)慣，顯得自然;右對齊因不太符合閱讀習(xí)慣而較少采用，但顯得新穎。 　　繞圖排列:將文字繞圖形邊緣排列。如果將退底圖插入文字中，會令人感到融洽、自然。 　　3.文字的強調(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)。這些方法實際上都是運用了對比的法則。 　　4.文字的顏色 　　在網(wǎng)頁設(shè)計中，設(shè)計者可以為文字、文字鏈接、已訪問鏈接和當(dāng)前活動鏈接選用各種顏色。例如，如果你使用Frontpage編輯器，默認(rèn)的設(shè)置是這樣的:正常字體顏色為黑色，默認(rè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)站開發(fā)，網(wǎng)站改版，網(wǎng)站建設(shè)公司，網(wǎng)站推廣

相關(guān)熱點推薦

如何創(chuàng)建一個用戶體驗良 店鋪推廣之SEO入門 寫給在職設(shè)計師們 分類目錄 一個好的網(wǎng)站應(yīng)該同時具 網(wǎng)頁設(shè)計制作應(yīng)注意的問 網(wǎng)頁界面設(shè)計教程四：色 化妝品的網(wǎng)站策劃分析 網(wǎng)站設(shè)計如何做好風(fēng)格統(tǒng) 2020年主流網(wǎng)頁的設(shè) 網(wǎng)站重建怎么保護(hù)已有的 頻繁改版引發(fā)的合意性思 迅速提高網(wǎng)站流量的方法 企業(yè)建站誤區(qū) 防止IE主頁被修改的辦 WEB設(shè)計經(jīng)驗 網(wǎng)站推廣技巧之鏈接策略 如何做出創(chuàng)意設(shè)計的網(wǎng)站 網(wǎng)頁的版式設(shè)計—文字的 平度網(wǎng)站設(shè)計公司哪家好 搜索引擎的算法 一個網(wǎng)站，5個目標(biāo) 軟件與網(wǎng)站設(shè)計的區(qū)別 如何挑選專業(yè)的網(wǎng)站建設(shè) 個人主頁作用 生動的設(shè)計 如何處理和把握網(wǎng)頁設(shè)計 中國中小企業(yè)網(wǎng)站建設(shè)規(guī) 網(wǎng)站建設(shè)時，設(shè)計首頁時 專業(yè)網(wǎng)站建設(shè)準(zhǔn)則 企業(yè)網(wǎng)站需要做哪些內(nèi)容 添加新網(wǎng)頁速度不要太快 企業(yè)網(wǎng)站建設(shè)的常見誤區(qū) 網(wǎng)站設(shè)計的前期溝通之重 行之有效的網(wǎng)絡(luò)推廣方式 細(xì)節(jié)決定成敗網(wǎng)站建設(shè)的 如何恢復(fù)百度權(quán)重(最新 青島企業(yè)網(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ū)信息港 山東在線門戶