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

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

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

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

一、圖形的重要性

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

這個圖形、色彩、字體、構成、質感是設計中最重要的組成部分,也就是我們常說的形色字構質。圖形同時也是品牌表達的一部分。

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

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

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

二、圖形的重要性

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

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

1. 方形給人穩定安全統一感

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、如何去運用

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

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

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

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

1. 圓形的運用思路

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

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

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

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

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

通過圖形將產品和品牌緊緊地結合了在一起。

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

圖標里面也把這個圓形運用進去了,通過圓形的線條,將產品個性傳遞給用戶。

2. 三角形的運用思路

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

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

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

在官網上、搜索框、banner圖片、標簽、優惠券等所有地方,都運用了三角形的元素,將產品的個性不斷通過圖形去傳遞。

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

英文字體以及對應的圖標,也都融入了三角形的元素,讓你印象深刻。

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

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

3. 正方形的運用思路

支付寶的產品是金融產品,需要傳遞給用戶安全感、穩重感,因此圖形需要有穩重感,運用外圓內方的設計特點,把這個特點運用到設計的細節里面。

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

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

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

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

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

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

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

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

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

四、最后

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

#專欄作家#

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

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自?Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!