網(wǎng)頁設(shè)計(jì)中最常用的5種配圖方式發(fā)布者：本站     時(shí)間：2021-02-01 19:02:41

一個(gè)完整的網(wǎng)頁，主要包含有以下內(nèi)容：

文案 – 網(wǎng)頁上的文本信息，用戶通過閱讀獲得信息；
圖片 – 網(wǎng)頁上的圖像信息，用戶通過視覺進(jìn)行查看或?yàn)g覽；
視頻 – 可播放的視頻內(nèi)容，具備聲音和畫面；
動(dòng)畫 – 可以和用戶互動(dòng)，提升用戶體驗(yàn)；
聲音 – 比如背景音樂，當(dāng)你打開一個(gè)網(wǎng)頁，會(huì)自動(dòng)播放。
 

今天，我們要談?wù)摰闹黝}是網(wǎng)頁圖片。

為什么網(wǎng)頁設(shè)計(jì)中一定會(huì)用到圖片？
圖片的作用絕不僅僅在于提升界面美觀度，在用戶體驗(yàn)設(shè)計(jì)中，圖片對(duì)提升設(shè)計(jì)可用性也起著重要作用。人都是視覺動(dòng)物，天生對(duì)圖像有偏愛，對(duì)圖像的感知速度也遠(yuǎn)遠(yuǎn)超過文字，在Wayback Machine的研究中，人類感知圖像的速度比感知文本要快60,000倍。因此，當(dāng)我們看到一個(gè)網(wǎng)頁時(shí)，圖像也就成了我們最先感知的元素。

圖片之所以如此重要，還有更多原因：

圖像本身還具備豐富的信息傳達(dá)力和情感吸引力，心理學(xué)家通過研究發(fā)現(xiàn)，人類只需要大約1/10秒的時(shí)間就能大致了解視覺場(chǎng)景或視覺元素；
人類大腦喜歡將重要信息記憶為視覺圖像，即使這些信息是通過文本感知獲得的；
圖像和頁面背景以及周圍元素更易結(jié)合，而文本在很大程度上取決于可讀性；
圖像更容易在人腦中形成長期的記憶點(diǎn)，用戶不需要記憶大量數(shù)據(jù)，就可以通過圖像和界面進(jìn)行交互；
文字具有語言限制，但不同母語的人卻可以識(shí)別同一張圖像，圖像比語言更加具備通用性；
文字識(shí)別有門檻，對(duì)于患有閱讀障礙的人或?qū)W齡前兒童，他們可以繞過文本通過圖像感知信息；
圖片對(duì)網(wǎng)站的SEO排名也會(huì)產(chǎn)生影響。
網(wǎng)頁中常用的圖片類型有哪些？
現(xiàn)今，網(wǎng)頁設(shè)計(jì)中最常見的圖片一共有5種類型，分別是logo、照片、插圖、卡通人物（吉祥物）以及3D渲染圖片，每種類型都有自己的特色，我們將逐一分析。

 

徽標(biāo)（logo）
Logo代表著品牌，是一種象征性的視覺元素，它向用戶傳達(dá)公司理念、品牌、服務(wù)等信息。Logo在如今的網(wǎng)頁設(shè)計(jì)中幾乎是不可或缺的，甚至一些個(gè)人博客和作品集網(wǎng)站也會(huì)使用logo。

在網(wǎng)頁設(shè)計(jì)中，使用logo時(shí)有哪些小技巧？

在頂部導(dǎo)航欄處放置logo：通常，頂部導(dǎo)航欄是用戶最先看到的區(qū)域。
不要改變logo的交互邏輯：當(dāng)用戶單擊logo時(shí)，一般都是跳轉(zhuǎn)回首頁；如果是單頁網(wǎng)站，則回到頁面頂部。
增加hover交互效果：當(dāng)用戶鼠標(biāo)懸停在logo上時(shí)，增加hover效果，不僅可以提示用戶可點(diǎn)擊，還可以提升用戶體驗(yàn)。