網頁設計超級技巧

  

  四個,讓使用者愛上你的網站,增強使用者體驗度,網頁設計的第一印象就顯得格外重要,當然有一個細節可能大家都忽視了,那就是訪問者的性別,使用者有兩類:男人和女人,而男人和女人的第一感官是不盡相同的。

  男性使用者和女性使用者經常依據不同的經驗來瀏覽網站,你的站點的外觀可以立刻吸引兩性之一或兩者都被吸引。那麼如何有效的吸引不同性別的使用者呢?其實業界早就有了很深層次的研究,並公佈了他們的看法,今天在這篇文章裡,我們將向您分享這些原則及設計理論。

  我將會反覆向你灌輸:設計是有性別的!

  一、影象的性別

  使用者在以上網站時看到的第一個設計元素是影象,尤其喜歡看包含人的影象。

  為什麼這麼說呢?***親切,有歸屬***

  舉個最簡單的例子,我這篇文章裡,Banner圖放一張美女,肯定要比放一張小孩或者男人或者老人要更吸引點選。

  那麼有些情況,我們在設計中不能出現人物的時候,如何來吸引男性女性呢?別急,我們來試想一下包含更多的無生命物體影象的網站,譬如風景植物神馬的。這些影象在性別趨向上其實早被造物主賦予了,你不信?請看我下面的例子。

  配圖元素其實也是有性別屬性的,我大體分類如下,您可以感受一下是不是如此:

  *嬰兒,小狗和總體看上去可愛的東西——女性

  *運動和活動——男性

  *絢麗的風景和樹木——女性

  *崎嶇的風景和地形——男性

  *食品——女性***吃貨菇涼們看到這裡肯定會心一笑了***

  *衣服和鞋子——女性

  *裝置和電子——男性

  呃,在這方面最經典的案例就是那些情色網站了,圖片都是衣著暴露的菇涼和小夥子們,網站也正是靠這些有吸引力的女性或男性影象來吸引著你的訪問。

  —————————裸露的分割線——————————–

  二、字型的性別

  嗨,同學們,通過第一段的簡要介紹,我現在再跟你灌輸字型也是有性別的,你會不會覺得容易接收了呢?

  的確,字型型別的選擇上,同樣也可以暗示男性氣質或女性氣質。

  當涉及到性別趨向時,字型性別的辨識怎麼來判斷呢?最重要的考慮因素是字型的傾斜度、筆畫和細節。

  大多數人會迅速地把含有各種曲線和斜線的字型同女性關聯起來,包括草書字型和手繪類別。

  一個字母的筆畫也暗示了性別趨向。相對於粗體,細薄的筆畫通常被認為是更輕、更女性化的字形。使用這種技巧,設計師可以分別開發適用於男性和女性的系統字型。

  最後,設計師應該看看字型中最細微的部分。襯線字往往有一個男性優勢,尤其是那些非常廣闊的邊緣。另一方面,圓形和弧形邊緣的襯線,意味著女性化。

  同樣的原則也適用於其他筆畫和裝飾,更多的鑲褶邊的線條和尾巴、充滿泡沫的字型更吸引女性。大家平時注意下不難發現女性的字型風格,尤其是那些出現在網站上的用於婚禮、嬰兒用品、工藝品,都傾向於繁重的裝飾。塊狀的風格和鮮明或尖的型別反映了男性格調。

  舉幾個栗子大家感受下

  *陳舊的英文——男性

  *手跡——女性

  *草書——女性

  *板襯線——男性

  *硬邊襯線——男性

  *曲邊襯線——女性

  *高瘦,凝聚風格——男性

  *厚筆畫——男性

  *薄筆畫——女性

  嗯,看到這幅圖的時候,大家可能困惑了,特別是這幅圖沒有賦予色彩的時候,作為設計師的你肯定能夠一眼判斷出哪個是純爺們,哪個是花菇涼。

  但是問題就出在,哥給了他一個顏色!

  瞬間,這四個字型,有一個偽娘和一個假小子。

  這也正好引出我下一個話題。

  —————————英俊瀟灑的非襯線分割線——————————–

  三、顏色的性別

  如果讓設計師的你寫一本關於男性與女性的書,你會用神馬顏色做為你拉風的封面呢?

  大多數人往往以常見的藍色代表男孩和粉紅色代表女孩為開頭。。。。***當然有些男孩紙估計會選擇粉色,有些女孩紙如歐陽念念那樣的估計會選擇藍色或黑色吧。。。***

  其實呢,基於性別和文化,顏色知覺可以改變。

  所以我們該從何處著手呢?

  Bingo!考慮一下飽和度。

  最暗沉的顏色、最深的色相,最能散發出男子氣概——試想一下黑人,海軍,他們身上都彰顯著暗綠、紅色、紫色或橙色。如果白色作為一個簡單的背景而出現,那麼這很有可能是男性的格調。

  多彩色通常被認為更女性化。其他溫和的色調例如粉紅、黃色、藍色也被歸為這一類。

  這方面,您可以學習由Joe Hallock分享的color perceptions around the world《關於兩性之間的顏色感知差異研究》。在這些發現中最受男性歡迎的顏色是藍色、綠色和紅色,棕色和紫色是最不被接受。女性色彩前三甲分別是藍色、紫色和綠色,橙色和棕色是最不受歡迎。一個最顯著的研究是人們如何利用紫色彰顯高貴典雅女性氣質,這是女性的專屬顏色!所以這也讓很多設計師絞盡腦汁去為女人們定製專一的顏色來取悅她們訪問網站,而將男人拒之門外!這與產品的定位有關,如果你確定你的產品都針對女性,完全有必要色彩的選用方面大膽性感的去採用女人們喜歡的色彩,男人負責掏錢就好。。。

  中性色調——淡棕色,淡黃色,綠色或藍色——它們僅僅是中性的,很少有特定的性別傾向。這些顏色將被用作特定性別趨向以外的設計。

  舉栗子大家感受下:

  *暗沉,飽和的顏色——男性

  *彩色——女性

  *藍色——男性

  *粉色——女性

  *紫色——女性

  —————————奼紫嫣紅的分割線——————————–

  四、形狀的性別

  硬質拐角和輪廓分明的形狀,通常都代表著更強吸引力的男性——比如方形、三角形和梯形。九十度的拐角除了是一個受歡迎的設計技巧,它也有著性別方面的視覺暗示。

  與上面的形狀恰恰相反的則看上去更吸引女性,想像一下曲線和一些可愛精細的圓圈,前凸後翹的波浪線和嫵媚動人的圓圈疊加。***騷年們肯定都壞笑了***

  那些擁有更多維度的形狀傾向於女性。而平的、原始的形狀則更男性化。堅硬的的線條和深色塊也可以顯示一個陽剛的基調,而細線***特別是在字形中***和輕微的筆畫看起來更女性化。

  舉最後一次栗子:

  *硬拐角和邊緣——男性

  *曲線——女性

  *方形、三角形——男性

  *圓圈和心形——女性

  總結

  現在,看了這麼多理論總結,是否有醍醐灌頂的感腳。。。當然有!一股腦給你們談了影象、字型、顏色、形狀的性別。慢慢到自己的設計裡消化總結一下吧。***4者之間可以通過彼此組合來改變性別,它取決於你如何混合匹配這四要素。我想,這也是最讓設計師欣喜若狂的地方吧。***

  這些男性和女性化的設計要素最核心的用途是為了吸引你的受眾。如何使用這四要素,取決於你首先得明確你的目標受眾?什麼型別的視覺方案對他們更有吸引力?當然,理解性別偏好和傾向只是一個起點,它可並不是一組硬性的規定。

  特別是在中國,用神馬顏色、神馬字型都取決於站在你身後的老闆。呵呵,應該都懂得吧!