HI 您好,歡迎來到巨人電商全國服務(wù)總部!
關(guān)注巨人電商微信客服
一鍵登錄我的賬戶,隨時(shí)查看您當(dāng)前位置 : 首頁 電商百科 淘寶版式設(shè)計(jì)原理是什么?玩轉(zhuǎn)點(diǎn)線面!
淘寶版式設(shè)計(jì)原理是什么?淘寶需要涉及很多圖片,那么降到淘寶圖片的處理,就要講到淘寶版式設(shè)計(jì),很多美工不知道淘寶版式設(shè)計(jì)原理是什么,那就設(shè)計(jì)不出來好的圖片,十一今天開淘小編要跟大家各位美工聊一聊淘寶版式設(shè)計(jì)原理!
淘寶版式設(shè)計(jì)原理是什么?淘寶版式設(shè)計(jì)的基本構(gòu)成元素
點(diǎn)、線、面是版面空間的構(gòu)成元素,在版面中類似于點(diǎn)、線、面的圖形、文字及視覺元素都可以稱之為點(diǎn)、線、面。版式設(shè)計(jì)實(shí)際上就是如何經(jīng)營好點(diǎn)、線、面。不管版面多么的復(fù)雜,但最終可以簡化到點(diǎn)、線、面上來。
淘寶版式設(shè)計(jì)原理一:點(diǎn)在版面設(shè)計(jì)中的運(yùn)用--聚焦視覺,吸引顧客關(guān)注的焦點(diǎn).
所謂點(diǎn)即細(xì)小的形,點(diǎn)的感覺是相對(duì)的,是相對(duì)于其他元素的比例而言的,而不是由自身大小決定的,他是由形狀、大小、方向、位置等形式構(gòu)成的。點(diǎn)的凝聚和擴(kuò)散的排列組合,帶給人們不同的心理感受。
1、點(diǎn)的形式大小
點(diǎn)的形式之多點(diǎn)可以是如下圖的左邊的這張,純粹的一個(gè)小圓點(diǎn)而組成,也可以是如下圖右邊的一個(gè)人物所組成,點(diǎn)的大小能改變整個(gè)版面的風(fēng)格和效果,設(shè)計(jì)時(shí)應(yīng)視當(dāng)前版面的內(nèi)容和風(fēng)格而定。
2、點(diǎn)的位置
當(dāng)點(diǎn)居于頁面的中心時(shí),主題顯得特別突出。左右兩頁形成的對(duì)稱,顯得畫面穩(wěn)定、嚴(yán)謹(jǐn)、講究。
當(dāng)點(diǎn)居于頁面上部的時(shí)候,視線向上移動(dòng),頁面中其它內(nèi)容會(huì)有下沉的感覺。由于視線向頁面上方調(diào)整,頁面上方的重心加強(qiáng),引人關(guān)注。
當(dāng)點(diǎn)居于頁面左部的位置,視線會(huì)不自覺向頁面左邊偏移。這樣符合人們的視覺習(xí)慣:從左到右
當(dāng)“點(diǎn)”居于頁面右邊位置,會(huì)打破人們視覺流程習(xí)慣,視覺重心會(huì)自然的向右偏移。在左邊的點(diǎn)起到了優(yōu)先影響視覺的作用。
3、點(diǎn)的分布
點(diǎn)的排列能夠使版面產(chǎn)生不同的心理效應(yīng),把握點(diǎn)排列的方向、形式、大小、數(shù)量變化及空間分布,可以形成活潑、輕巧、穩(wěn)重等不同的版面效果。
淘寶版式設(shè)計(jì)原理二:線在版式設(shè)計(jì)中的運(yùn)用--視覺引導(dǎo)-引導(dǎo)顧客進(jìn)行閱讀.
線游離于點(diǎn)與面之間,具有位置、長度、寬度、方向和性格,線可以是移動(dòng)的也可以是靜止的,線可以構(gòu)成各種裝飾元素,以及各種形態(tài),起著分割畫面形象的作用,線也可以串聯(lián)各種視覺要素。
1、線與點(diǎn)的關(guān)系
線是點(diǎn)的發(fā)展和延伸,線的影響力大于點(diǎn),線可以將點(diǎn)這個(gè)獨(dú)立體統(tǒng)一起來,讓點(diǎn)的效果得到延伸。
注意:點(diǎn)與點(diǎn)之間的距離(稀疏效果),決定了這條線的軌跡和清晰度。
2、線的性格
不同的長短、粗細(xì)、疏密、方向、肌理和形狀的線產(chǎn)生了不同的心理效應(yīng)
垂直線:富有生命力、力度感和伸展感。
水平線:穩(wěn)定感、平靜感、略顯呆板。
自由曲線:自由、瀟灑、隨意、優(yōu)美。
幾何曲線:彈力、均衡、體現(xiàn)規(guī)則美。
斜線:富于運(yùn)動(dòng)感,動(dòng)態(tài)和方向感較強(qiáng)。
折線:方面變化豐富,易形成空間感。
細(xì)線:精致、挺拔、銳利。
粗線:壯實(shí)、敦厚。
3、線的空間分割
以線對(duì)圖形分割的時(shí)候需要考慮版面中各元素之間的聯(lián)系,同時(shí)根據(jù)內(nèi)容劃分主次關(guān)系、呼應(yīng)關(guān)系和形式關(guān)系,以保證良好的視覺營銷。
4、線的空間力場
力場是一種虛擬出來的空間,版面中的力場是通過線在版面中的分割產(chǎn)生的,在版面中通過線將圖片、文字進(jìn)行規(guī)劃和整理,從而產(chǎn)生力場。
5、線的空間約束力
線有較強(qiáng)的空間約束能力,根據(jù)版面來改變線條的形態(tài)以滿足需要。
線框細(xì),版面則輕快有彈性;
線框粗,有被強(qiáng)調(diào)的感覺,并可以引導(dǎo)視線。
線框過粗,在穩(wěn)定版面的同時(shí)顯得過于呆板。
淘寶版式設(shè)計(jì)原理三:面在版式設(shè)計(jì)中的運(yùn)用--突出重要的信息
面在空間上所占的面積最多,因而在視覺的力度上比點(diǎn)和線來得強(qiáng)烈。面可分為如下圖中的左邊的幾何形,也可以是由我們的右邊的這張圖,先有一個(gè)小方塊的點(diǎn)經(jīng)過循環(huán)復(fù)制成線,然后再由線組成我們最終的面,從而達(dá)到想要的視覺形式.
1、點(diǎn)線面之間的空間關(guān)系
點(diǎn)線面的界限不是清晰和嚴(yán)格的,是可以互相轉(zhuǎn)化的。
2、面與色彩的空間關(guān)系
白色是紙張默認(rèn)色,也可以理解為面,但往往被忽視。在視覺上,白色和其他顏色面積相同時(shí),其他顏色感覺比白色面積大些。
此外在白色頁面中,深色和鮮艷顏色的面最能引起人們的注意。
在使用背景色中,使用對(duì)比色是構(gòu)成強(qiáng)烈色彩效果的方法之一。(黃和蘭、紫和綠、紅和青、任何色彩和黑白灰、深色和淺色、冷色和暖色、亮色和暗色。)
看到這里,各位美工應(yīng)該都知道淘寶版式設(shè)計(jì)原理是什么啦!只要大家遵循淘寶版式設(shè)計(jì)原理來設(shè)計(jì)圖片,效果一定好的爆炸!大家請(qǐng)多多關(guān)注哦,這里有最新的消息哦~
相關(guān)閱讀:
2017預(yù)售承接頁裝修怎么做?
淘寶主圖設(shè)計(jì)思路:怎么提高主圖點(diǎn)擊率?
淘寶主圖怎么做吸引人?設(shè)計(jì)和優(yōu)化雙管齊下!
上一篇: 上一篇:雙11京東白條搖一搖怎么贏666現(xiàn)金紅包?
下一篇: 下一篇:天貓直播預(yù)告怎么設(shè)置?在哪里展示?