網(wǎng)站基本的功能是呈現(xiàn)信息,讓用戶可以閱讀。字體的展示和排版自然也是網(wǎng)頁設(shè)計師工作的重要內(nèi)容之一,也是設(shè)計師必備的一種能力。文字排版作為設(shè)計的基礎(chǔ)知識,很多人會忽略其重要性。在這里,小編分享一些排版的小技巧,希望能對大家有所幫助。
1.添加對比度
文本必須可讀才能成功。確保文本顏色變化足以與照片結(jié)合使用。如果是深色背景的照片,可以選擇白色(或淺色)文本。如果是照片背景較淺,進(jìn)行深色處理文本。對比度也可以指與圖像中發(fā)生的情況有關(guān)的文本大小。字應(yīng)與圖像配合使用。例如,在上面的Pack網(wǎng)站上,圖像大而粗,而類型又薄又輕。這些元素協(xié)同工作,但它們包含對比元素。
2.將文本添加到背景
好的“技巧”之一是將文本放在圖像的背景部分而不是前景。通常,背景不雜亂,在放置文本時更容易使用。背景通常也是單色,因此它是容易識別甚至更易于閱讀的文本顏色的位置。終結(jié)果是看起來自然的擺放位置,不需要對主照片進(jìn)行很多技巧或改動。使用微妙的陰影效果(例如,下面的Caitlin Wicker的站點)進(jìn)行文本放置,還可以為圖像添加深度元素。
3.將文本放在一個盒子里
當(dāng)照片包含很多顏色或明暗部分之間的差異時,將文本放在另一個框架中可以使其更加突出。選擇一個的形狀,并填充顏色,可以為框提供足夠的對比度,以顯示字母。并使用一個有一定透明度的框架,以獲得更柔和的感覺,使圖像得以顯示。
4.添加顏色
添加一絲色彩也可以增加圖像的視覺趣味。上面的網(wǎng)站采用一種使用圖像中看不到的對比色來突出顯示某些單詞。
5.將圖像移到一邊
當(dāng)在照片上放置版式時,并不完全意味著照片應(yīng)完全位于內(nèi)容的基礎(chǔ)上??梢噪S意使用背景來建立內(nèi)容的焦點。為此,輕松地稍微移動圖像,將其移動到底部或左側(cè)或右側(cè)。字母的大小以及樣式應(yīng)能創(chuàng)造出足夠的美感,使之易于理解。
圖文排版在網(wǎng)頁設(shè)計中起著至關(guān)重要的作用,不同的圖文排版決定著網(wǎng)站整體的風(fēng)格,而文字編排是提升網(wǎng)站魅力的關(guān)鍵點之一。好的文字編排能在富有趣味性、設(shè)計感、吸引眼球、準(zhǔn)確的傳達(dá)信息的基礎(chǔ)上突出文案的風(fēng)格、信息和層次。