您好,歡迎來到一站式眾包服務(wù)平臺-威客牛網(wǎng)
當(dāng)前位置:威客牛首頁 > 知識百科 > IT軟件 > 整站建設(shè) > 電商網(wǎng)站設(shè)計(jì)風(fēng)格

電商網(wǎng)站設(shè)計(jì)風(fēng)格

2022-12-04作者:網(wǎng)友投稿
電子商務(wù)經(jīng)過了幾年的發(fā)展已經(jīng)逐漸成熟,并且已經(jīng)發(fā)展出了自己的模式和風(fēng)格。但是對于電商的設(shè)計(jì)風(fēng)格大多數(shù)人還停留在最初的用商品堆砌+文字信息+各種亂七八糟的效果。而這兩年各個(gè)電商公司已經(jīng)非常重視設(shè)計(jì)了,而且設(shè)計(jì)風(fēng)格也逐步走向簡潔乃至極簡的風(fēng)格。這種變化是隨著電商的不斷發(fā)展,更加重視產(chǎn)品的品質(zhì)而進(jìn)化的。以下就是贏在威客網(wǎng)小編為您整理的電商網(wǎng)站設(shè)計(jì)風(fēng)格。

一、極致的版式


可能大家開始畫畫的時(shí)候就接觸和學(xué)習(xí)構(gòu)圖了,而構(gòu)圖就是版式設(shè)計(jì)的基礎(chǔ)。但我們往往忽略了對于構(gòu)圖和版式的極致追求,一般我們總會(huì)說,差不多看著舒服就行,可是對于設(shè)計(jì)師的能力晉升我們還需要更加重視版式的設(shè)計(jì)。

下面是幾個(gè)版式設(shè)計(jì)的技巧:

1. 對齊——最基礎(chǔ)但也最重要

我們總結(jié)出對齊的版式的幾個(gè)特點(diǎn)和作用:

A、視覺聚焦;

B、強(qiáng)化頁面統(tǒng)一性和條理性;

C、對視覺的導(dǎo)向作用。

2. 對比 —— 讓畫面不再平凡

作為簡潔乃至極簡的設(shè)計(jì)來說,對比非常重要,對比可以讓人非??焖俚拈喿x到重要信息,也可以讓版面的設(shè)計(jì)有節(jié)奏感,讓畫面看起來不乏味。

3. 有“氣質(zhì)”的留白

極簡設(shè)計(jì)里的留白非常重要,最典型的是無印良品的設(shè)計(jì),它是把留白應(yīng)用到現(xiàn)在設(shè)計(jì)里最好的典范,但是我覺得我們中國人才是留白的“老祖宗”,國畫就是非常典型的例子。

二、精致的顏色


在電商設(shè)計(jì)中,對顏色的把控非常重要,在某種情況下對顏色控制的好壞直接影響著頁面的停留時(shí)間。一些經(jīng)驗(yàn)不足的設(shè)計(jì)師往往會(huì)對顏色的把握非常頭痛,顏色臟、配色不好看、用色過多等都是經(jīng)常出現(xiàn)的問題。在極簡的設(shè)計(jì)中更需要對顏色做減法,并且不斷的調(diào)節(jié)細(xì)微的明度、飽和度和顏色的搭配,正是這些細(xì)節(jié)的調(diào)節(jié)才會(huì)讓極簡的設(shè)計(jì)更加耐看。

2.1 讓設(shè)計(jì)快速出“彩”的方法

在極簡的頁面里,顏色往往用的非常謹(jǐn)慎,而我們第一步就需要選擇主色調(diào)。

這里有幾種選擇顏色的方法:

A、黑白灰主色調(diào)+亮色輔色

B、選擇商品主色調(diào)作為整體畫面的主色調(diào)

C、使用的顏色不要超過3種

2.2 看似很復(fù)雜的顏色搭配其實(shí)很簡單

在極簡設(shè)計(jì)中,顏色的搭配需要非常用心,因?yàn)楫嬅娴念伾钆浜唵螘r(shí),即使稍微有點(diǎn)不協(xié)調(diào)也會(huì)被放大很多,因此我們需要了解顏色的幾個(gè)屬性:色相、飽和度、明度,還有對比色、相近色等概念。

對于極簡設(shè)計(jì)的配色也有幾個(gè)方法:


A、統(tǒng)一明度和飽和度;

B、控制顏色的層次;

三、考究的字體

文字在電商設(shè)計(jì)中的位置極其重要,它承擔(dān)著直觀信息傳播的用途,例如活動(dòng)頁面的折扣信息、商品宣傳頁面的賣點(diǎn)信息、商品的優(yōu)惠價(jià)格、文案內(nèi)容的表現(xiàn)等。而在極簡設(shè)計(jì)中,字體的選擇更為講究。

1. 選用符合整體設(shè)計(jì)風(fēng)格的字體

字體也是有自己的外貌、性格和風(fēng)格的,當(dāng)字體的風(fēng)格與設(shè)計(jì)完美的融合在一起的時(shí)候,會(huì)給整個(gè)設(shè)計(jì)加分不少。

2. 選用字形結(jié)構(gòu)簡單的字體

這幾年出現(xiàn)了一些結(jié)構(gòu)復(fù)雜,字形極其夸張的字體,個(gè)人認(rèn)為盡量少用甚至可以不用。字體是一門非常專業(yè)的門類,很多設(shè)計(jì)師還不能很好的駕馭一些字體,無論是普通的電商設(shè)計(jì)還是極簡設(shè)計(jì)最好使用字形和結(jié)構(gòu)都相對簡單的字體。

3.“牛叉”的中文字體

這里說中文字體“牛叉”,不僅僅因?yàn)槲沂侵袊?,我們可以?shù)數(shù)中國有多少種字體,每種字體都有自己的歷史背景,例如隸書,平民是不能用的,魏碑是專門刻在碑上的字體等。而且中文也是唯一一種成為藝術(shù)的文字——書法??赡苡行┤擞X得中文字體或書法字體看起來很老舊,不現(xiàn)代,下面我們用實(shí)例來證明這是錯(cuò)的。

總結(jié)


其實(shí)極簡設(shè)計(jì)是設(shè)計(jì)發(fā)展進(jìn)程中的必然結(jié)果,這是一種優(yōu)化的過程,也就是做減法,把不必要的,干擾信息傳達(dá)的元素刪除掉,保留最基本最為有用的東西,我這次的教程也從排版、顏色、字體三個(gè)方面來具體的講解了怎樣做極簡的設(shè)計(jì),同樣這些內(nèi)容也適用于一般電商的設(shè)計(jì)。其歸根結(jié)底,好的設(shè)計(jì)的基本原理是不會(huì)變的。
免費(fèi)查詢商標(biāo)注冊