這些小技巧教會你網(wǎng)站背景圖設(shè)計

　　HiShop建站網(wǎng)最新報道，網(wǎng)站背景圖設(shè)計對于一個網(wǎng)站來說是十分重要的事情，現(xiàn)在對于用戶瀏覽網(wǎng)站來說，圖片的吸引力遠遠大于文字，所以怎么設(shè)計好一個吸引人的網(wǎng)站背景圖片很重要。

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

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

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

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

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

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

　　2、 了解圖像的妄圖

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

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

　　在一個網(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)站疏忽了這一點，以致招致信息不能準確傳送、銷售時機減少等疑問。

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

　　這項研討標明圖文有關(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)格不合，圖像計劃都以實體圖像為主，通過扁平化的圖標樹立了商品與手機App之間的虛擬聯(lián)絡(luò)，簡單易懂。

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

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

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

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

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

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