為內(nèi)容配圖不簡單網(wǎng)站設(shè)計時圖文混排莫忽視這些

2022-04-01 分類：網(wǎng)站設(shè)計

網(wǎng)站設(shè)計時圖文混排莫忽視這些" alt="為內(nèi)容配圖不簡單網(wǎng)站設(shè)計時圖文混排莫忽視這些" />

　　至少在五年以前，也就是2012年前后，雖然網(wǎng)站設(shè)計已經(jīng)做的非常精致漂亮，但是依舊以文字內(nèi)容為主。而此后的五六年前，網(wǎng)站設(shè)計風(fēng)格取向幾乎發(fā)生了翻天覆地的變化。最為顯著的一個方向是圖片，尤其是高精度大圖在網(wǎng)站應(yīng)用的廣泛起來。還有一個方向是，移動端網(wǎng)站也由原來文字為主，演變成圖文混排且豐富多彩起來。時至今日，網(wǎng)站設(shè)計制作的邊界似乎已被打破，響應(yīng)式網(wǎng)站制作技術(shù)的逐漸普及，讓圖片在網(wǎng)站上的應(yīng)用幾乎無處不在。反而曾經(jīng)的主要內(nèi)容文字變化的不再那么重要。這一切得益于技術(shù)的發(fā)展，尤其是國家互聯(lián)網(wǎng)基礎(chǔ)設(shè)施的完備和提高，得益于移動互聯(lián)網(wǎng)技術(shù)及設(shè)施的發(fā)展完善。但是網(wǎng)站建設(shè)是集合美術(shù)設(shè)計、交互制作、用戶體驗(yàn)及程序代碼、營銷推廣等多元一體的工作，身處今天的讀圖時代如何在網(wǎng)站上用好圖片是值得思考的問題?？梢赃@樣說，為網(wǎng)頁內(nèi)容配圖并不簡單，網(wǎng)站設(shè)計制作時圖文混排也有必須遵循的一些原則。

　　一、圍繞內(nèi)容選擇圖片

　　在網(wǎng)站設(shè)計階段，或者網(wǎng)站建設(shè)完成并最終交付給客戶之前，網(wǎng)站的選圖、配圖不是問題。問題發(fā)生在網(wǎng)站上線運(yùn)營后，由于一些公司缺乏專業(yè)的設(shè)計師或者網(wǎng)站維護(hù)人員，導(dǎo)致為網(wǎng)頁搭配的圖片不甚和諧。這個不和諧主要體現(xiàn)在兩點(diǎn)，一是選圖（主要圖片反應(yīng)的內(nèi)容，或者圖片樣式風(fēng)格）不符合網(wǎng)站內(nèi)容，可以想象一下一個講述如何設(shè)計制作網(wǎng)站的頁面，配圖卻是企業(yè)郵箱，無論如何都是不太合適的；二是網(wǎng)頁內(nèi)容圖文搭配不美觀，甚至有些丑陋。由于缺乏必要的html和css代碼基礎(chǔ)，有些網(wǎng)頁的圖片都是變形的，這樣很自然的會影響到網(wǎng)站的用戶體驗(yàn)。至于那些由于圖片插入不合適，或者圖片的原始尺寸不做處理限制等，導(dǎo)致網(wǎng)頁錯位變形者也不在少數(shù)?；谝陨线@些問題，我們在選圖時就不可大意，至少應(yīng)該吻合當(dāng)前頁面的內(nèi)容主題，并且確保網(wǎng)頁不會錯位變形。

　　二、結(jié)合終端處理圖片

　　無論是專業(yè)的網(wǎng)站設(shè)計師，還是普通的網(wǎng)站內(nèi)容維護(hù)人員，在更新網(wǎng)站圖片時都應(yīng)充分考慮瀏覽終端。在網(wǎng)站設(shè)計和內(nèi)容更新維護(hù)的時候，圖片素材來源多半是搜索引擎和一些專業(yè)的圖片網(wǎng)站。為了兼顧各種用途，我們搜索到的一些圖分辨率可能非常高，很顯然一張分辨率在300dpi，大小就有十幾兆的圖片，是明顯不適合用于網(wǎng)站的。尤其是現(xiàn)在響應(yīng)式網(wǎng)站是主流的技術(shù)趨勢，一個網(wǎng)站不僅可以在PC端瀏覽，也可以通過手機(jī)等移動終端訪問。要知道手機(jī)端的4G流量雖然很快，但是其需要按月支付相對高額費(fèi)用的，一張高清圖片就要好幾兆甚至甚至十幾兆，至少在目前是行不通的。更為重要的是，網(wǎng)站顯示用圖分辨率72dpi已經(jīng)足夠，過于高清的圖片除去拖慢網(wǎng)站頁面及圖片打開速度外，并沒有什么實(shí)質(zhì)用處。

　　三、著眼推廣標(biāo)識圖片

　　企業(yè)做網(wǎng)站的目的多半單純而又簡單，就是希望網(wǎng)站可以有效提升公司品牌形象，也希望通過網(wǎng)站可以有效轉(zhuǎn)化用戶。所以我們在網(wǎng)站用圖的時候，自然要考慮到營銷推廣。比如在圖片上合適位置，在不影響用戶體驗(yàn)的前提下，注明核心業(yè)務(wù)加上網(wǎng)址或聯(lián)系電話等。再比如在更新網(wǎng)站圖片的時候，在代碼里面給圖片增加ALT描述，配合網(wǎng)站推廣做好搜索引擎自然排名等。還有就是公司網(wǎng)站用圖無疑是商業(yè)行為，在尋找及更新圖片的時候，一定要謹(jǐn)記知識產(chǎn)權(quán)風(fēng)險。上海網(wǎng)站設(shè)計高端品牌創(chuàng)新互聯(lián)(www.bm7419.com)給大家的建議是，下載的圖片在明知有版權(quán)的情況下不要使用，或者對多張圖片進(jìn)行合成處理后再使用。作為網(wǎng)站的主要構(gòu)成元素，圖片在這個讀圖時代大背景下會變得越來越重要。我們要重視圖片的使用，同時也應(yīng)明白圖片是網(wǎng)站內(nèi)容，文字也是網(wǎng)站內(nèi)容，兩者只有有機(jī)結(jié)合才能相得益彰。

當(dāng)前文章：為內(nèi)容配圖不簡單網(wǎng)站設(shè)計時圖文混排莫忽視這些
文章轉(zhuǎn)載：http://www.bm7419.com/news/145190.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容