21世紀已經(jīng)是互聯(lián)網(wǎng)的時代,網(wǎng)站伴隨著互聯(lián)網(wǎng)的發(fā)展而迅速的興起,從而網(wǎng)頁設(shè)計也成為了諸多用戶的需求。
今天,我們就來講講網(wǎng)頁設(shè)計中的字體設(shè)計。網(wǎng)頁設(shè)計不同于平面設(shè)計,平面設(shè)計的字體可以五花八門,最終是印刷展示,而網(wǎng)頁設(shè)計中的文字則是需要代碼實現(xiàn),因此,網(wǎng)頁設(shè)計中的文字僅限于電腦系統(tǒng)中自帶的文字,宋體、微軟雅黑。此時應(yīng)該有人會質(zhì)疑:“我在網(wǎng)站中見過特殊的字體啊”,網(wǎng)站中的確有特殊的字體,一般來講,文字可以加粗、傾斜,還有一種就是設(shè)計在圖片中的字體,也就是圖片展示,例如:網(wǎng)站的banner圖片中運用的文字標語,多數(shù)都是特殊的字體,特殊的設(shè)計排版,因為它不需要用代碼來實現(xiàn)這個文字,它僅僅是一張圖片。
下面來講講網(wǎng)站中標準字體的使用方法:字體的大小,字體的運用一般分來兩種,1是標題文字,如:導(dǎo)航、欄目標題,2是內(nèi)容文字,如:文章介紹、版權(quán)信息等。標題介紹中的文字大小沒有局限,符合頁面搭配即可,小置12號字 大到20-30(px),通常運用的字體是“微軟雅黑”,字體樣式:銳利、渾厚、犀利、平滑,微軟雅黑的字體比較渾厚,有厚重感,適合用于標題醒目的地方,同樣,也可以加粗“Bold”。而文章介紹中的文字多數(shù)用于“宋體”,宋體的樣式似楷體,有手寫出來的感覺,清晰繚繞,適合多段文字甚至多篇文字的使用,一般宋體用于文章中的大小是12(px),字體樣式:無。
網(wǎng)頁設(shè)計中有網(wǎng)頁設(shè)計中的規(guī)矩,初學(xué)者可以通過多次的反復(fù)來對比網(wǎng)頁設(shè)計的文字的運用方法。
接下來我們講講大段文字中的行間距,一篇文章介紹,如果設(shè)計者沒有考慮到行間距的因素,那么大篇幅的文字會給閱讀者帶來煩躁感,甚至閱讀者不會認真的閱讀文章的內(nèi)容。合理的運用行間距是讓一篇文章的排版更有生命力,設(shè)計術(shù)語叫“呼吸”,只有文字與文字之間有呼吸了,閱讀起來才會很輕松,而不是大篇文章擠在一起讓人煩躁的感覺。網(wǎng)頁設(shè)計中的行間距通常是字體大小的一倍再小一點,例如:文字排版宋體12px,那么行間距可以選擇設(shè)置20px,小到16xp、18px,大到22px、26px,根絕文字的篇幅以及運用版式的不同來判斷具體應(yīng)該用多大的行間距,呼吸很重要,會不會留出來呼吸的空間,就是一個設(shè)計師的基本功。
文字的介紹基本上都在這里,剩下的就是借鑒欣賞,多瀏覽網(wǎng)頁,審美提高上去自然會設(shè)計出漂亮的網(wǎng)頁設(shè)計~
2016年前潮網(wǎng)絡(luò)小編祝大家工作愉快!
文章出自:北京網(wǎng)站建設(shè)公司-前潮網(wǎng)絡(luò) http://www.xiaoziling.cn 如需轉(zhuǎn)載請注明,010-57227103.
校園跑腿app開發(fā)要具備什么條件?校園跑腿業(yè)...
對于不少大學(xué)生來講,平時吃飯離不開一些校園跑腿外賣類app軟件,而且校園跑腿app之所以能夠吃得開,就是因為學(xué)生...
2023-11-30
教育app應(yīng)該怎樣提升用戶體驗?zāi)兀?..
互聯(lián)網(wǎng)的快速發(fā)展,對傳統(tǒng)的教育方式產(chǎn)生了很大的影響。學(xué)生借助線上學(xué)習(xí)平臺,更快捷、方便地學(xué)習(xí);教師通過線上...
2023-10-10
在線教育類APP怎么樣才能做好呢?...
隨著時代的發(fā)展,傳統(tǒng)教育培訓(xùn)機構(gòu)在移動互聯(lián)網(wǎng)沖擊下,很多企業(yè)都開始轉(zhuǎn)型定制開發(fā)在線教育類APP軟件,尤其2020...
2023-10-09
北京教育類app開發(fā),助力行業(yè)進一步數(shù)字化轉(zhuǎn)...
AIGC是指生成式人工智能,是以往人工智能技術(shù)的集大成者,推動了人工智能進入2.0時代,算法的迭代更新使得AIGC技...
2023-10-08