這次跟大家聊聊我們電商美工日常必做的詳情頁設(shè)計(jì)

這也是大家不陌生的一個(gè)工作內(nèi)容，

想必大家也是非常的重視，但是如何做好詳情頁的設(shè)計(jì)呢？

下面可以認(rèn)真看下，看完之后你一定會有收獲的！

#一款好的詳情頁，都具備哪些要素呢？

首先最重要的一點(diǎn)就是明確的信息傳達(dá)，現(xiàn)在各店鋪當(dāng)中肯定都是以手機(jī)端為主，那么手機(jī)端的瀏覽習(xí)慣和電腦端肯定是不一樣的，豎屏思維相信有些做過一段時(shí)間的美工都會有所了解，那么為什么要做豎屏？我們看下案例：

大家肯定能夠清晰的分辨出來，你在手機(jī)端看到的這2張圖片，哪個(gè)會讓你最直接的看到要傳達(dá)的信息和舒服的瀏覽體驗(yàn)，肯定是第二張了。

所以我們首先要明白，我們做豎屏的設(shè)計(jì)，就是為了能夠讓消費(fèi)者在手機(jī)端上用最快的時(shí)間最直接的表達(dá)，讓消費(fèi)者接受到你傳達(dá)的信息，否則他就是一張垃圾圖片，毫無意義可言！

其次在設(shè)計(jì)詳情頁的時(shí)候，有幾種排版方式，是我們經(jīng)常會用到的，居左居中居右……

看似簡單易做的排版方式，卻是一個(gè)非常實(shí)用的排版方式。

當(dāng)然除了這3種排版方式，還有一些其他的形式，這個(gè)就需要看情況而定了。

其實(shí)，詳情頁中的排版并不難，只要能夠達(dá)到基本的版式要求，根據(jù)畫面進(jìn)行合理的排版就可以了，因?yàn)樵O(shè)計(jì)的本質(zhì)就是信息的傳遞，能夠清晰直接的讓消費(fèi)者接收就可以了。

詳情頁設(shè)計(jì)不可忽視的兩點(diǎn)：視覺的流暢度以及文案辨識度。一般情況下，一款詳情頁大概有2-4屏比較出彩的即可，能形成一定的對比，不至于視覺疲勞、千篇一律！

如果你看的夠多，并且仔細(xì)觀察的話，每張圖都有一個(gè)共性，那就是文案和整體畫面的一個(gè)比例關(guān)系。

我們可以從這2張圖中看出來 文案和整個(gè)背景的一個(gè)比例關(guān)系。如果你再多看一些詳情頁的話就會發(fā)現(xiàn)這樣的規(guī)律。

我這里就先展示這么多，大家應(yīng)該都能看明白了，這樣的一個(gè)比例關(guān)系是每屏設(shè)計(jì)的一個(gè)規(guī)律，產(chǎn)品是畫面的重點(diǎn)，文案輔助說明。只要做到這樣的比例關(guān)系效果自然就出來了，而且不會影響你的文案信息的傳達(dá)。

只要在做詳情頁的時(shí)候，把每一屏都當(dāng)做一個(gè)豎屏海報(bào)來做，統(tǒng)一你的排版形式和場景風(fēng)格，一版高質(zhì)量的詳情頁就可以輕松產(chǎn)出，需要做的就是多看，多練，多思考，隨時(shí)你的經(jīng)驗(yàn)增多和時(shí)間的推移，你的設(shè)計(jì)能力必然是不斷提升的，所以明白了這些原理之后，就動(dòng)手試試去吧，能夠做到真的執(zhí)行的人才能獲得提高，而不是看看而已。