四川少BBB搡BBB爽爽爽_四川女人毛多水多A片_四川BBBBBB搡BBBBB_四LLL少妇BBBB槡BBBB_私密直播全婐APP免费魅影_爽到喷水(H)

400-611-9921

當前位置:首頁 > 新聞資訊 > 縱天觀點
網(wǎng)頁設計中,如何讓字體和圖片搭配得更加好看?

2021-08-04

2696

有人說,中文網(wǎng)頁的設計其實沒有字體設計這一環(huán)節(jié),因為在網(wǎng)頁中能用到的中文字體非常有限,能用的也只有黑體、宋體、微軟雅黑等,這給中文網(wǎng)頁的美感帶來了折損。相比英文對字體的斟酌,網(wǎng)頁上的中文字體顯得太隨意。


當然,這種說法有一定的正確性,但我們應該換個角度看。中文的網(wǎng)頁中的字體的確是局限在這幾款字體中,但不代表中文網(wǎng)頁就沒有字體設計這一環(huán)節(jié)。

認識網(wǎng)頁設計中的“字”

首先,我們簡單將網(wǎng)頁里的文字分為可替換和不可替換兩個部分。


可替換的文字也就是能通過后臺管理進行編輯的文字,例如博客文章、產(chǎn)品說明等。不可替換的文字是在網(wǎng)頁制作過程中所定下的,后臺管理并不提供文字的編輯條件,通過網(wǎng)頁代碼才能修改,例如導航、Banner等。不可替換的文字并非完全不能修改,只是修改一次會耗費一定的成本,因此修改的間隔時長,比如導航的修改需要經(jīng)過代碼,而Banner里的文字的修改也需要重新設計Banner 圖片。


可替換的文字只能使用網(wǎng)頁所允許給定的字體,因此中文字體的選擇面較窄。但不可替換的文字則可以通過圖片等方式展示,將其制作成透明背景的圖片,這時,字體的使用和排版都是靈活的,設計師就會有足夠的創(chuàng)作自由度。


下面這個設計中所使用的字體就經(jīng)過了一定的設計,字體更換并不十分容易。


這里所謂的與圖片的搭配,也是指的這類可以經(jīng)過設計的文字。


字形的觀察

字體首先是一種圖形,然后再是可承載信息的文字,因此,當你挑選一款字體來搭配圖片的時候,你需要集中去觀察文字的形態(tài)特征是否和圖片協(xié)調。


在挑選字體之前,首先觀察圖片里的形態(tài)特征。如果配圖是以插畫的方式呈現(xiàn),那么插畫里的風格細節(jié),以及此類風格所表達出的年代感和空間氛圍,都提供給你挑選與其所搭配字體的依據(jù)。比如英文中的無襯線體通常較為現(xiàn)代,而襯線體較為古典。


下面的頁面中的配圖經(jīng)過曲線造型,因此,與此搭配的文字采用了Adelle無襯線體,可以看出字體中的圓弧處理和配圖中曲線的流轉造型相呼應。




我們需要配以對“形”的觀察解構能力。也同時需要對字體所承載的風格特征作出一定的歸類。非但英文需要精挑細選,中文也需要認真的斟酌,而不能以期待偶遇一款好看的字體,以好看為目的進行設計,最終結果都是失敗之作。


字體還可以經(jīng)過一定的設計,在原有的字體基礎上進行一定的“變形”,這當然就更不能頻繁更換。根據(jù)主題而進行一定的“微調”,讓氛圍表達得更加豐滿立體。

如將圓圓的字母中空的部分填實增加了可愛感,與配圖的角色形象也非常搭配。


字距和行距

觀察字形,用你敏銳的設計師的眼光來區(qū)別不同字體的特征,這是挑選比較大的字體時需要具備的能力。因此,非常適合用在首圖、Banner等需要將文字做成圖片所展示的情況下。而我們的字體還有形成段落進行展示的時候。這時,形的特征逐漸隱去,我們更多關注字與字之間的關系,即字距。


一般情況下,字距的選擇總是根據(jù)字體本身以及其和空間的關系來決定,當字距較小時,傳遞出一種緊湊感,而字距寬松又能表達出一種輕松感。


比如大型展示字體的距離總是以相互靠近為佳,因為字體本身已經(jīng)占據(jù)了足夠的空間,如果再在字體間增加空間就會讓整個空間被填滿。因此,我們也可以說,字距根據(jù)整個空間進行調整確定。與此同時,配圖也是以較為集中感的方式展示,所有箭頭真是“萬夫所指”,因此字距縮小,略有集中感。


在中文的世界里同樣適用,然而不同的是,中文字體的距離應該更加遠一點,以保持單個字體的獨特展示度。因為中文的每個單字都可以看成一幅圖畫,擁有一定的意境,因此,保持字距是中文展示能保持美感的一個關鍵。




當字體變?yōu)榇怪闭故緯r,更應該拉寬上下字距。這是由于我們人眼并不熟悉上下順序的閱讀習慣,如果字距較近則容易形成字與字的視覺粘連。


而行距則不同,當你考察行距時,這時字體已經(jīng)變成了段落,成片出現(xiàn)的字體則是段落,你要關注的就應該是整個段落的灰度值。所謂灰度值就是字體的疏密。


較大的行距和較大的字距一樣都能傳遞出緊湊和輕松的不同之感,同時,行距也關聯(lián)著字體本身的色彩、字距以及字體大小以及字體最終的形態(tài)。英文的行距可以以1.5倍作為標準尺度,然而一切規(guī)則都是依靠條件而存在,如果在特殊的場合,依然可以選用更大或更小的行距展示。


這一段落的字體等安排配合了配圖中所傳遞出的兒童的教育成長這一主題,選用較為圓潤的字體,字距較寬松,體現(xiàn)出輕松的氛圍。字體本身采用和LOGO一樣的色彩,比黑色字體更透露出趣味。


后記

厘清字體的字距所創(chuàng)造的疏密,行距帶來段落的灰度幾何,配合字體本身的展示形態(tài),你才能更好的選擇與此相稱的配圖。多了解字體,對不同風格的字體的形態(tài)有大致的了解,在使用時才不會手忙腳亂去盲目找尋適合的字體,平時對字形的積累極為重要。記得為自己建立一個字庫,才會在圖文搭配時得心應手。

免費咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F

業(yè)務 QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預約資深顧問

信息保護中,請放心填寫
關閉
免費獲取方案
咸丰县| 台湾省| 游戏| 偃师市| 噶尔县| 屏边| 和田县| 仁布县| 霸州市| 金山区| 濉溪县| 高雄市| 吉林省| 界首市| 阜宁县| 茂名市| 武川县| 宝坻区| 黎平县| 故城县| 雅江县| 华安县| 汝城县| 安吉县| 星子县| 昆山市| 西吉县| 锡林浩特市| 嘉义县| 龙岩市| 甘泉县| 夏津县| 琼结县| 封丘县| 兴业县| 盐城市| 故城县| 旌德县| 曲麻莱县| 江城| 常宁市|