教你從空間/變化/形式3個(gè)方面搞定電商banner排版

2018-01-11 2013 0
什么是真正好的排版,我覺得起碼要做到清晰易讀、信息突出并且觀感上舒服好看,在這個(gè)基礎(chǔ)上有突出的設(shè)計(jì)感、形式感,就是正真好的排版。怎么做?3個(gè)部分決定排版的步驟和方法,咱們分步來(lái)說(shuō)。
fq2016060121 空間是文字之間、圖文之間的排列關(guān)系,是排版的第一步和基礎(chǔ),一張圖的空間關(guān)系即構(gòu)圖自一開始就影響到整體的走向和最終的成型,所以在設(shè)計(jì)之初,一定得經(jīng)過深思慮,深入了解文字的多少、圖形的類型和設(shè)計(jì)要求和感覺選擇對(duì)應(yīng)的構(gòu)圖和圖文結(jié)構(gòu)關(guān)系。大致包括但不限于以下幾類: 垂直水平構(gòu)圖 排版左中右對(duì)齊方式都有,比較隨意直觀,可靈活操作。 ttt201606011 斜線構(gòu)圖 常用于促銷類、居中排布、大多數(shù)會(huì)有圖形輔助以和底部斜線構(gòu)圖明確區(qū)分并突出文本,或者部分也有跟隨式斜著排版。
ttt201606012 三角構(gòu)圖 一般居中排版,文字排布大小分明,結(jié)構(gòu)感強(qiáng),常以圖形線條輔助排版。
ttt201606013 對(duì)角線構(gòu)圖 常用于服裝食品等類型、一般左或右對(duì)齊,文字選擇簡(jiǎn)單直觀粗細(xì)分明,常有線條或小圖形輔助。
ttt201606014 輻射式構(gòu)圖 和斜線構(gòu)圖很像,促銷類、居中排布、大多會(huì)有圖形輔助以和底部斜線構(gòu)圖明確區(qū)分并突出文本。
ttt201606015 框架式構(gòu)圖 框架構(gòu)圖包括圖形被框,文本被框或者圖文都被框,文本被框是圖形輔助排版的一種方式,之后詳解。
ttt201606016 我們可以通過變化對(duì)齊方式、大小、粗細(xì)、角度、字體、顏色、錯(cuò)落方式等來(lái)說(shuō)明各種排版變化方式帶來(lái)的不同結(jié)果和感覺
fq2016060122 對(duì)齊、大小、粗細(xì)對(duì)比是排版最基本的三大要素,是之后所有排版方式的基礎(chǔ)
fq201606011 ①起碼有一邊對(duì)齊,才會(huì)使版式整潔易讀,層次清晰 ②大小和粗細(xì)的對(duì)比做到了主次分明。banner設(shè)計(jì)的目的,其實(shí)就是最大化的呈現(xiàn)給用戶活動(dòng)的信息,要讓最重要的,最有利的信息一瞬間就傳遞給們,通過對(duì)比即可使信息的傳遞層次清晰。 fq201606012 這是倆反例: fq201606014


28
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