起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識產(chǎn)品屬性與視覺外衣的關(guān)聯(lián)性
問題
最近因為想了解更多不同類型的產(chǎn)品，不管是產(chǎn)品結(jié)構(gòu)還是交互等其他內(nèi)容，都是可以進行研究學(xué)習(xí)的，所以手機里面下了很多APP，APP的類型很多，逐一對他們進行分類。
無意之中，我發(fā)現(xiàn)我電商類的APP都是這個樣子的：
我出奇地發(fā)現(xiàn)電商類型的APP圖標(biāo)色調(diào)竟是如此地一直，都是暖色系，都是紅與紫色組成。
電商的圖標(biāo)選擇紅紫色，以我粗泛的了解，紅紫色讓人看后情緒更加不穩(wěn)定，很容易沖動，腦子一熱，順帶把東西買了。
冷暖色系的基本知識
1、色彩分類，暖色與冷色：
紅色、橙色、黃色為暖色，象征著：太陽、火焰
綠色、藍(lán)色、紫色為冷色，象征著：森林、大海、藍(lán)天。
灰色、黑色、白色為中間色；
冷色調(diào)的亮度越高，越偏暖，暖色調(diào)的亮度越低，越偏冷。
2、興奮與沉靜：
紅色和明亮的黃色調(diào)成的橙色，給人活潑、愉快、興奮的感受。給人以膨脹、親近、依偎的感覺。
青色、青綠色、青紫色，讓人感到安靜、沉穩(wěn)、塌實，給人以鎮(zhèn)靜、收縮、遙遠(yuǎn)的感覺。
色系應(yīng)用于產(chǎn)品的實例
這里暫時主要以電商類產(chǎn)品為主，其他類產(chǎn)品為輔進行舉例。
1、淘寶類網(wǎng)站
同理地，現(xiàn)在的淘寶頁面以及京東、當(dāng)當(dāng)?shù)染W(wǎng)站也是使用的暖色系風(fēng)格，這是符合設(shè)計心理學(xué)的設(shè)計。
暖色更易讓人產(chǎn)生沖動的情緒，進而前去購物。
以上的頁面是淘寶的主頁面，可以很明顯地看到在設(shè)計中使用的色系是暖色系，大部分地紅、橙、紫色，可以完整地刺激觀眾的視覺，讓用戶有著想點擊頁面查看商品進行瘋狂購買的沖動。
2、亞馬遜中國
然后我突然想到舉一個想不通的例子——亞馬遜中國，印象之中亞馬遜中國網(wǎng)站視覺部分使用的是黑色和金色在一起的，當(dāng)我登錄網(wǎng)站準(zhǔn)備截圖之時，我發(fā)現(xiàn)我不應(yīng)該想不通，因為它也是遵循電商網(wǎng)站暖色系原則，上面的banner等內(nèi)容都采用了紅色等顏色。
在大型電商網(wǎng)站中，都是遵循此原則進行設(shè)計，因為比較科學(xué)。
3、某一領(lǐng)域的電商網(wǎng)站
某保健品網(wǎng)站
以上介紹的都是遵循電商暖色系風(fēng)格的網(wǎng)站，但是凡事都有特例，比如我經(jīng)常海淘蛋白粉的一個保健品網(wǎng)站，它使用的色調(diào)是綠色，導(dǎo)致我第一次登錄此網(wǎng)站的時候，我一度感覺很冷清。
為何此網(wǎng)站如此反人類地使用冷色系風(fēng)格？
- 首先說的是作為資深健身者為何不用如此方便的淘寶，來海淘蛋白粉，因為在淘寶有時候會買到假貨，不能100%買到正品，在朋友的推薦下使用了這個網(wǎng)站。而在當(dāng)下，我們的環(huán)保等有保障的內(nèi)容主色調(diào)都是綠色，網(wǎng)站使用此色調(diào)自然會給我們此網(wǎng)站商品有保障的感覺。
- 保健品一類的商品關(guān)鍵的是什么？是否是虛有其表，對人體是否真的有利于健康，這些都是保健品最重要的要素，而綠色代表的是萬物復(fù)蘇，代表的是活力，代表的是健康、綠色食品。與網(wǎng)站商品相對應(yīng)。
使用下來，對這個網(wǎng)站由開始的不理解變成最后的很贊同。
聚美優(yōu)品、美麗說、蘑菇街等主打用戶為女性的網(wǎng)站
聚美優(yōu)品主營女性化妝品，美麗說以及蘑菇街幫助女性用戶挑選更適合的衣服，這些網(wǎng)站有一個共同點：主打用戶為女性，女性用戶自然是喜歡暖色系，更精確一些，喜歡粉色。
時尚潮流有貨網(wǎng)站主打男性用戶
在當(dāng)下，不僅女性越來越注重外表的打扮，在陳冠希、余文樂等潮人示范引領(lǐng)潮流風(fēng)潮，國內(nèi)很多男性也在穿著上加大投入，而有貨網(wǎng)站就是基于這個需求誕生，因為主打用戶為男性，男性色彩更喜歡黑灰等色系，附加一些冷色系，這是男性最愛的色彩，理所應(yīng)當(dāng)網(wǎng)站也是基于這一點進行設(shè)計的。
以上針對女性用戶的美麗說類型網(wǎng)站為紫色，針對男性用戶的有貨網(wǎng)站為黑色，形成了鮮明的對比。
也由此得出：產(chǎn)品屬性決定視覺外衣。
4、其他類產(chǎn)品
不僅在電商領(lǐng)域的產(chǎn)品屬性與視覺外衣有著密切的關(guān)聯(lián)性，其他領(lǐng)域同樣有很多實例。
一到年底，互聯(lián)網(wǎng)行業(yè)的工作人員跳槽的特別多，跳槽的時候，自然就要上網(wǎng)投簡歷了。
那么現(xiàn)在那么多招聘網(wǎng)站有什么區(qū)別？
前程無憂、中華英才網(wǎng)等網(wǎng)站
此類網(wǎng)站是個大雜燴，都是綜合性的網(wǎng)站，各行業(yè)公司都有，各行業(yè)人才也有，為他們進行匹配進行招聘面試，視覺上使用的也是暖色系，滿足大部分人的需求，刺激五官，急于找工作。
拉勾、秒聘、大街等針對互聯(lián)網(wǎng)人才的招聘網(wǎng)站
現(xiàn)今是個萬眾創(chuàng)業(yè)、互聯(lián)網(wǎng)行業(yè)正熱的年代，很多互聯(lián)網(wǎng)公司招不到合適的人。
公司對于人才要求高，
互聯(lián)網(wǎng)人才薪水也普遍高，
公司與人才難以進行合適的匹配。
然后誕生了很多專職互聯(lián)網(wǎng)招聘的網(wǎng)站。
以上截圖是拉勾以及秒聘網(wǎng)的頁面，拉勾采用的是綠色的色調(diào)，而秒聘采用的是藍(lán)色，綠色和藍(lán)色都是冷色系的顏色，從事互聯(lián)網(wǎng)行業(yè)的工作人員，程序員要持續(xù)地思考敲代碼，產(chǎn)品經(jīng)理對產(chǎn)品設(shè)計苦思冥想，產(chǎn)品運營需要經(jīng)常思考如何進行產(chǎn)品推廣，做這些工作需要大腦不間斷地進行思考，象征著思考的顏色自然是藍(lán)色等冷色系顏色，對于互聯(lián)網(wǎng)從事人員來說，也是更為喜歡。
同樣地，不僅在互聯(lián)網(wǎng)招聘行業(yè)，在其他的旅游領(lǐng)域產(chǎn)品，攜程以及去哪兒都是采用的藍(lán)色冷色系顏色，藍(lán)色聯(lián)想到藍(lán)天白云，身在城市之中忙碌厭倦的我們，自然希望來一次說走就走的旅行來放逐自己。
總結(jié)
作為產(chǎn)品經(jīng)理，對于產(chǎn)品的屬性需要非常深的了解，根據(jù)產(chǎn)品的屬性想好給它搭配什么樣的衣服，不要以為這是造型師的事情（UI設(shè)計師），畢竟衣服是穿在你自己的孩子身上，孩子穿衣服穿得太土炮，你這個當(dāng)?shù)?dāng)媽的也丟人。
所以產(chǎn)品經(jīng)理也要對產(chǎn)品屬性與視覺外衣的關(guān)聯(lián)性有足夠了解，有足夠了解后你才能清晰地和設(shè)計師傳達(dá)你想要的效果，不然設(shè)計風(fēng)格想不明白，讓設(shè)計師改來改去，活該天天被虐哭。
千萬不要發(fā)生這樣的情況：讓你設(shè)計一個成人情趣社交的APP，你要求設(shè)計師用一堆性冷淡的藍(lán)色調(diào)進行設(shè)計，那樣可真的不太好。
#專欄作家#
不羈，微信號：hujianfeng1234，人人都是產(chǎn)品經(jīng)理專欄作家對于電商以及社交領(lǐng)域產(chǎn)品有著深入的了解，對于產(chǎn)品設(shè)計以及交互體驗有著近乎偏執(zhí)的狂熱，不折不扣的書蟲，熱愛思考，活到老，學(xué)到老，歡迎交流！
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。
視覺設(shè)計之產(chǎn)品屬性和用戶屬性