提升視覺感受,設(shè)計師需要怎么做?

sky
0 評論 6145 瀏覽 25 收藏 13 分鐘

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

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

一、圖形的重要性

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

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

二、圖形的重要性

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

聽說小米換LOGO了?原來圖形還可以這么操作??!

看看這些我們身邊的物體,你有什么感受,是不是感覺很穩(wěn)定,很有安全感,同時也傳遞出專業(yè)的感覺。保險箱方方正正,能很好地保護(hù)好你的財產(chǎn)。蘋果電腦方方正正,傳遞出很專業(yè)可信賴的感覺。

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

方形、硬朗的動畫人物給你是什么感覺?是不是比較憨厚,可信賴有安全感。

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

2. 圓形給人活力可愛飽滿感

聽說小米換LOGO了?原來圖形還可以這么操作??!

圓形在視覺中給人感覺有魅力、活潑可愛、有親和力的。

聽說小米換LOGO了?原來圖形還可以這么操作??!

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

圓臉臉型的人,也會給人親和力和親切感。我們說的娃娃臉,娃娃臉很多時候都是臉上五官和線條比較柔和的原因。

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

圓形給給人感覺飽滿、富有張力,因為圓形本身有對周邊空間有很強的占有欲,而且圓形一般都是視覺重心,所以我國很多建筑比如鳥巢,國家大劇院都是運用了圓形,給人大氣的感受。

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

三角形是大自然中最常見的圖形,山川都是三角形因此給人很崇高的視覺感受,另外三角形自帶方向感,因此有運動發(fā)展的寓意,三角形也是很多科技類產(chǎn)品中最常用的圖形。

聽說小米換LOGO了?原來圖形還可以這么操作??!

當(dāng)然三角形的造型也會給人感覺很個人化,在電影里面經(jīng)常有壞人、邪惡的感受,個性非常的鮮明。因為他比較銳利帶有功利性。

三、如何去運用

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

每個公司的品牌其實都有基礎(chǔ)的圖形和線條,也是對外傳遞出品牌符號聲音。我們來看看實際項目中如何落地的。

1. 圓形的運用思路

聽說小米換LOGO了?原來圖形還可以這么操作??!

以考拉為案例,因為是海淘不出戶就可以購買到全球任意國家的商品,同時考拉這個形象給人感覺很友好。因此整個設(shè)計中,會使用比較親和力的圓形線條,出現(xiàn)在每個場景中。

聽說小米換LOGO了?原來圖形還可以這么操作??!

圓形在地鐵海報中使用,大大的圓形和人物的搭配讓整個畫面一眼就抓住了用戶。

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

2. 三角形的運用思路

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

3. 正方形的運用思路

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

聽說小米換LOGO了?原來圖形還可以這么操作??!

商品的卡片設(shè)計,保證方形的運用手法。

聽說小米換LOGO了?原來圖形還可以這么操作??!

聽說小米換LOGO了?原來圖形還可以這么操作??!

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

四、最后

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

#專欄作家#

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

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

題圖來自?Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!