您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

做好頁(yè)面排版的十個(gè)基本功

一個(gè)漂亮的網(wǎng)頁(yè)設(shè)計(jì)能夠吸引讀者繼續(xù)瀏覽,而要想頁(yè)面漂亮,排版功不可沒(méi),那么如何做好頁(yè)面排版呢,下面圖趣分享10個(gè)做好網(wǎng)頁(yè)設(shè)計(jì)排版的基本功。


做好頁(yè)面排版的十個(gè)基本功 三聯(lián)


1、多花些時(shí)間

挑選合適的字體需要花費(fèi)大量時(shí)間。但是不要一遍又一遍地讓自己陷入對(duì)同一類(lèi)型的字體挑選中。因?yàn)槿藗兺?xí)慣于從自己熟悉的字體或者偏愛(ài)的字體開(kāi)始。多花些時(shí)間去發(fā)現(xiàn)探索新的類(lèi)型,這樣你才能慢慢地發(fā)現(xiàn)自己對(duì)一種字體的細(xì)微差別的敏銳度,真正地讓字體自己告訴你合適不合適。

2、不要使用過(guò)多的字體

如果你的一個(gè)頁(yè)面里有十種不同的字體,那么你的排版一定會(huì)很難看??刂谱约菏褂迷缴俚淖煮w,將會(huì)讓你的頁(yè)面脫穎而出。同時(shí)你也可以在字體的大小、重量和其它方面創(chuàng)造更多的對(duì)比變化。


你可能需要的字體教程:

《驚!網(wǎng)頁(yè)字體設(shè)置你真的了解嗎?》
《高大上!你了解字體的組合方式嗎?》

3、不要盲目趕潮流

那些時(shí)尚網(wǎng)站的現(xiàn)代字體固然很精致,但是它并不是適合所有的頁(yè)面。真正深入了解你的內(nèi)容來(lái)設(shè)計(jì)會(huì)比你盲目地用許多最新的字體疊加,使你的版面看起來(lái)更加自然和諧。其實(shí),字體也不光是網(wǎng)絡(luò)才有。有時(shí)候,打開(kāi)一本書(shū)或者一本雜志,看看那些經(jīng)久不衰的經(jīng)典字體,也會(huì)讓你受益良多。

4、保持不同

當(dāng)你選擇字體,將他們放在一起時(shí),確保他們的字體相互獨(dú)立的而不是相互接近的。因?yàn)槿绻x擇兩個(gè)相似的字體放在一起,會(huì)給大家一種錯(cuò)別字的感覺(jué)。


你可能需要的字體教程:

《字體與產(chǎn)品氣質(zhì),字體的7種類(lèi)型及特點(diǎn)》


5、別忘了襯線字體

無(wú)襯線的字體看起來(lái)會(huì)很現(xiàn)代,同時(shí)很簡(jiǎn)潔干練,被許多設(shè)計(jì)師所采用。不過(guò)對(duì)于一些抒情性強(qiáng)的頁(yè)面時(shí),偶爾使用一些襯線字體,會(huì)讓你的版面看起來(lái)更加有愛(ài),更加經(jīng)典。


你可能需要的字體教程:

《網(wǎng)頁(yè)設(shè)計(jì)字體故事-(個(gè)性-襯線加強(qiáng)法)》


6、保證清晰易讀

為了讓版面醒目突出,往往大部分設(shè)計(jì)師會(huì)忘記信息的明確傳達(dá)。他們就會(huì)使用各種工具制作很炫目的圖形,而把文字內(nèi)容放的很小很不起眼。這恰恰犯了版式編排的大忌,因?yàn)槟憧偛荒茏層^眾去猜測(cè)到底要傳達(dá)什么信息吧!

7、建立層級(jí)次序

決定了哪些字體要用來(lái)做什么,對(duì)他們要怎么處理,依次遵守設(shè)立一個(gè)系統(tǒng),這樣就能很容易地讓你來(lái)挑出來(lái)編排,也能讓讀者更容易地閱讀。

8、讓你的版面呼吸

確保你各個(gè)部分的內(nèi)容都被合理地放置而不是混亂地堆在一起,多調(diào)整行距和字距,多使用項(xiàng)目符號(hào)。這樣你的版式才會(huì)看起來(lái)舒服有序。

9、注意版權(quán)

不要認(rèn)為你是從網(wǎng)上獲得或者從朋友那里得到的字體,你就可以想怎么用就怎么用了。多想想它有沒(méi)有版權(quán)信息,在你打印之前就確保你是否需要從原作者那里獲得使用權(quán)。

10、小一點(diǎn)更好

更小一點(diǎn),不是任何時(shí)候都適用,但要是想顯得精致和高品位一些,小一點(diǎn)是沒(méi)錯(cuò)的。不過(guò)前提是足可以辨認(rèn)。平時(shí)在已經(jīng)完成一個(gè)頁(yè)面后,多推敲看看字體的字號(hào)能不能再小一點(diǎn)。有時(shí)候會(huì)起到出乎意料的效果!


[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di2965.html
視覺(jué)設(shè)計(jì)遠(yuǎn)不止“好看”這么簡(jiǎn)單
01DAY-網(wǎng)頁(yè)設(shè)計(jì)-CSS Sprite雪碧圖應(yīng)用
圖趣網(wǎng)微信
建議反饋
×