文本是人類重要的信息載體和交流工(gōng)具,網紅輛頁中的信息也是以文本為(wèi)主。雖然文字不(bù)如(rú)圖像直觀用理、形象,但是卻能準确的表達信息的内容和含義。在确定網頁的版面布局後,還光男需要确定文本的樣式,如(rú)字體、字号和顔色等,還可男影以将文字圖形化。
文字的字體、字号、行距
網頁中中文默認的标準字體是“宋體”,英文是the new Roman。如(鄉又rú)果在網頁中沒有設置任何字體,在浏覽器(用樂qì)中将以這兩種字體顯示。 字号大(dà)小(xiǎ金日o)可以使用磅(point)或像素(pixel)來确定。一(yī)錢兒般網頁常用的字号大(dà)小(xiǎo)為(wè一離i)12磅左右。較大(dà)的字體可用于标題或其他(tā地內)需要強調的地方,小(xiǎo)一(yī呢分)些的字體可以用于頁腳和輔助信息。需要注意的是,小(xiǎ請南o)字号容易産生整體感和精緻感,但可讀性較差。
無論選擇什麼字體,都要依據網頁的總體設想和浏覽者的需要。在同一(yī)個頁面坐自中,字體種類少,版面雅緻、有穩重感;字體種類多,則版你腦面活躍、豐富多彩。關鍵是如(rú)何根據頁面内容來掌握這個路視比例關系。 行距的變化也會(huì)對文本的可讀懂木性産生很大(dà)的影響,一(yī)般情況下,接近字體尺寸的行距設置比較裡好适合正文。行距的常規比例為(wèi)10:12劇司,即字号為(wèi)10點,則行距為(wèi)12點,行距适當放大(dà)後熱鐵字體感覺比較合适。 行距可以用行高(line-hei靜謝ght)屬性來設置,建議以磅或默認行高的百民自分數為(wèi)單位。如(rú)(line讀湖-height:20pt)、(line-height:個科150%)。
文字的顔色
在網頁設計中可以為(wèi)文字、文字鍊接、已訪問鍊接和當前活什數動鍊接選用各種顔色。如(rú)正常字體顔色為(wèi)黑色,默認的鍊接顔色為信吃(wèi)藍色,鼠标單擊之後又變為(wèi)紫紅色得船。使用不(bù)同顔色的文字可以使想要強調的部分更加吸引人,但應該注村站意的是,對于文字的顔色,隻可以少量運用,如(rú)果什麼都想強調,其實是什跳跳麼都沒有強調。況且,在一(yī)個頁面上運用過學門多的顔色,會(huì)影響浏覽者閱讀頁面内習科容,除非有特殊的設計目的。 顔色的運用處理能夠起到強調兒我整體文字中特殊部分的作用之外,對于整個文案的情感表達也會(huì)産生影響。 你區另外需要注意的是文字顔色的對比度,它包括明度上的對比、純度上的對比,劇放以及冷暖的對比。這些不(bù)僅對文字的可得信讀性起作用,更重要的是,可以通(tōng)過對顔色的運用訊費實現想要的設計效果。設計情感和設計思想。
文字的圖形化
所謂文字的圖形化,即把文字作為(wèi)圖形元素來表達,同作朋時(shí)又強化了原有的功能。作為(wèi)網頁設計者,既可以按照年厭常規的方式來設置字體,也可以對字體進行藝術化的設計。無論影個怎樣,一(yī)切都應該以如(rú)何更出色的實現自己的設計媽下目标為(wèi)中心。
将文字圖形化。以更富創意的形式表達出深層的設計思想,能夠克服人路網頁的單調與平淡,從而打動人心。
讓文字易讀
字體是幫助用戶獲得(de)與網站的信息交互吧畫的重要手段,因而文字的易讀性和易辨認性是設計網站頁面時(sh理為í)的重點。不(bù)同的字體會(huì)營姐鐘造出不(bù)同的氛圍,同事不(bù)同的文字大(dà)小(xiǎo)和顔男議色對網站的内容起到強調或提示的作用。 正确的文字和配色方案的高是視覺設計的基礎。網站上的文字受屏幕分辨率和浏覽器(qì)的限制,但仍老線有通(tōng)用的一(yī)些準則:文字必須姐師清晰可讀,大(dà)小(xiǎo)合适,文門視字的顔色和背景色應有姜維強烈的對比度,文字周圍的設計元素不(bù煙月)能對文字造成幹擾。