八個小訣竅幫你玩轉(zhuǎn)網(wǎng)站背景圖設(shè)計

幾乎全部計劃師都知道頁面計劃中用圖的主要性，但在實習(xí)項目中，怎么做好圖像計劃?這篇文章將與咱們共享怎么通過“掌握圖像的妄圖”做好計劃。

創(chuàng)新互聯(lián)給計劃師的倡議：做圖前先別急著找資料!

假如能做好兩個預(yù)備作業(yè)，對計劃師們會有幫忙：

1、 整理網(wǎng)站中所需圖像類型

沒通過思考就直接開工是計劃效率低下的元兇巨惡。

在圖像計劃前，計劃師最好能參閱現(xiàn)在已有的頁面大略計劃和節(jié)目等，從頭整理列出網(wǎng)站中所需的圖像類型。

比方，按照節(jié)目和模塊對所需的圖像分類：Banner、事務(wù)引見、商品引見/展示、公司引見、團隊引見、新聞/資訊、客戶事例等。

當(dāng)然，計劃師也可以根據(jù)項目實習(xí)情況，或最合適本人的方法選用非常好的圖像分類。

整理圖像類型是幫忙計劃師從頭整理網(wǎng)站內(nèi)容，讓后邊作業(yè)更有計劃和針對性。

2、 了解圖像的妄圖

在一個網(wǎng)站中，閱覽頁面時所看到的圖像不該僅做到吸收用戶的視界，而更能讓用戶通過視覺形象，準(zhǔn)確感遭到網(wǎng)站傳送的信息。

實習(xí)上，頁面上的圖像不只是美麗的像素塊，全部的圖像都應(yīng)該是有妄圖的。

了解圖像妄圖，對計劃師來說即是了解圖像的計劃意圖，這是十分主要的一步作業(yè)。

咱們總結(jié)了幾個多見的圖像妄圖：展示商品特性(優(yōu)勢);與文字有關(guān)聯(lián)，堅持元素不合性;幫忙人了解某些東西;教導(dǎo)人運用(某商品);以人物視界引導(dǎo)用戶;營建空氣;烘托心境;刻畫品牌。

以下是實習(xí)事例共享：

展示商品特性：

上面事例是fiftythree網(wǎng)站的Banner圖。

在一個網(wǎng)站中，首屏對用戶的第一形象幾乎起抉擇作用，而Banner圖在首屏中地點的方位，抉擇了其主要性。格外關(guān)于營銷型網(wǎng)站來說，Banner圖是一個最好商品展示的方位。

事例中的圖像展示了“Pencil”運用在iPad(Apple系列商品)上的畫面，即商品的運用場景，也是商品的一個特性。

該事例的圖像妄圖十分了解，和文字調(diào)配在一起，既有宣揚、推廣商品的作用，又是一個引導(dǎo)用戶點擊參加的進口。

與文字有關(guān)聯(lián)，堅持元素不合性：

上圖事例是aiia商品博客的Banner，此處的圖像與文字高度有關(guān)，既堅持了元素的不合性，又通過色彩上明與暗的處置，出現(xiàn)了一種視覺美。

用戶在翻開博客后，會一起重視到文字和布景的商品圖像，在腦海中留下具象化的形象。

本來對計劃師來說，圖文有關(guān)是計劃中的一個底子繩尺。但大部分網(wǎng)站疏忽了這一點，以致招致信息不能準(zhǔn)確傳送、銷售時機減少等疑問。

有一個來自Web易用性大師Jakob Nielsen的研討定論：單純的裝飾性圖像會潛認識地被咱們大腦疏忽。

這項研討標(biāo)明圖文有關(guān)性的主要作用，變成計劃輔導(dǎo)繩尺。

“圖像與文字有關(guān)聯(lián)”更應(yīng)該被計劃師用于項目理論中。

幫忙人了解

Zuli網(wǎng)站中為用戶展示的是一款新穎的智能家居商品，其間首頁Banner以商品運用場景為布景。

這款商品是怎樣用的?上圖幫忙用戶迅速了解網(wǎng)站傳達的內(nèi)容。

此處圖像通過專業(yè)拍照和處置，清楚、潔凈，而且將本來需要一大段文字描寫的信息，成功以“看圖說話”的方法直接向用戶展示，幫忙用戶非常好天文解商品。

教導(dǎo)人運用

在Zuli網(wǎng)站的“How it Works”頁面中，頁面以圖文別離方法展示商品的多個運用情況或場景。

該頁面的全部圖像風(fēng)格不合，圖像計劃都以實體圖像為主，通過扁平化的圖標(biāo)樹立了商品與手機App之間的虛擬聯(lián)絡(luò)，簡單易懂。

