首頁 > 新聞 > 網(wǎng)站設(shè)計(jì) > 如何做好網(wǎng)站設(shè)計(jì)中圖片與文字的配合
如何做好網(wǎng)站設(shè)計(jì)中圖片與文字的配合
想要獲得一個好的網(wǎng)站設(shè)計(jì)效果,就需要將圖片和文字合理的搭配起來,讓每個元素都各在其位。那么如何做好網(wǎng)站設(shè)計(jì)中圖片與文字的配合呢?這是今天天潤智力小編要為大家介紹的主要內(nèi)容。
一、字體的選擇和文字
網(wǎng)站設(shè)計(jì)中,文字的不同字體和不同的組合方式,所得到的效果是完全不同的,所以我們在網(wǎng)站設(shè)計(jì)時應(yīng)做好這方面的準(zhǔn)備工作。中文字體的選擇有很多種,目矓設(shè)計(jì)師一般會選擇“微軟雅黑”,這是一種在瀏覽器中看起來視效效果最好,也最舒服的字體。
二、文字與圖片的組合方式
文字與圖片的組合方式一般可以分為兩種,一種是圖片突出,文字在組合中起到的是解釋說明的作用,另一種是文字突出,圖片在組合中起到的作用是襯托和突出文字的重點(diǎn)。
三、文字、主體物和視覺焦點(diǎn)之間的關(guān)系
主體物的視覺焦點(diǎn)指的是攝影作品里的兩個基本要素,所以我們常會在一張照片里看到一個突出的人或物的主體。在網(wǎng)站設(shè)計(jì)中,如果我們把主體物看作是一個面,就會更容易理解文字在圖片的作品里的作用,讓文字和圖片之間保持和諧統(tǒng)一。
網(wǎng)站設(shè)計(jì)中文字與主體物之間的位置、大小關(guān)系三大規(guī)范:
1、文字內(nèi)容的面積絕對不能大于或接近主體物的面積,否則很容易造成主體物被忽略的情況。
2:文字“面”與主體“面”的邊線保持聯(lián)系(直線或平行),意思就是讓文字的平面與主體物的平面存在相關(guān)性。
3:文字“面”大小最大可以與畫面邊緣的距離可以等于主體“面”與畫面邊緣的距離。
四、字體與圖形的合理配合
網(wǎng)站設(shè)計(jì)時可以將網(wǎng)頁中的圖片看做是一個大色塊,主要作用就是為了突出文字并對文字起到輔助說明的作用,同時也可以起到美化風(fēng)站頁面的作用。這樣的圖片一般是插在文字中間的,所以會有一個很大的缺點(diǎn):容易對文字本身的表意進(jìn)行分散,間接的切段了文字之間的聯(lián)系,有時候甚至還會造成閱讀困難。所以這種情況選擇圖片時一定要慎重。薦讀文章1:b2c商城:網(wǎng)站設(shè)計(jì)中如何好運(yùn)用色彩藝術(shù) 2、北京網(wǎng)站設(shè)計(jì)主題顏色搭配要點(diǎn)
關(guān)于如何做好網(wǎng)站設(shè)計(jì)中圖片與文字的配合的問題天潤智力小編就為大家介紹的到這里,如有不懂之處可及時的向本站的在線咨詢師咨詢。
- 基于用戶創(chuàng)新
界面設(shè)計(jì)日新月異,夢創(chuàng)義堅(jiān)持基于用戶需求的界面創(chuàng)新設(shè)計(jì)……
- 服務(wù)設(shè)計(jì)思維
互聯(lián)網(wǎng)的格局發(fā)生的改變,在我們進(jìn)行設(shè)計(jì)服務(wù)時更是考慮不同用戶、不同……
- 洞察用戶心理
洞察用戶有意識和無意識的行為以及心理特征通過構(gòu)造一系列的服務(wù)來促進(jìn)……
- 查看更多 >>
最新新聞Latest News
- 中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營銷
- 很多中小型企業(yè)往往糾結(jié)于以下10個問題:一、我們起步比別人晚,我們的……
- 做企業(yè)網(wǎng)站到底做給誰看?
- 設(shè)計(jì)經(jīng)常時不時的遇到一些企業(yè)客戶,常常搞不清楚誰會真正看你的企業(yè)網(wǎng)……
- 傳統(tǒng)企業(yè)進(jìn)軍移動互聯(lián)網(wǎng),從移動云網(wǎng)站開始
- 移動互聯(lián)網(wǎng)是移動通信和互聯(lián)網(wǎng)融合的產(chǎn)物,其發(fā)展的重要基礎(chǔ)便是智能手……
- 網(wǎng)站建設(shè)和運(yùn)營五大細(xì)節(jié)決定用戶黏性
- 網(wǎng)站的成功離不開搜索引擎優(yōu)化,更離不開最基礎(chǔ)最根本的用戶群體,如何……
- 2015年值得關(guān)注的電子商務(wù)5大趨勢
- 線上線下銷售的界線正在變得越來越模糊。在2015年,這一趨勢仍將繼續(xù)。……