私域流量社交電商軟件及相關(guān)增值服務(wù)提供商--HiShop海商

返回
HiShop / 電子商務(wù)解決方案 / 云建站 / 云建站行業(yè)動態(tài) /

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

2017-10-09|HiShop|閱讀量:
導(dǎo)讀:HiShop建站網(wǎng)最新報(bào)道,網(wǎng)站背景圖的設(shè)計(jì)對于一個(gè)網(wǎng)站來說是十分重要的事情,現(xiàn)在對于用戶瀏覽網(wǎng)站來說,圖片的吸引力遠(yuǎn)遠(yuǎn)大于文字,所以怎么設(shè)計(jì)好一個(gè)吸引人的網(wǎng)站背景圖片很...

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

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

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

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

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

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

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

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

  2、 了解圖像的妄圖

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

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

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

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

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

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

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

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

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

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

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

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

  幫忙人了解

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

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

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

  教導(dǎo)人運(yùn)用

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

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

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

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

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

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

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

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

相關(guān)推薦

產(chǎn)品推薦
  • 移動云商城
    一款會賺錢的網(wǎng)上商城系統(tǒng)——移動云商城,讓零售企業(yè)轉(zhuǎn)型電商更簡單!獨(dú)創(chuàng)6合一全網(wǎng)營銷模式、裂變式推廣分傭快速吸粉引流,不論微信、APP、手機(jī)觸屏還是PC端網(wǎng)上購物商城,只要1個(gè)后臺即可掌控全網(wǎng)最火爆的6大商城!詳情
關(guān)注HiShop

電話咨詢 預(yù)約演示 0元開店