建站常識
網(wǎng)頁高手之淺談設(shè)計中的文字
2005-12-29 21:14:00
文字的格式化
1.字號、字體、行距
字號大小可以用不同的方式來計算,例如磅(Point)或像素(Pixel)。因為以像素技術(shù)為基礎(chǔ)單位打印時需要轉(zhuǎn)換為磅,所以,建議采用磅為單位。
最適合于網(wǎng)頁正文顯示的字體大小為12磅左右,現(xiàn)在很多的綜合性站點,由于在一個頁面中需要安排的內(nèi)容較多,通常采用9磅的字號。較大的字體可用于標題或其他需要強調(diào)的地方,小一些的字體可以用于頁腳和輔助信息。需要注意的是,小字號容易產(chǎn)生整體感和精致感,但可讀性較差。
網(wǎng)頁設(shè)計者可以用字體來更充分地體現(xiàn)設(shè)計中要表達的情感。字體選擇是一種感性、直觀的行為。但是,無論選擇什么字體,都要依據(jù)網(wǎng)頁的總體設(shè)想和瀏覽者的需要。例如:粗體字強壯有力,有男性特點,適合機械、建筑業(yè)等內(nèi)容;細體字高雅細致,有女性特點,更適合服裝、化妝品、食品等行業(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è)置,建議以磅或默認行高的百分數(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è)置字體,也可以對字體進行藝術(shù)化的設(shè)計。無論怎樣,一切都應(yīng)圍繞如何更出色地實現(xiàn)自己的設(shè)計目標。
將文字圖形化、意象化,以更富創(chuàng)意的形式表達出深層的設(shè)計思想,能夠克服網(wǎng)頁的單調(diào)與平淡,從而打動人心。
2.文字的疊置
文字與圖像之間或文字與文字之間在經(jīng)過疊置后,能夠產(chǎn)生空間感、跳躍感、透明感、雜音感和敘事感,從而成為頁面中活躍的、令人注目的元素。雖然疊置手法影響了文字的可讀性,但是能造成頁面獨特的視覺效果。這種不追求易讀,而刻意追求“雜音”的表現(xiàn)手法,體現(xiàn)了一種藝術(shù)思潮。因而,它不僅大量運用于傳統(tǒng)的版式設(shè)計,在網(wǎng)頁設(shè)計中也被
廣泛采用。
3.標題與正文
在進行標題與正文的編排時,可先考慮將正文作雙欄、三欄或四欄的編排,再進行標題的置入。將正文分欄,是為了求取頁面的空間與彈性,避免通欄的呆板以及標題插入方式的單一性。標題雖是整段或整篇文章的標題,但不一定千篇一律地置于段首之上??勺骶又小M向、豎向或邊置等編排處理,甚至可以直接插入字群中,以新穎的版式來打破舊有的規(guī)律。
4.文字編排的四種基本形式
頁面里的正文部分是由許多單個文字經(jīng)過編排組成的群體,要充分發(fā)揮這個群體形狀在版面整體布局中的作用。
兩端均齊:文字從左端到右端的長度均齊,字群形成方方正正的面,顯得端正、嚴謹、美觀。
居中排列:在字距相等的情況下,以頁面中心為軸線排列,這種編排方式使文字更加突出,產(chǎn)生對稱的形式美感。
左對齊或右對齊:左對齊或右對齊使行首或行尾自然形成一條清晰的垂直線,很容易與圖形配合。這種編排方式有松有緊,有虛有實,跳動而飄逸,產(chǎn)生節(jié)奏與韻律的形式美感。左對齊符合人們閱讀時的習(xí)慣,顯得自然;右對齊因不太符合閱讀習(xí)慣而較少采用,但顯得新穎。
繞圖排列:將文字繞圖形邊緣排列。如果將底圖插入文字中,會令人感到融洽、自然。
文字的強調(diào)
1.行首的強調(diào)
將正文的第一個字或字母放大并作裝飾性處理,嵌入段落的開頭,這在傳統(tǒng)媒體版式設(shè)計中稱之為“下墜式”。此技巧的發(fā)明溯源于歐洲中世紀的文稿抄寫員。由于它有吸引視線、裝飾和活躍版面的作用,所以被應(yīng)用于網(wǎng)頁的文字編排中。其下墜幅度應(yīng)跨越一個完整字行的上下幅度。至于放大多少,則依據(jù)所處網(wǎng)頁環(huán)境而定。
2.引文的強調(diào)
在進行網(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編輯器,默認的設(shè)置是這樣的:正常字體顏色為黑色,默認的鏈接顏色為藍色,鼠標點擊之后又變?yōu)樽霞t色。使用不同顏色的文字可以使想要強調(diào)的部分更加引人注目,但應(yīng)該注意的是,對于文字的顏色,只可少量運用,如果什么都想強調(diào),其實是什么都沒有強調(diào)。況且,在一個頁面上運用過多的顏色,會影響瀏覽者閱讀頁面內(nèi)容,除非你有特殊的設(shè)計目的。
顏色的運用除了能夠起到強調(diào)整體文字中特殊部分的作用之外,對于整個文案的情感表達也會產(chǎn)生影響。這涉及色彩的情感象征性問題,限于篇幅,在這里不做深入探討。
另外需要注意的是文字顏色的對比度,它包括明度上的對比、純度上的對比以及冷暖的對比。這些不僅對文字的可讀性發(fā)生作用,更重要的是,你可以通過對顏色的運用實現(xiàn)想要的設(shè)計效果、設(shè)計情感和設(shè)計思想。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-08-25 22:16:00] 購物車:如何回答5個未答復(fù)用戶的問題
- [2010-03-03 14:19:00] 網(wǎng)頁表單中的行為也分主次
- [2009-05-08 08:13:00] 優(yōu)異的靈活性
- [2007-12-28 16:23:00] 把導(dǎo)航系統(tǒng)做薄
- [2007-05-26 10:06:00] 面子工程:網(wǎng)站首頁設(shè)計及程序選擇
- [2005-12-29 21:18:00] 從菜鳥到準網(wǎng)頁設(shè)計師
- [2020-08-11 16:03:20] 網(wǎng)站建設(shè)的誤區(qū)
- [2009-10-22 08:13:00] 社區(qū)型網(wǎng)站運營系列之內(nèi)容的組織與展示
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
- [2007-08-01 15:08:00] 安靜的結(jié)構(gòu):控制頁面的視覺"分貝"
- [2009-07-22 22:14:00] 從長尾理論和二八定律的比較去看用戶體驗
- [2009-08-07 07:45:00] 互聯(lián)網(wǎng)表單設(shè)計之消失的表單
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
網(wǎng)站推廣 青島網(wǎng)絡(luò)公司 搜索引擎蜘蛛 網(wǎng)站動畫 高端網(wǎng)站設(shè)計 扁平化設(shè)計 青島flash網(wǎng)站 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) html和css 網(wǎng)站品牌 頁面設(shè)計 微官網(wǎng)帶來的好處 網(wǎng)站設(shè)計趨勢 青島網(wǎng)頁制作 網(wǎng)站SEO 青島網(wǎng)站營銷 css 良好的導(dǎo)航 H5 網(wǎng)站設(shè)計資訊 SEO 網(wǎng)站建設(shè)的步驟有哪些 英文網(wǎng)站建設(shè) 青島抖音小程序開發(fā) 平面設(shè)計 網(wǎng)站策劃 建站常識 GOOGLE 集團公司網(wǎng)站建設(shè) 微信小程序