網(wǎng)站設計中占據篇幅zui多的就是圖片和文字,想要獲得一個(gè)好的網(wǎng)站設計效果,就需要將圖片和文字合理的搭配起來(lái),讓每個(gè)元素都各在其位。那么如何做好圖片與文字的配合呢?
1、字體選擇與字體組合方式
網(wǎng)站設計中,文字的不同字體和不同的組合方式,所得到的效果是完全不同的,所以我們在網(wǎng)站設計時(shí)應做好這方面的準備工作。中文字體的選擇有很多種,比如“微軟雅黑”,就是一種在瀏覽器中看起來(lái)視效效果zui好,也zui舒服的字體。
2、文字與圖片的組合方式
文字與圖片的組合方式一般可以分為兩種,一種是圖片突出,文字在組合中起到的是解釋說(shuō)明的作用,另一種是文字突出,圖片在組合中起到的作用是襯托和突出文字的重點(diǎn)。
3、主體物與視覺(jué)焦點(diǎn)
主體物與視覺(jué)焦點(diǎn)是攝影作品里的兩個(gè)基本要素,因此在一張照片里通常會(huì )有一個(gè)突出的人或物作為主體。在網(wǎng)站設計中,如果我們把主體物看作是一個(gè)面,就會(huì )更容易理解文字在圖片的作品里的作用,讓文字和圖片之間保持和諧統一。
文字部分與主體物之間的位置大小關(guān)系有三大原則:
文字部分的面積絕對不能大于或接近主體物的面積,否則很容易造成主體物被忽略的情況。
文字“面”與主體“面”的邊線(xiàn)保持聯(lián)系(直線(xiàn)或平行),意思就是讓文字的平面與主體物的平面存在相關(guān)性。
A=B 文字“面”或者與畫(huà)面邊緣的距離幾乎相等于主體“面”與畫(huà)面邊緣的距離
4、字體與圖形的配合
以“圖片突出文字”為目的的排版,其特點(diǎn)是不需要分析照片里面的元素。在大部分設計教程以及很多優(yōu)秀的設計作品里,圖片被認為只是作為一個(gè)大色塊存在,它的存在只是為了zui后你想要表達的文字(情感),鋪設基調。
大部分優(yōu)秀排版里采用的解決方案是運用字體與圖形的配合,而其中類(lèi)型有三種:
PART 1/形狀圖形
形狀圖形主要指方形、圓形以及一些不規則的形狀圖形。
PART 2/直線(xiàn)
直線(xiàn)分兩種,一種就是純粹的一條直線(xiàn),而另一種則是由細小的字組成的一段文字(通常是英文)。
PART 3/字符
一般是指的數字以及英文字母,配合文字能有更好的突出效果,而阿拉伯數字的效果zui佳。