讓網站“圖文列表”好(hǎo)看 設計師想了哪些辦法?

發(fā)布時間:2021-01-04 浏覽量:578

      企業網站必不可少的一個欄目或者頁面(miàn),便是産品中心。而産品中心最爲常見的規劃方式便是“圖文并排”“産品列表”。簡單來說,翻開(kāi)産品中心,咱們常常看到很多産品圖片排列著(zhe),每張圖片下方有文字介紹。
      關于産品頁面(miàn),最大的問題便是“淩亂”,即便是一線商城也存在這(zhè)樣(yàng)的問題。怎麼(me)從規劃層面(miàn)想方法,讓企業網站的“圖文列表”看起(qǐ)來更爲規整呢?
爲何圖文列表會(huì)很“亂”?
      爲什麼(me)軍人的行列會(huì)給我規整劃一的感觸呢?訣竅在于色彩(共同的服裝)、動作(共同的動作)、形狀(身高、形體)、方陣(人數)。
      同理,而“很亂”,無非是色彩、動作、形狀、數量的不共同。色彩方面(miàn),不同的産品外觀色彩不同的;動作方面(miàn),不同産品拍照視角不同,出現出現的視覺效果不同;形狀,有的企業官網産品大小不一;數量方面(miàn),頁面(miàn)出現的産品數量不等。
綜上,大多數的網站産品列表會(huì)給人“很亂”的感觸。
       網站規劃方面(miàn),能(néng)不能(néng)幫幫忙,讓産品列表頁面(miàn)看起(qǐ)來更爲規整劃一呢?
讓産品圖文列表好(hǎo)看的方法
      方法一:布景
      産品圖片可所以有布景層的,也可所以通明布景的。無論是那一種(zhǒng)布景,都(dōu)應該尋求共同。要麼(me)全是通明布景,要麼(me)便是有布景層的,并且布景層最好(hǎo)設置成(chéng)爲共同的色彩。防止有的是通明的,有的是有布景層的。當然,將(jiāng)所有的産品圖片設置成(chéng)爲共同布景,也是需求美工勞動的。
      方法二:構圖
      構圖應該尋求共同。這(zhè)也是電商渠道(dào)的做法。例如服飾商鋪,概覽頁面(miàn)的構圖可能(néng)是共同的,都(dōu)是“模特+産品”的構圖,亦或者是“單獨産品+元素”的構圖。當然,構圖的共同,需求對(duì)攝影提出要求。
      方法三:字數
      爲了要讓整個頁面(miàn)看起(qǐ)來規整,需求在産品概覽頁面(miàn)約束每一個圖片的文字說明。新聞網站就(jiù)遵從了這(zhè)一規則,新聞的概覽頁面(miàn)便是“圖片+約束字數”。
      方法四:小圖
恰當縮小出現的圖片,而添加留白,也是讓整個頁面(miàn)看起(qǐ)來更加規整的方法。因爲産品列表頁面(miàn)“淩亂”,主要是圖片的不共同,而縮小圖片,就(jiù)消減了導緻“淩亂”的因子。
      方法五:切割
      能(néng)夠使用橫線、豎線、條塊等對(duì)整個頁面(miàn)進(jìn)行切割和離隔,如此,會(huì)讓整個頁面(miàn)看起(qǐ)來更爲規整。
      方法六:少字
      有的圖文組合,還(hái)可能(néng)出現其它内容,例如“評論”“購買數量”“性能(néng)”等等,這(zhè)類最好(hǎo)能(néng)夠在詳情頁進(jìn)行出現,而不要出現在概覽頁面(miàn)。
      方法七:要素
      産品頁面(miàn)的圖片規劃三要素最好(hǎo)能(néng)夠共同,或者不至于相差太多,包含明暗度、飽和度、色相。
      方法八:破例如果有的産品沒(méi)有圖片,或者圖片無法融入整個頁面(miàn),爲了讓整個頁面(miàn)看起(qǐ)來更爲規整,能(néng)夠舍棄圖片,而挑選一個“通用”圖片進(jìn)行展現。