編輯導(dǎo)語(yǔ)：在產(chǎn)品設(shè)計(jì)中，視覺(jué)感受的提升是設(shè)計(jì)師需要考慮的層面，而視覺(jué)感受提升的前提，除了需要設(shè)計(jì)師更加了解用戶需求及偏好之外，了解圖形、色彩的情感也很重要。本文作者結(jié)合對(duì)圖形的情感的解讀，分析了圖形在品牌設(shè)計(jì)中的應(yīng)用，一起來(lái)看一下。

形狀其實(shí)是設(shè)計(jì)中很重要的元素，和色彩一樣，不同的情感其實(shí)傳遞的視覺(jué)感受是不一樣的，比如圓角和直角，直角和三角形傳遞出來(lái)的視覺(jué)感受完全不一樣，今天我們來(lái)聊聊。

一、圖形的重要性

這個(gè)圖形、色彩、字體、構(gòu)成、質(zhì)感是設(shè)計(jì)中最重要的組成部分，也就是我們常說(shuō)的形色字構(gòu)質(zhì)。圖形同時(shí)也是品牌表達(dá)的一部分。

Google的Material design專(zhuān)門(mén)針對(duì)圖形有定義規(guī)劃，不同的形狀對(duì)設(shè)計(jì)的影響是不一樣的，方形給人專(zhuān)業(yè)可靠的感覺(jué)，圓形給人活潑、輕松的感受。三角形給人穩(wěn)定、尖銳的視覺(jué)感受。

在設(shè)計(jì)中最常用的，比如按鈕是使用圓形還是方形，這些都是需要去定義的。所以作為設(shè)計(jì)師我們除了理解色彩的情感，圖形的情感也是至關(guān)重要的，今天我們一起來(lái)研究下，不同圖形的視覺(jué)感受，以及在設(shè)計(jì)中的運(yùn)用場(chǎng)景。

二、圖形的重要性

方形是設(shè)計(jì)中運(yùn)用得比較多的，方形一般給人的感受是方正的、專(zhuān)業(yè)的、靠譜可靠的。

1. 方形給人穩(wěn)定安全統(tǒng)一感

看看這些我們身邊的物體，你有什么感受，是不是感覺(jué)很穩(wěn)定，很有安全感，同時(shí)也傳遞出專(zhuān)業(yè)的感覺(jué)。保險(xiǎn)箱方方正正，能很好地保護(hù)好你的財(cái)產(chǎn)。蘋(píng)果電腦方方正正，傳遞出很專(zhuān)業(yè)可信賴(lài)的感覺(jué)。

方形的臉給你什么樣視覺(jué)感受? 是不是給你很硬朗，很男人的感覺(jué)。線條比較分明，比如上面這些明星一般拍電影都是比較正派的角色，一些很MAN的硬漢感覺(jué)。

方形、硬朗的動(dòng)畫(huà)人物給你是什么感覺(jué)？是不是比較憨厚，可信賴(lài)有安全感。

方形的設(shè)計(jì)在建筑中也運(yùn)用很多，很多包豪斯的建筑都是運(yùn)用這種硬朗的圖形。給人整齊統(tǒng)一的感覺(jué)。

2. 圓形給人活力可愛(ài)飽滿感

圓形在視覺(jué)中給人感覺(jué)有魅力、活潑可愛(ài)、有親和力的。

圓形在生活中也是給人柔軟、年輕、有活力的感受，比如熱氣球、運(yùn)動(dòng)的球類(lèi)、甜甜的食物等等。圓形也經(jīng)常給人年輕化、有活力的感受。

圓臉臉型的人，也會(huì)給人親和力和親切感。我們說(shuō)的娃娃臉，娃娃臉很多時(shí)候都是臉上五官和線條比較柔和的原因。

圓形的卡通給你什么視覺(jué)感受，是不是覺(jué)得很可愛(ài)、很萌的感覺(jué)。圓形經(jīng)常給人很無(wú)害的感受。

圓形給給人感覺(jué)飽滿、富有張力，因?yàn)閳A形本身有對(duì)周邊空間有很強(qiáng)的占有欲，而且圓形一般都是視覺(jué)重心，所以我國(guó)很多建筑比如鳥(niǎo)巢，國(guó)家大劇院都是運(yùn)用了圓形，給人大氣的感受。

3. 三角形給人方向感和銳利感

三角形具有方向感、變化感，同時(shí)也很銳利，同時(shí)給人以垂直、剛強(qiáng)、莊嚴(yán)、向上的感覺(jué)，其長(zhǎng)度有穿透感，可象征崇高和無(wú)限。

三角形是大自然中最常見(jiàn)的圖形，山川都是三角形因此給人很崇高的視覺(jué)感受，另外三角形自帶方向感，因此有運(yùn)動(dòng)發(fā)展的寓意，三角形也是很多科技類(lèi)產(chǎn)品中最常用的圖形。

