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

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

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

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

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

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

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

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

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

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

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

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

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

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