此處圖像的妄圖是教導(dǎo)用戶運用商品。

當(dāng)用戶閱覽頁面時，圖像可以吸收人的留心力，并讓用戶對圖像內(nèi)容高度靈敏，進而自動閱覽文字深化了解商品怎么運用，激起更大興味。

一般情況下，計劃意圖為“教導(dǎo)人運用”的圖像，更適用于新商品或運用雜亂的商品，這種方法可以幫忙用戶迅速操控運用竅門，下降商品運用本錢，獲得用戶喜歡。

以人物視界引導(dǎo)用戶

Ines Maria Gamler網(wǎng)站中展示的女人正側(cè)著臉，雙眼注視網(wǎng)站中心的文字。翻開網(wǎng)站時，大多數(shù)人會首要重視人物的臉部，并進一步遭到人物視界的引導(dǎo)。

跟著人物的視界，用戶會進一步將留心力放在頁面中心的文字和圖形上。

這種計劃方法有兩個要害：一般先通過美麗的模特(或其別人物形象)吸收用戶重視;用戶會持續(xù)跟著模特視界搬運留心點，重視商品、案牘或Logo，抵達圖像計劃的意圖。

在著名的You Look Where They Look研討里，通過對嬰兒尿布批發(fā)商網(wǎng)站的眼動研討，得出了卻論：廣告中，用戶眼球可以被模特(或人物形象)的視界所引導(dǎo)。

通過人物視界的巧妙引導(dǎo)，可以讓網(wǎng)站主要信息得到展示，并改進用戶視界只重視模特的疑問。

營建空氣

翻開23snaps網(wǎng)站后，左邊圖像瞬間吸收人的留心力，給人一種親切感。

對用戶來說，日子化的圖像濃縮了人們平時日子的一個場景，有熟諳的覺得。圖像從全體營建了溫馨的空氣，而且人物愉悅的表情能影響人的心境，讓用戶感遭到一種歡喜、溫馨的家庭空氣。

此處同樣選用了人物視界引導(dǎo)用戶，跟著圖像中孩童的視界，用戶會進一步重視到圖中案牘和注冊/登錄區(qū)域。

該事例還從全體構(gòu)圖展示了App運用場景，向用戶傳達了“Share Family Photos”的定位。

烘托心境

UDO網(wǎng)站選用的圖像展示了很多美麗風(fēng)景，計劃和色彩的全體調(diào)配，從視覺上帶給用戶一種清新溫馨的覺得。

審美是人人具有的天分，一個網(wǎng)站能否美麗，用戶在第一眼就會有直觀的判別。遭到大腦中的“原始人”影響，圖像美麗水平能真實影響到用戶對網(wǎng)站第一形象。

該事例中的圖像給在視覺計劃上給用戶留下一個好形象，激起用戶的幻想，并釋放出美麗、清新、安靜等感觸，讓用戶感到放松，并愿意持續(xù)閱覽網(wǎng)站。

刻畫品牌

Katia Bongiorno是一個品牌網(wǎng)站，該事例的商品/效勞通過一系列風(fēng)格一致的高清大圖全屏展示，在用戶集體中刻畫了高端、精巧的品牌形象。

對用戶來說，高質(zhì)量的大圖常常更受歡迎，風(fēng)格一致的圖像既有視覺震動力，又簡單給人留下較深化的形象，耐久吸收用戶留心力。

成功品牌可以在很久以后，通過視覺上的共同，引發(fā)人潛認識里的形象，讓用戶聯(lián)想到該品牌。

此處的高清大圖以及圖像風(fēng)格一致是刻畫品牌的要害要素，無形中加深了人的形象，留下久遠影響。

以上幾個事例是最多見的圖像妄圖，一起也是圖像計劃中需要完結(jié)的意圖。

計劃師需要做的，即是加深對項目需要和客戶公司的事務(wù)了解，以便更了解網(wǎng)站中各節(jié)目圖像的計劃意圖。

預(yù)備作業(yè)完結(jié)后，再歸納思索需要剖析期間的效果(計劃構(gòu)思、頁面內(nèi)容結(jié)構(gòu)、網(wǎng)站風(fēng)格等)，計劃師們就可以開端預(yù)備拍照或搜集圖像資料搞設(shè)計了。

網(wǎng)頁標(biāo)題：八個小訣竅幫你玩轉(zhuǎn)網(wǎng)站背景圖設(shè)計
分享鏈接：http://www.bm7419.com/news25/161325.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、微信小程序、品牌網(wǎng)站建設(shè)、網(wǎng)站維護、虛擬主機、做網(wǎng)站

廣告

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