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

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

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

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

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

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

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

 

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

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

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