當(dāng)然三角形的造型也會(huì)給人感覺(jué)很個(gè)人化，在電影里面經(jīng)常有壞人、邪惡的感受，個(gè)性非常的鮮明。因?yàn)樗容^銳利帶有功利性。

三、如何去運(yùn)用

了解了每個(gè)圖形的特點(diǎn)，那么我們就可以在做產(chǎn)品適合，去思考如何將圖形和產(chǎn)品結(jié)合，賦予產(chǎn)品不同的設(shè)計(jì)特征。

每個(gè)公司的品牌其實(shí)都有基礎(chǔ)的圖形和線條，也是對(duì)外傳遞出品牌符號(hào)聲音。我們來(lái)看看實(shí)際項(xiàng)目中如何落地的。

1. 圓形的運(yùn)用思路

以考拉為案例，因?yàn)槭呛Ｌ圆怀鰬艟涂梢再?gòu)買(mǎi)到全球任意國(guó)家的商品，同時(shí)考拉這個(gè)形象給人感覺(jué)很友好。因此整個(gè)設(shè)計(jì)中，會(huì)使用比較親和力的圓形線條，出現(xiàn)在每個(gè)場(chǎng)景中。

圓形在地鐵海報(bào)中使用，大大的圓形和人物的搭配讓整個(gè)畫(huà)面一眼就抓住了用戶。

通過(guò)圖形將產(chǎn)品和品牌緊緊地結(jié)合了在一起。

圖標(biāo)里面也把這個(gè)圓形運(yùn)用進(jìn)去了，通過(guò)圓形的線條，將產(chǎn)品個(gè)性傳遞給用戶。

2. 三角形的運(yùn)用思路

韓國(guó)電商11街的，是韓國(guó)本土電商，產(chǎn)品的服務(wù)響應(yīng)速度快，以及產(chǎn)品垂直于服裝。因此整個(gè)品牌圖形采用了一個(gè)有方向的三角形來(lái)表達(dá)他們個(gè)性。所以你在很多地方都可以見(jiàn)到三角形的運(yùn)用。

在官網(wǎng)上、搜索框、banner圖片、標(biāo)簽、優(yōu)惠券等所有地方，都運(yùn)用了三角形的元素，將產(chǎn)品的個(gè)性不斷通過(guò)圖形去傳遞。

英文字體以及對(duì)應(yīng)的圖標(biāo)，也都融入了三角形的元素，讓你印象深刻。

這是一套我印象最深刻的，根據(jù)產(chǎn)品個(gè)性，定義三角形的思路和過(guò)程。它讓整個(gè)產(chǎn)品的氣質(zhì)個(gè)性彰顯得非常明確。

3. 正方形的運(yùn)用思路

支付寶的產(chǎn)品是金融產(chǎn)品，需要傳遞給用戶安全感、穩(wěn)重感，因此圖形需要有穩(wěn)重感，運(yùn)用外圓內(nèi)方的設(shè)計(jì)特點(diǎn)，把這個(gè)特點(diǎn)運(yùn)用到設(shè)計(jì)的細(xì)節(jié)里面。

整體的圖形，運(yùn)用外圓內(nèi)方的特點(diǎn)，這樣的圖形特點(diǎn)是非常鮮明 ，同時(shí)很穩(wěn)定，和金融產(chǎn)品的屬性吻合。

所有頁(yè)面的卡片和圓角，以及按鈕都采用這種方正設(shè)計(jì)來(lái)傳遞出穩(wěn)定性。

商品的卡片設(shè)計(jì)，保證方形的運(yùn)用手法。

彈窗以及按鈕的運(yùn)用，也是遵循著方形的規(guī)則。按鈕是設(shè)計(jì)師最糾結(jié)的，按鈕到底圓形方形，很多時(shí)候無(wú)法給出結(jié)論，那么如果了解形狀情感就可以很好地判斷。

四、最后

了解色彩的情感、圖形的情感，目標(biāo)是讓我們做設(shè)計(jì)更加有決策，我們的每個(gè)設(shè)計(jì)都是有據(jù)可依的。通過(guò)圖形、色彩去傳遞出我們的設(shè)計(jì)品牌，希望今天的這篇文章對(duì)你有幫助。

#專(zhuān)欄作家#

Sky，微信公眾號(hào)：我們的設(shè)計(jì)日記（ID：helloskys），人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。原支付寶體驗(yàn)設(shè)計(jì)專(zhuān)家，阿里巴巴天貓?jiān)O(shè)計(jì)專(zhuān)家；10年知名互聯(lián)網(wǎng)公司設(shè)計(jì)經(jīng)驗(yàn)，對(duì)于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計(jì)規(guī)范、運(yùn)營(yíng)規(guī)范、大促等有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自?Unsplash，基于 CC0 協(xié)議