四大秘要!讓用戶第一眼就愛上你的網(wǎng)站
我保證這是一篇對(duì)你有啟發(fā)的文章,就像標(biāo)題一樣,我會(huì)教會(huì)你今后應(yīng)該怎樣設(shè)計(jì)來(lái)討好你的用戶。
大家都知道人與人之間是有眼緣的,也就是所謂的第一印象,而對(duì)于我們?cè)O(shè)計(jì)的網(wǎng)站也是如此,用戶對(duì)我們網(wǎng)站的第一印象可以說(shuō)是曠日持久的,在最初的幾秒鐘里,用戶就會(huì)決定在我們網(wǎng)站是去是留,他們會(huì)迅速判斷網(wǎng)站是否符合他的胃口。
所以設(shè)計(jì)的第一印象就顯得格外重要,當(dāng)然有一個(gè)細(xì)節(jié)可能大家都忽視了,那就是訪問(wèn)者的性別,用戶有兩類:男人和女人,而男人和女人的第一感官是不盡相同的。
男性用戶和女性用戶經(jīng)常依據(jù)不同的經(jīng)驗(yàn)來(lái)瀏覽網(wǎng)站,你的站點(diǎn)的外觀可以立刻吸引兩性之一或兩者都被吸引。那么如何有效的吸引不同性別的用戶呢?其實(shí)業(yè)界早就有了很深層次的研究,并公布了他們的看法,今天在這篇文章里,我們將向您分享這些原則及設(shè)計(jì)理論。
我將會(huì)反復(fù)向你灌輸:設(shè)計(jì)是有性別的!
一、圖像的性別
用戶在以上網(wǎng)站時(shí)看到的第一個(gè)設(shè)計(jì)元素是圖像,尤其喜歡看包含人的圖像。
為什么這么說(shuō)呢?(親切,有歸屬)
舉個(gè)最簡(jiǎn)單的例子,我這篇文章里,Banner圖放一張美女,肯定要比放一張小孩或者男人或者老人要更吸引點(diǎn)擊。
那么有些情況,我們?cè)谠O(shè)計(jì)中不能出現(xiàn)人物的時(shí)候,如何來(lái)吸引男性女性呢?別急,我們來(lái)試想一下包含更多的無(wú)生命物體圖像的網(wǎng)站,譬如風(fēng)景植物神馬的。這些圖像在性別趨向上其實(shí)早被造物主賦予了,你不信?請(qǐng)看我下面的例子。
配圖元素其實(shí)也是有性別屬性的,我大體分類如下,您可以感受一下是不是如此:
*嬰兒,小狗和總體看上去可愛的東西——女性
*運(yùn)動(dòng)和活動(dòng)——男性
*絢麗的風(fēng)景和樹木——女性
*崎嶇的風(fēng)景和地形——男性
*食品——女性(吃貨菇?jīng)鰝兛吹竭@里肯定會(huì)心一笑了)
*衣服和鞋子——女性
*設(shè)備和電子——男性
呃,在這方面最經(jīng)典的案例就是那些情色網(wǎng)站了,圖片都是衣著暴露的菇?jīng)龊托』镒觽?,網(wǎng)站也正是靠這些有吸引力的女性或男性圖像來(lái)吸引著你的訪問(wèn)。
—————————裸露的分割線——————————–
二、字體的性別
嗨,同學(xué)們,通過(guò)第一段的簡(jiǎn)要介紹,我現(xiàn)在再跟你灌輸字體也是有性別的,你會(huì)不會(huì)覺(jué)得容易接收了呢?
的確,字體類型的選擇上,同樣也可以暗示男性氣質(zhì)或女性氣質(zhì)。
當(dāng)涉及到性別趨向時(shí),字體性別的辨識(shí)怎么來(lái)判斷呢?最重要的考慮因素是字體的傾斜度、筆畫和細(xì)節(jié)。
大多數(shù)人會(huì)迅速地把含有各種曲線和斜線的字體同女性關(guān)聯(lián)起來(lái),包括草書字體和手繪類別。
一個(gè)字母的筆畫也暗示了性別趨向。相對(duì)于粗體,細(xì)薄的筆畫通常被認(rèn)為是更輕、更女性化的字形。使用這種技巧,設(shè)計(jì)師可以分別開發(fā)適用于男性和女性的系統(tǒng)字體。
最后,設(shè)計(jì)師應(yīng)該看看字體中最細(xì)微的部分。襯線字往往有一個(gè)男性優(yōu)勢(shì),尤其是那些非常廣闊的邊緣。另一方面,圓形和弧形邊緣的襯線,意味著女性化。
同樣的原則也適用于其他筆畫和裝飾,更多的鑲褶邊的線條和尾巴、充滿泡沫的字體更吸引女性。大家平時(shí)注意下不難發(fā)現(xiàn)女性的字體風(fēng)格,尤其是那些出現(xiàn)在網(wǎng)站上的用于婚禮、嬰兒用品、工藝品,都傾向于繁重的裝飾。塊狀的風(fēng)格和鮮明或尖的類型反映了男性格調(diào)。
舉幾個(gè)栗子大家感受下
*陳舊的英文——男性
*手跡——女性
*草書——女性
*板襯線——男性
*硬邊襯線——男性
*曲邊襯線——女性
*高瘦,凝聚風(fēng)格——男性
*厚筆畫——男性
*薄筆畫——女性
嗯,看到這幅圖的時(shí)候,大家可能困惑了,特別是這幅圖沒(méi)有賦予色彩的時(shí)候,作為設(shè)計(jì)師的你肯定能夠一眼判斷出哪個(gè)是純爺們,哪個(gè)是花菇?jīng)觥?br />
但是問(wèn)題就出在,哥給了他一個(gè)顏色!
瞬間,這四個(gè)字體,有一個(gè)偽娘和一個(gè)假小子。
這也正好引出我下一個(gè)話題。
—————————英俊瀟灑的非襯線分割線——————————–
三、顏色的性別
如果讓設(shè)計(jì)師的你寫一本關(guān)于男性與女性的書,你會(huì)用神馬顏色做為你拉風(fēng)的封面呢?
大多數(shù)人往往以常見的藍(lán)色代表男孩和粉紅色代表女孩為開頭。。。。(當(dāng)然有些男孩紙估計(jì)會(huì)選擇粉色,有些女孩紙如歐陽(yáng)念念那樣的估計(jì)會(huì)選擇藍(lán)色或黑色吧。。。)
其實(shí)呢,基于性別和文化,顏色知覺(jué)可以改變。
所以我們?cè)搹暮翁幹帜兀?br />
Bingo!考慮一下飽和度。
最暗沉的顏色、最深的色相,最能散發(fā)出男子氣概——試想一下黑人,海軍,他們身上都彰顯著暗綠、紅色、紫色或橙色。如果白色作為一個(gè)簡(jiǎn)單的背景而出現(xiàn),那么這很有可能是男性的格調(diào)。
多彩色通常被認(rèn)為更女性化。其他溫和的色調(diào)例如粉紅、黃色、藍(lán)色也被歸為這一類。
這方面,您可以學(xué)習(xí)由Joe Hallock分享的color perceptions around the world《關(guān)于兩性之間的顏色感知差異研究》。在這些發(fā)現(xiàn)中最受男性歡迎的顏色是藍(lán)色、綠色和紅色,棕色和紫色是最不被接受。女性色彩前三甲分別是藍(lán)色、紫色和綠色,橙色和棕色是最不受歡迎。一個(gè)最顯著的研究是人們?nèi)绾卫米仙蔑@高貴典雅女性氣質(zhì),這是女性的專屬顏色!所以這也讓很多設(shè)計(jì)師絞盡腦汁去為女人們定制專一的顏色來(lái)取悅她們?cè)L問(wèn)網(wǎng)站,而將男人拒之門外!這與產(chǎn)品的定位有關(guān),如果你確定你的產(chǎn)品都針對(duì)女性,完全有必要色彩的選用方面大膽性感的去采用女人們喜歡的色彩,男人負(fù)責(zé)掏錢就好。。。
中性色調(diào)——淡棕色,淡黃色,綠色或藍(lán)色——它們僅僅是中性的,很少有特定的性別傾向。這些顏色將被用作特定性別趨向以外的設(shè)計(jì)。
舉栗子大家感受下:
*暗沉,飽和的顏色——男性
*彩色——女性
*藍(lán)色——男性
*粉色——女性
*紫色——女性
—————————姹紫嫣紅的分割線——————————–
四、形狀的性別
硬質(zhì)拐角和輪廓分明的形狀,通常都代表著更強(qiáng)吸引力的男性——比如方形、三角形和梯形。九十度的拐角除了是一個(gè)受歡迎的設(shè)計(jì)技巧,它也有著性別方面的視覺(jué)暗示。
與上面的形狀恰恰相反的則看上去更吸引女性,想像一下曲線和一些可愛精細(xì)的圓圈,前凸后翹的波浪線和嫵媚動(dòng)人的圓圈疊加。(騷年們肯定都?jí)男α耍?br /> 那些擁有更多維度的形狀傾向于女性。而平的、原始的形狀則更男性化。堅(jiān)硬的的線條和深色塊也可以顯示一個(gè)陽(yáng)剛的基調(diào),而細(xì)線(特別是在字形中)和輕微的筆畫看起來(lái)更女性化。
舉最后一次栗子:
*硬拐角和邊緣——男性
*曲線——女性
*方形、三角形——男性
*圓圈和心形——女性
總結(jié)
我嚓!到了總結(jié)的時(shí)候了,真不想這么快就翻譯完,是的,我堅(jiān)信你們肯定會(huì)想我的。
現(xiàn)在,看了這么多理論總結(jié),是否有醍醐灌頂?shù)母心_。。。當(dāng)然有!一股腦給你們談了圖像、字體、顏色、形狀的性別。慢慢到自己的設(shè)計(jì)里消化總結(jié)一下吧。(4者之間可以通過(guò)彼此組合來(lái)改變性別,它取決于你如何混合匹配這四要素。我想,這也是最讓設(shè)計(jì)師欣喜若狂的地方吧。)
這些男性和女性化的設(shè)計(jì)要素最核心的用途是為了吸引你的受眾。如何使用這四要素,取決于你首先得明確你的目標(biāo)受眾?什么類型的視覺(jué)方案對(duì)他們更有吸引力?當(dāng)然,理解性別偏好和傾向只是一個(gè)起點(diǎn),它可并不是一組硬性的規(guī)定。
特別是在中國(guó),用神馬顏色、神馬字體都取決于站在你身后的老板。呵呵,應(yīng)該都懂得吧!
來(lái)源:uisdc
- 目前還沒(méi)評(píng)論,等你發(fā)揮!