日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

如何讓網(wǎng)頁(yè)設(shè)計(jì)中的字體跟圖片搭配的更好看

云知道建站


如何讓網(wǎng)頁(yè)設(shè)計(jì)中的字體跟圖片搭配的更好看


有人說(shuō)，中文網(wǎng)頁(yè)的設(shè)計(jì)其實(shí)沒(méi)有字體設(shè)計(jì)這一環(huán)節(jié)，因?yàn)樵诰W(wǎng)頁(yè)中能用到的中文字體非常有限，能用的也只有黑體、宋體、微軟雅黑等，這給中文網(wǎng)頁(yè)的美感帶來(lái)了折損 。相比英文對(duì)字體的斟酌，網(wǎng)頁(yè)上的中文字體顯得太隨意 。
當(dāng)然，這種說(shuō)法有一定的正確性，但我們應(yīng)該換個(gè)角度看 。中文的網(wǎng)頁(yè)中的字體的確是局限在這幾款字體中，但不代表中文網(wǎng)頁(yè)就沒(méi)有字體設(shè)計(jì)這一環(huán)節(jié) 。
認(rèn)識(shí)網(wǎng)頁(yè)設(shè)計(jì)中的“字”
首先，我們簡(jiǎn)單將網(wǎng)頁(yè)里的文字分為可替換和不可替換兩個(gè)部分 。
可替換的文字也就是能通過(guò)后臺(tái)管理進(jìn)行編輯的文字，例如博客文章、產(chǎn)品說(shuō)明等 。不可替換的文字是在網(wǎng)頁(yè)制作過(guò)程中所定下的，后臺(tái)管理并不提供文字的編輯條件，通過(guò)網(wǎng)頁(yè)代碼才能修改，例如導(dǎo)航、Banner等 。不可替換的文字并非完全不能修改，只是修改一次會(huì)耗費(fèi)一定的成本，因此修改的間隔時(shí)長(zhǎng)，比如導(dǎo)航的修改需要經(jīng)過(guò)代碼，而B(niǎo)anner里的文字的修改也需要重新設(shè)計(jì)Banner 圖片 。
可替換的文字只能使用網(wǎng)頁(yè)所允許給定的字體，因此中文字體的選擇面較窄 。但不可替換的文字則可以通過(guò)圖片等方式展示，將其制作成透明背景的圖片，這時(shí)，字體的使用和排版都是靈活的，設(shè)計(jì)師就會(huì)有足夠的創(chuàng)作自由度 。
字形的觀察
字體首先是一種圖形，然后再是可承載信息的文字，因此，當(dāng)你挑選一款字體來(lái)搭配圖片的時(shí)候，你需要集中去觀察文字的形態(tài)特征是否和圖片協(xié)調(diào) 。
在挑選字體之前，首先觀察圖片里的形態(tài)特征 。如果配圖是以插畫(huà)的方式呈現(xiàn)，那么插畫(huà)里的風(fēng)格細(xì)節(jié)，以及此類(lèi)風(fēng)格所表達(dá)出的年代感和空間氛圍，都提供給你挑選與其所搭配字體的依據(jù) 。比如英文中的無(wú)襯線(xiàn)體通常較為現(xiàn)代，而襯線(xiàn)體較為古典 。
字體還可以經(jīng)過(guò)一定的設(shè)計(jì)，在原有的字體基礎(chǔ)上進(jìn)行一定的“變形”，這當(dāng)然就更不能頻繁更換 。根據(jù)主題而進(jìn)行一定的“微調(diào)”，讓氛圍表達(dá)得更加豐滿(mǎn)立體 。
如將圓圓的字母中空的部分填實(shí)增加了可愛(ài)感，與配圖的角色形象也非常搭配 。
字距和行距
觀察字形，用你敏銳的設(shè)計(jì)師的眼光來(lái)區(qū)別不同字體的特征，這是挑選比較大的字體時(shí)需要具備的能力 。因此，非常適合用在首圖、Banner等需要將文字做成圖片所展示的情況下 。而我們的字體還有形成段落進(jìn)行展示的時(shí)候 。這時(shí)，形的特征逐漸隱去，我們更多關(guān)注字與字之間的關(guān)系，即字距 。
一般情況下，字距的選擇總是根據(jù)字體本身以及其和空間的關(guān)系來(lái)決定，當(dāng)字距較小時(shí)，傳遞出一種緊湊感，而字距寬松又能表達(dá)出一種輕松感 。
比如大型展示字體的距離總是以相互靠近為佳，因?yàn)樽煮w本身已經(jīng)占據(jù)了足夠的空間，如果再在字體間增加空間就會(huì)讓整個(gè)空間被填滿(mǎn) 。因此，我們也可以說(shuō)，字距根據(jù)整個(gè)空間進(jìn)行調(diào)整確定 。與此同時(shí)，配圖也是以較為集中感的方式展示，所有箭頭真是“萬(wàn)夫所指”，因此字距縮小，略有集中感 。
而相對(duì)較小的字體，略帶輕松和閑適，與此搭配的圖片也是一堆木材，聯(lián)想到木匠的自然愜意感 。
在中文的世界里同樣適用，然而不同的是，中文字體的距離應(yīng)該更加遠(yuǎn)一點(diǎn)，以保持單個(gè)字體的獨(dú)特展示度 。因?yàn)橹形牡拿總€(gè)單字都可以看成一幅圖畫(huà)，擁有一定的意境，因此，保持字距是中文展示能保持美感的一個(gè)關(guān)鍵 。
當(dāng)字體變?yōu)榇怪闭故緯r(shí)，更應(yīng)該拉寬上下字距 。這是由于我們?nèi)搜鄄⒉皇煜ど舷马樞虻拈喿x習(xí)慣，如果字距較近則容易形成字與字的視覺(jué)粘連 。

推薦閱讀