網站營銷:如何在界面設計中吸引用戶
熟練地將顏色調配運用到規劃中去,會讓規劃更為慎重和得體。優秀的規劃它的顏色調配十分的舒暢,令人心曠神怡。那咱們怎樣才能調配出最貼合規劃的顏色更好呢?
為何“色”?由于“生理”上有需要!
既然是平面規劃,視覺刺激是最直觀的。比方當下盛行的涂色書,為啥普普通通的圖畫能展現出那樣漂亮的效果,即是由于色,由于合理的顏色調配。
再比方好的氣候是藍色,而灰色的氣候就霧霾的天了。
那么馬路邊那些亮著紅燈的區域,那你想到啥?我就不說了。
所以在研討感官是為了從生理上得到“咱們看到什么樣的顏色時”會做出什么樣的反映。
用戶盡管沒有上過顏色的有關課程,可是他們依然能很直觀地看出什么是契合他們審美的。
相同顏色的挑選不只詮釋了規劃的表現方法也營建了用戶對商品的采購需要。需要從中滿意用戶最直觀的生理需要點。
咱們就來看看下面的幾種辦法吧,怎樣將用戶的欲望蠱惑起來。
從感觸抓到色的要點(焦點)
我在規劃過程中總結的經驗,畫面中首要顏色不要超越三種,表達出主題即可。
太多的顏色會使頁面亂七八糟,攪擾首要信息。
這是12306的網站,顏色用的數量我是沒有數過來,要點在哪里?想要凸顯的信息太多,還總是閃閃閃。假如處處是焦點,那就真的沒焦點了。用戶最首要的是買票,掃來掃去地滿頁面地找,這不是好的用戶體會,有些反智!
界面規劃 網站配色計劃 網站怎樣配色 平面規劃
再看看別的互聯網公司做的三方刷票網站。為毛一下就這么簡單~
規劃有主顏色配色,色相構成是一致的配色,由綠色為色相分配、一致了畫面的配色。
界面規劃 網站配色計劃 網站怎樣配色 平面規劃
疑問:疊加效果,能嘗試出好的顏色嗎?
許多同學在規劃前期不知道選用顏色定位,常常用疊加來嘗試效果,成果發現越來越沒有條理。
顏色疊加自身的確極好,通常用海報等背景上比照多,不宜在交互的頁面。盲目運用顏色疊加,會使畫面變得復雜沉悶。表達上意義含糊,用戶會覺得凌亂,無法找到需要找到的信息和功用?梢,疊加的效果不光沒有加分,反而減分。
疑問:信息量or簡練,怎樣取舍?
簡練、準確是顏色中心規范,簡單明了的顏色能快速被用戶解讀。
不要奢求用戶能夠在一個頁面上逗留太多時刻,一頁顯現N多信息時代早就過去了。
疑問四:假如經過顏色氛圍,誘導用戶?
好的顏色調配和挑選能激起用戶采購而定場景感和采購欲望。
比方暖色能激起用戶的胃口,在花費內的軟件中經常用到(taobao)。藍色能給人帶來安靜,大多數的閱覽軟件則用到了藍色(知乎)
在界面顏色要學會做加減法
準則一:色的巨細方位
大塊的顏色烘托氛圍和主題比照安穩,小塊的顏色用于點綴,豐厚畫面。
一致顏色讓用戶認準店面。
首要需要在不一樣的界面結構中一致招牌色,確保商品給用戶能一望而知的找到這個店。
那么我和咱們介紹一下一款不為人知的軟件“BIG”。首要稱號十分的霸氣,易于用戶記憶和傳達。全體選用了朱紅色遵循了全部商品的規劃。不管是LOGO仍是菜單欄十分的一致。讓用戶在運用完后對這個商品有了十分一致的形象。
界面規劃 網站配色計劃 網站怎樣配色 平面規劃
本來它是taobaoAPP發現頁面中內置的一款軟件,所以說招牌色多么的主要,在這么豐厚的軟件中怎樣讓用戶一望而知,用一次就記憶深入!
準則二:謹慎而有節奏
在界面中的能夠運用相似性與來進行顏色照應,這么的畫面更有節奏感和舒適性。
運用顏色漸變交叉,讓界面平衡在一個頻率上。
界面規劃 網站配色計劃 網站怎樣配色 平面規劃
在頁面顏色聯系的處理中,咱們需要留意重色的運用,它對畫面的平衡有十分大的效果。
下面是淡色菜單欄和深色菜單欄的差異。咱們能夠發現,有重色后的頁面,顯得更為安穩舒暢。
界面規劃 網站配色計劃 網站怎樣配色 平面規劃
準則三:在相似中,找照應
咱們來看一組操練,找找顏色的照應性。
界面規劃 網站配色計劃 網站怎樣配色 平面規劃
1. 界說了顏色的基調,找到了形象店面色。
在規劃中咱們只選用了單一的顏色進行了規劃,運用巨細聯系差異了功用的主次聯系。視覺上比照平衡可是頁面顯得單調。
2. 為了讓用戶聚集在首要的功用上,在首要功用上運用了補色比照。這種方法比造型上的差異更為激烈。
3. 但在選用過多的顏色會使界面沒有秩序性。這種顏色的調配會給用戶一種紊亂感。
4. 用色上不只需要聚集,還有考究顏色的照應性。同類顏色會互相照應,聚集點只要在首要的點上。
所以說留意彩色的聯系與功用的差異及其主要。這么才能把握好顏色的節奏感。
怎樣用“色”?
用“色”,到達平衡。
大家巴望日子的安穩和安靖,平衡感能滿意用戶的視覺需要。假如在界面規劃中運用一對或多對的平衡顏色能讓用戶從心里需要上得到滿意,這么的規劃能更簡單讓用戶具有親近感,給用戶留下愉悅而舒暢的美感。
在平衡顏色中的界說并不是面積持平就叫平衡。要考究主題性中找到顏色的平衡聯系,以及版式等元素中的協調性。
通常在顏色運用中的“平衡色”有五種類型:
一:互補色之間的平衡
二:冷色和暖色的平衡
三:深色和淡色的平衡
四:有顏色和無顏色的平衡
五:花樣與純色的平衡