展示產(chǎn)品: 產(chǎn)品介紹的版面主要是對(duì)該產(chǎn)品進(jìn)行詳細(xì)的介紹。單純白色的背景減少了不必要的視覺干擾,然后通過編號(hào)引導(dǎo)讀者逐一瀏覽下去。
(點(diǎn)擊上圖看大圖)
醒目清晰:消費(fèi)者買東西總是喜歡這里摸一下,那里看一下,然后心里盤算一下,才會(huì)決定是否購(gòu)買。所以讓產(chǎn)品逼真地展現(xiàn)在觀眾面前是非常重要的。呈角度擺放的產(chǎn)品圖片非常合適展現(xiàn)該產(chǎn)品的外觀及特點(diǎn)。在這個(gè)版面中,灰色的文字與多個(gè)幼細(xì)邊框元素配合顯得非?,呈現(xiàn)一種簡(jiǎn)約的設(shè)計(jì)風(fēng)格。留意這個(gè)內(nèi)頁中,除了產(chǎn)品,文字的布置顯得非常樸素——沒有鮮艷的顏色、沒有陰影、沒有斜體等等——沒有任何東西搶去產(chǎn)品的風(fēng)頭。產(chǎn)品下方使用了一些陰影效果,使產(chǎn)品在純白色的背景中增加了層次感及真實(shí)感。而型號(hào) i2 放置在黑色的矩形元素中,顯得非常醒目,同時(shí)也使觀眾在瀏覽時(shí)對(duì)不同性能的產(chǎn)品更加清晰。
在 x2 系列產(chǎn)品的展示頁里中展示了 3 種同類型的產(chǎn)品。雖然相對(duì)于其他版面來說,每一個(gè)產(chǎn)品的展示版面大大縮小,但其構(gòu)成仍然包括了大頁面中使用的構(gòu)成元素。
同樣由三個(gè)相同元素構(gòu)成,更少的空間,但視覺效果卻一致:
在設(shè)計(jì)同一個(gè)項(xiàng)目中,如果你已經(jīng)建立了一個(gè)視覺形式,則在后面繼續(xù)使用。在這個(gè)版面中,雖然由于要介紹三種產(chǎn)品導(dǎo)致每一個(gè)產(chǎn)品的版面空間減少,但其組成元素與前面的大頁面所使用元素是一樣的,同樣是由段落文字、產(chǎn)品在實(shí)際使用中的圖片及矩形邊框構(gòu)成。字體、尺寸及顏色仍然與前面保持一致。出來的效果就是給人一種強(qiáng)烈的協(xié)調(diào)感。非常值得學(xué)習(xí)的手法。
圖片剪切要一致:不要忽略這些細(xì)節(jié),這幾張圖片雖然不一樣,但出來的效果卻非常接近。頭與車輪都是對(duì)齊的。人物在圖片中所占的比例也一樣。
出處:logo設(shè)計(jì)在線
責(zé)任編輯:bluehearts
上一頁 矩形分布式設(shè)計(jì) [3] 下一頁 矩形分布式設(shè)計(jì) [5]
|