響應式網站建設中的文字和闆式設計要點
2017-05-19 22:33:14
文本是人類重要的信息載體和交流工具,網頁中的信息也是以文本爲主。雖然文字不如圖片直觀、形象,但是卻能準确地表達信息的内容和含義。在确定網頁的版面布局後,還需要确定文本的樣式,如字體、字号和顔色等,還可以将文字圖形化。廣州響應式網站建設正在互聯來講講文字和闆式設計的問題。
一、字體
網頁中中文默認的标準字體是“宋體”,英文是The New Roman。如果在網頁中沒有設置任何字體,在浏覽器中将以這來那個種字體顯示。
二、字号
字号大小可以使用磅(point)或像素(pixel)來确定。一般網頁常用的字号大小爲12磅左右。較大的字體可用于網站标題或其他需要強調的地方,小一些的字體可以用于頁腳和輔助信息。需要注意的是,小字号容易産生整體感和精緻感,但可讀性較差。
無論選擇什麽字體,都要依據網頁的總體設想和浏覽者的需要。在同一頁面中,字體種類少,版面雅緻、有穩重感;字體種類多,則版面活躍、豐富多彩。關鍵是如何根據頁面内容來掌握這個比例關系。
三、行距
行距的變化也會對文本的可讀性産生很大影響,一般情況下,接近字體尺寸的行距設置比較适合正文。行距的常規比例爲10:12,即字号爲10點,則行距爲12點,行距适當放大後字體感覺比較合适。
行距可以用行高(line-height)屬性來設置,建議以磅或默認行高的百分數爲單位。如(line-height:20pt)、(line-height:150%)
四、文字的顔色
在網頁設計中可以爲文字、文字鏈接、已訪問鏈接和當前活動鏈接選用各種顔色。如正常字體顔色爲黑色,默認的鏈接顔色爲藍色,鼠标單擊之後又變爲紫紅色。使用不同顔色的文字可以使想要強調的部分更加吸引人,但應該注意的是,對于文字的顔色,隻可少量運用,如果什麽都想強調,其實是什麽都沒有強調。況且,在一個頁面上運用過多的顔色,會影響浏覽者閱讀頁面内容,除非有特殊的設計目的。
五、文字的圖形化
所謂文字的圖形化,即把文字作爲圖形元素來表現,同時又強化了原有的功能。作爲網頁設計者,既可以按照常規的方式來設置字體,也可以對字體進行藝術化的設計。無論怎樣,一切都應該以如何更出色地 實現自己的設計目标爲中心。
将文字圖形化,以更富創意的形式表達出深層的設計思想,能夠克服網頁的單調與平淡,從而打動人心。
上一篇:集團企業網站建設的幾大特點