在設(shè)計(jì)時(shí),圓角與直角該如何使用?

2 評(píng)論 4370 瀏覽 41 收藏 25 分鐘

將大東西進(jìn)行拆解為小的東西,逐步解決問題,解決了小問題,大問題也解決了,在產(chǎn)品設(shè)計(jì)中也是一樣。在面臨圓角直角的選擇時(shí),我們來(lái)看看作者如何做選擇

在當(dāng)今數(shù)字化時(shí)代,UI設(shè)計(jì)已成為創(chuàng)造引人入勝的用戶體驗(yàn)的關(guān)鍵要素。一個(gè)成功的UI設(shè)計(jì)不僅需要技術(shù)知識(shí),還需要對(duì)細(xì)微之處的深刻理解。本文將探討兩種基礎(chǔ)但極為重要的圖形元素:圓角和直角。它們?nèi)绾斡绊懹脩舻母兄突?dòng),如何在設(shè)計(jì)中恰到好處地應(yīng)用它們,以及它們?cè)趯?shí)際案例中的運(yùn)用。

一、圓角與直角的特性

在介紹“圓角與直角”前,先給大家分享一個(gè)心理效應(yīng)“bouba/kiki效應(yīng)?!?/p>

這個(gè)效應(yīng)最早由德國(guó)心理學(xué)家沃爾夫?qū)た评赵?929年提出。

  • “kiki”這個(gè)詞的尖銳、快速的音調(diào)與尖銳的星狀圖案相呼應(yīng)
  • “bouba”這個(gè)詞的圓潤(rùn)、流暢的聲音則與圓潤(rùn)的云狀圖案相呼應(yīng)

最早在1929年沃爾夫?qū)た评兆隽艘粋€(gè)實(shí)驗(yàn),該實(shí)驗(yàn)展示了兩種形式,并詢問讀者哪種形狀被稱為“takete”,哪種形狀被稱為“maluma”。盡管沒有明確說(shuō)明,科勒暗示人們強(qiáng)烈傾向于將鋸齒狀形狀與“takete”配對(duì),將圓形形狀與“maluma”配對(duì)。

在2001年的另一組實(shí)驗(yàn)中拉馬錢德蘭和 愛德華·哈伯德使用“kiki”和“bouba”這兩個(gè)詞重復(fù)了科勒的實(shí)驗(yàn),詢問美國(guó)大學(xué)本科生和印度講泰米爾語(yǔ)的人,“這些形狀中哪個(gè)是bouba,哪個(gè)是kiki?” 在兩組中,95% 到 98% 的人選擇彎曲的形狀為“bouba”,鋸齒狀的形狀為“kiki”,這表明人類大腦以某種方式一致地將抽象含義附加到形狀和聲音上。

這個(gè)效應(yīng)主要講述的是“人腦如何以一致的方式將抽象含義附加到視覺形狀和語(yǔ)音上”

那么我們不妨擴(kuò)展一下,把這這種效應(yīng)延展到角色上就拿我們最熟悉的“喜羊羊與灰太狼”舉例,我們只聽名字“羊”和“狼”就可以潛意識(shí)的認(rèn)為“喜羊羊”就相當(dāng)于“bouba”、“灰太狼”相當(dāng)于“kiki”,“羊族”一聽就是溫和的族群,而“狼族”就是較為兇猛的族群。那么我們可以再回顧一下,“可可愛愛的卡通人物”大部分就是以圓形為基礎(chǔ)“小黃人、葫蘆娃、維尼熊、大頭兒子等”,“超級(jí)大反派”更多是以“直角”為主“女巫、蛇精、吸血鬼”,這就是“將抽象含義附加到視覺形狀和語(yǔ)音上”。

如果聽完這些你還是不懂,那么最簡(jiǎn)單的例子一個(gè)堪比吳彥祖的帥哥叫“文軒沒有大腦袋”,那當(dāng)你見到他時(shí)一定會(huì)去觀察這個(gè)人到底有沒有“大腦袋”

那么回歸正題,我們將“圓角與直角”代入這種思考方式并將其進(jìn)行UI思考,就可以大致了解“圓角與直角”大致的特性

1. 圓角

1)定義

  • 圓角指的是元素邊角被設(shè)計(jì)為圓滑的形狀,而非尖銳的直角。
  • 它通常通過設(shè)定一個(gè)半徑來(lái)實(shí)現(xiàn),半徑越大,角越圓滑。

2)特性

  • 視覺友好:「圓角被認(rèn)為更溫和、更友好,因?yàn)樗鼈內(nèi)狈怃J的邊緣,給人一種安全和柔和的感覺?!?/li>
  • 現(xiàn)代感:「在現(xiàn)代設(shè)計(jì)中,圓角被廣泛使用,它們通常與新穎、時(shí)尚的設(shè)計(jì)理念相關(guān)聯(lián)。」
  • 提高注意力聚焦:「圓角可以引導(dǎo)用戶的視線流動(dòng),幫助減少視覺干擾,使用戶更容易聚焦于界面的關(guān)鍵部分。」
  • 適用性:「在移動(dòng)應(yīng)用和網(wǎng)站設(shè)計(jì)中尤其流行,特別是在按鈕、輸入框、卡片和其他交互元素中?!?/li>

2. 直角

1)定義

  • 直角是指元素的邊角以90度角的形式呈現(xiàn)。
  • 它是最基本的形狀之一,在許多傳統(tǒng)和經(jīng)典的設(shè)計(jì)中常見。

2)特性

  • 專業(yè)感:「直角通常給人一種更加正式、專業(yè)的印象?!?/li>
  • 清晰界定:「直角在視覺上提供了清晰的界定,使元素的邊界更加明確,有助于信息的組織和分隔?!?/li>
  • 傳統(tǒng)感:「在某些情況下,直角與傳統(tǒng)、經(jīng)典的設(shè)計(jì)風(fēng)格相聯(lián)系?!?/li>
  • 適用性:「直角在各種應(yīng)用中都很常見,尤其是在需要傳達(dá)清晰、直接信息的界面中,如表格、列表和布局結(jié)構(gòu)。」

那么回想一下“bouba/kiki效應(yīng)”,今后在設(shè)計(jì)中當(dāng)我們看到某個(gè)產(chǎn)品大量的使用“直角/圓角”我們就可以分辨這個(gè)產(chǎn)品的大致風(fēng)格,同樣字體搭配也是相似的效果,通過不同的banner可以大致看出運(yùn)營(yíng)活動(dòng)的大致目的。

二、圓角、直角的使用場(chǎng)景

在實(shí)際的使用場(chǎng)景中,我們就從最常見的“按鈕、卡片”兩個(gè)場(chǎng)景來(lái)舉例分析“圓角、直角”的作用。

1. 按鈕

我們首先具體聚焦在UI設(shè)計(jì)中對(duì)于“按鈕”這一元素的圓角和直角的使用:

1)圓角按鈕

  • 用戶友好性:「圓角按鈕通常看起來(lái)更加友好和容易接近,它們給用戶一種溫饌和舒適的感覺,適合于鼓勵(lì)用戶交互的場(chǎng)景?!?/li>
  • 移動(dòng)設(shè)備適應(yīng)性:「在移動(dòng)設(shè)備上,由于屏幕尺寸較小,圓角按鈕更易于觸控,尤其是屏幕邊緣的按鈕。」
  • 減少視覺沖擊:「圓角可以減少視覺上的尖銳感,使界面看起來(lái)更加柔和,適合于尋求輕松視覺體驗(yàn)的應(yīng)用?!?/li>

2)直角按鈕

  • 專業(yè)和正式感:「直角按鈕給人一種更加正式和專業(yè)的感覺,在一些傳統(tǒng)的或者保守的設(shè)計(jì)風(fēng)格中,直角按鈕更為常見,例如一些服裝品牌(Yohji Yamamoto、CONFIRMED)、學(xué)校(各學(xué)校官方網(wǎng)站)等?!?/li>
  • 內(nèi)容和功能區(qū)分:「直角按鈕在視覺上更加突出,能夠有效地區(qū)分不同的功能和內(nèi)容,尤其是在需要用戶做出明確決策的界面上?!?/li>

那么這里我們會(huì)有一個(gè)疑問,那就是“移動(dòng)設(shè)備適應(yīng)性”,這里我們可能會(huì)想到“直角按鈕”的面積看起來(lái)要比“圓角按鈕”的觸控面積更大,那為什么“圓角按鈕”更易于觸控呢?

我們從兩個(gè)方面來(lái)解答

1)觸控面積

  • 實(shí)際上,無(wú)論是圓角還是直角,按鈕的觸控面積通常是由其外接矩形決定的。這意味著,即使按鈕的視覺元素有圓角,觸控面積實(shí)際上仍然包括了這些圓角區(qū)域。
  • 在實(shí)際應(yīng)用中,操作系統(tǒng)或應(yīng)用平臺(tái)通常會(huì)為按鈕元素提供一個(gè)默認(rèn)的“觸控目標(biāo)大小”,這個(gè)大小是為了確保良好的觸控體驗(yàn)而設(shè)計(jì)的,無(wú)論按鈕的視覺樣式如何。

2)視覺感知與觸控體驗(yàn)

  • 圓角按鈕在視覺上看起來(lái)更加柔和和親切,這可能使得用戶更傾向于觸摸和與之交互。這種心理效應(yīng)可能會(huì)導(dǎo)致用戶覺得圓角按鈕更“容易”觸控,即使實(shí)際的觸控面積與直角按鈕相同。
  • 在移動(dòng)設(shè)備上,圓角按鈕的另一個(gè)優(yōu)勢(shì)是它們的形狀與設(shè)備的圓潤(rùn)邊緣相協(xié)調(diào),這在視覺上創(chuàng)造了一種和諧感,可能會(huì)無(wú)形中增加用戶的觸控舒適度。

通過這兩方面,我們是不是又能聯(lián)想到“bouba/kiki效應(yīng)”,介于“圓角本身的屬性”我們會(huì)更容易去點(diǎn)擊他。

2. 卡片

對(duì)于卡片我們還是先對(duì)比,在進(jìn)行詳細(xì)的分析。

1)圓角卡片

  • 視覺風(fēng)格:「圓角卡片提供了一種柔和、友好的視覺感受。它們的圓潤(rùn)邊緣可以減少視覺沖擊,創(chuàng)造出更輕松和親切的外觀。」
  • 用戶體驗(yàn):「圓角的設(shè)計(jì)通常被認(rèn)為更加現(xiàn)代和用戶友好。它們可以使界面看起來(lái)更輕松、更易于接近,這在提高用戶的互動(dòng)意愿方面很有效?!?/li>
  • 適用場(chǎng)景:「圓角卡片通常用于需要提供溫馨、輕松體驗(yàn)的應(yīng)用中,例如社交媒體、娛樂內(nèi)容展示、個(gè)人博客,或者任何強(qiáng)調(diào)用戶友好和易用性的設(shè)計(jì)?!?/li>
  • 功能效果:「在功能上,圓角卡片可以幫助區(qū)分不同的內(nèi)容模塊,同時(shí)保持界面的整體一致性和流暢性?!?/li>

2)直角卡片

  • 視覺風(fēng)格:「直角卡片提供了一種清晰、專業(yè)的視覺效果。它們的直線和銳角創(chuàng)造了一種結(jié)構(gòu)化和有序的外觀?!?/li>
  • 用戶體驗(yàn):「直角設(shè)計(jì)傳達(dá)了一種正式和權(quán)威的感覺,適合于需要展示專業(yè)性和準(zhǔn)確性的應(yīng)用。」
  • 適用場(chǎng)景:「直角卡片通常用于更正式或?qū)I(yè)的環(huán)境,如企業(yè)網(wǎng)站、在線商務(wù)平臺(tái)、教育平臺(tái),或任何需要清晰展示大量信息的界面。」
  • 功能效果:「直角卡片在功能上有助于清楚地區(qū)分和組織內(nèi)容,特別是在數(shù)據(jù)密集或信息密集的應(yīng)用中?!?/li>

這里更要值得注意的一點(diǎn)是視覺效果方面的“圓角對(duì)于用戶的視覺效果要強(qiáng)于直角”,巴羅神經(jīng)學(xué)研究所對(duì)角落進(jìn)行的科學(xué)研究發(fā)現(xiàn),“角落的感知顯著性隨角落的角度呈線性變化。銳角比淺角產(chǎn)生更強(qiáng)的虛幻顯著性”,這里角越尖,看起來(lái)就越亮。角落越亮,就越難看。

通過上述對(duì)比我們可以得到一個(gè)結(jié)論“圓角比直角更親和”,那么可以接著推論“圓角卡片更容易使用戶接受卡片內(nèi)信息”這是因?yàn)閳A角向內(nèi)指向矩形的中心。這會(huì)將焦點(diǎn)放在矩形內(nèi)的內(nèi)容上。當(dāng)兩個(gè)矩形彼此相鄰時(shí),還可以輕松查看哪條邊屬于哪個(gè)矩形。尖角向外,從而減少對(duì)矩形內(nèi)部?jī)?nèi)容的關(guān)注。當(dāng)兩個(gè)矩形彼此相鄰時(shí),它們還使得很難判斷兩條邊屬于哪個(gè)矩形。這是因?yàn)槊總€(gè)矩形邊都是一條直線。圓角矩形的邊是獨(dú)特的,因?yàn)榫€條朝著它所屬的矩形彎曲。

三、案例分析

那么對(duì)于“直角、圓角”的使用我們以“CONFIRMED、汽水音樂”這兩個(gè)產(chǎn)品來(lái)分析看一下這兩個(gè)產(chǎn)品對(duì)于“直角、圓角”的應(yīng)用。

1. CONFIRMED

CONFIRMED(Adidas旗下網(wǎng)站,這里懂球鞋的朋友我們可以把它理解為Nike的SNKRS)

作為Adidas旗下產(chǎn)品發(fā)售平臺(tái),CONFIRMED更多的是發(fā)售一些潮流類的服飾最近有“Y-3、CLOT、FEAR OF GOD”等一些潮流服飾,這個(gè)應(yīng)用程序旨在為Adidas的高需求和限量產(chǎn)品提供一個(gè)更加公平和直接的購(gòu)買渠道,通常涵蓋了品牌與設(shè)計(jì)師和藝術(shù)家的合作款,以及特別版的運(yùn)動(dòng)鞋。

那么我們從“產(chǎn)品定位、用戶群體、主要功能流程”來(lái)分析一下

1)產(chǎn)品定位

  • 獨(dú)家發(fā)售平臺(tái):「CONFIRMED 專注于提供 Adidas 的獨(dú)家發(fā)售和限量版產(chǎn)品,特別是鞋類和高端服裝。它的目標(biāo)是成為品牌與其最忠實(shí)粉絲之間的直接連接點(diǎn)」
  • 品牌營(yíng)銷工具:「通過這個(gè)平臺(tái),Adidas 能夠加強(qiáng)其品牌形象,特別是在時(shí)尚和高端運(yùn)動(dòng)裝備領(lǐng)域。CONFIRMED 作為一個(gè)專門平臺(tái),也強(qiáng)化了 Adidas 在潮流和限量產(chǎn)品市場(chǎng)中的地位?!?/li>
  • 市場(chǎng)分析和消費(fèi)者洞察:「CONFIRMED 還可能被用作市場(chǎng)研究工具,通過分析用戶行為和購(gòu)買模式來(lái)更好地理解目標(biāo)市場(chǎng)。」

2)用戶群體

  • 潮流愛好者:「對(duì)最新潮流和設(shè)計(jì)保持關(guān)注的消費(fèi)者,他們追求限量版、獨(dú)家合作系列?!?/li>
  • Adidas 忠實(shí)粉絲:「品牌的忠實(shí)支持者,對(duì)于品牌的新產(chǎn)品和特別發(fā)售保持高度興趣?!?/li>
  • 運(yùn)動(dòng)鞋收藏家:「對(duì)于限量版運(yùn)動(dòng)鞋有收藏價(jià)值的消費(fèi)者,這些人往往愿意為獨(dú)特和罕見的設(shè)計(jì)支付高價(jià)?!?/li>

3)主要功能流程

  • 產(chǎn)品預(yù)覽和信息:「用戶可以在應(yīng)用程序中瀏覽即將發(fā)售的產(chǎn)品,并獲取詳細(xì)信息,如價(jià)格、設(shè)計(jì)特點(diǎn)、發(fā)售日期等?!?/li>
  • 注冊(cè)和參與抽簽:「對(duì)于感興趣的產(chǎn)品,用戶需要在特定時(shí)間內(nèi)注冊(cè)參與抽簽。這通常涉及填寫個(gè)人信息和選擇購(gòu)買尺碼等?!?/li>
  • 抽簽結(jié)果通知:「抽簽結(jié)束后,用戶會(huì)收到是否中簽的通知。如果中簽,用戶將有機(jī)會(huì)購(gòu)買這些限量產(chǎn)品?!?/li>
  • 購(gòu)買和支付:「中簽用戶可以在應(yīng)用程序內(nèi)完成購(gòu)買流程,包括支付和選擇配送選項(xiàng)?!?/li>
  • 社區(qū)互動(dòng)和內(nèi)容:「CONFIRMED 還可能提供與品牌相關(guān)的內(nèi)容,如設(shè)計(jì)師訪談、品牌故事等,以增強(qiáng)用戶參與和品牌忠誠(chéng)度?!?/li>

這里我們先從“CONFIRMED”卡片元素分析(本文只講述的直角卡片的用途,不過多講述App功能)

每款產(chǎn)品可以在一個(gè)直角卡片中展示,其中包括產(chǎn)品圖片、名稱和一些基本信息。這里在App的“首頁(yè)、發(fā)售信息、會(huì)員權(quán)益”這三個(gè)模塊最為突出,這種布局有助于用戶快速瀏覽和識(shí)別不同的產(chǎn)品

4)功能展示

這里“CONFIRMED”不同的卡片可以承載不同的功能,如顯示即將發(fā)售的產(chǎn)品、已經(jīng)發(fā)售的產(chǎn)品、品牌故事等,幫助用戶快速定位他們感興趣的內(nèi)容。這里使用通過卡片元素的方式來(lái)詳細(xì)展示產(chǎn)品,會(huì)使整個(gè)產(chǎn)品的調(diào)性保持一致,大卡片的元素傳遞給觀眾的瀏覽體驗(yàn)會(huì)更直觀的感受產(chǎn)品(這里會(huì)發(fā)現(xiàn)一個(gè)很有趣的細(xì)節(jié),貌似好的國(guó)外、跨境電商的App都會(huì)采用這些大的直角卡片)

接下來(lái)我們就講述關(guān)于“CONFIRMED”按鈕元素使用的分析:

5)突出的功能

直角按鈕通常用于突出最重要的操作,例如“購(gòu)買”、“注冊(cè)抽簽”或“查看詳情”。這些按鈕因其鮮明的邊界和直接的設(shè)計(jì)而容易被用戶注意到。

6)風(fēng)格統(tǒng)一

使用直角按鈕可以與應(yīng)用中其他直角設(shè)計(jì)元素(如卡片)保持視覺一致性,為用戶提供一致且簡(jiǎn)潔的視覺體驗(yàn)。

7)視覺引導(dǎo)

這些按鈕通常配有“CONFIRMED”的顏色(藍(lán)色),用于引導(dǎo)用戶的注意力,幫助他們快速識(shí)別應(yīng)用程序中的不同功能。

這里我們可以看到“直角卡片”“直角按鈕”在 CONFIRMED 應(yīng)用中的應(yīng)用可能主要體現(xiàn)在其用戶界面的設(shè)計(jì)上,通過清晰、有序的布局和直觀的用戶交互,提升用戶的體驗(yàn)。

2. 汽水音樂

提到“汽水音樂”大家都不陌生,前段是時(shí)間各大“rapper、流行歌手”發(fā)歌都在汽水,這個(gè)App是可以和抖音聯(lián)動(dòng)的,所以播放音樂的模式?jīng)]有采用大家常見的“點(diǎn)歌、切歌”操作,而是換成隨機(jī)曲子和“抖音”向下滑動(dòng)切換一樣,這樣既新穎又能容易使用戶養(yǎng)成操作習(xí)慣,不至于一下子新的交互方式無(wú)法適應(yīng)。那么我們同樣從“產(chǎn)品定位、用戶群體、主要功能來(lái)分析”

1)產(chǎn)品定位

  • 汽水音樂是一款音樂流媒體應(yīng)用,旨在與主要競(jìng)爭(zhēng)對(duì)手如騰訊音樂和網(wǎng)易云音樂抗衡。
  • 它不僅是一款單純的音樂播放軟件,還與抖音緊密結(jié)合,使得用戶可以在兩個(gè)平臺(tái)之間無(wú)縫切換音樂播放列表,顯現(xiàn)出對(duì)社交媒體和音樂流的綜合運(yùn)用。

2)用戶群體

  • 汽水音樂的主要用戶群體是中國(guó)市場(chǎng)上的年輕用戶,尤其是那些已經(jīng)使用抖音并尋求更豐富音樂體驗(yàn)的用戶。
  • 考慮到字節(jié)跳動(dòng)在短視頻領(lǐng)域的強(qiáng)大影響力,汽水音樂會(huì)吸引那些對(duì)新興、流行音樂以及個(gè)性化推薦感興趣的年輕群體。

3)主要功能流程

  • 個(gè)性推薦:「這里“汽水音樂”通過算法推薦“個(gè)性電臺(tái)”、“歌單推薦”、“3個(gè)榜單”」
  • 與社交媒體的整合:「能夠與用戶的抖音賬號(hào)同步,提供跨平臺(tái)的音樂體驗(yàn)。用戶可以在抖音中發(fā)現(xiàn)音樂,并在汽水音樂中繼續(xù)播放,反之亦然?!?/li>
  • 播放:「汽水音樂的播放方式與抖音同步營(yíng)造區(qū)分于其他音樂App不同的交互體驗(yàn)」

那么我們從卡片開始分析,卡片主要應(yīng)用在“歌曲、專輯”、“播放列表”、“歌單推薦”、“音樂盲盒”

那么他們起到的作用分別是

  • 提高用戶體驗(yàn):「圓角卡片的設(shè)計(jì)通常比直角設(shè)計(jì)更柔和、更易于接受。這種設(shè)計(jì)能夠減少視覺疲勞,使應(yīng)用界面看起來(lái)更加友好和現(xiàn)代化?!?/li>
  • 增強(qiáng)視覺吸引力:「圓角卡片因其流線型的外觀,在視覺上更加吸引用戶。這有助于提升用戶對(duì)應(yīng)用的整體印象和興趣?!?/li>
  • 組織信息:「圓角卡片可以有效地將信息分組,如將不同的歌曲、專輯、播放列表等內(nèi)容區(qū)分開來(lái),使得用戶瀏覽和選擇時(shí)更加直觀和方便?!?/li>
  • 提升操作便捷性:「在觸摸屏上,圓角卡片可以提供更好的觸摸目標(biāo),使得用戶在進(jìn)行選擇和導(dǎo)航時(shí)更加方便。」
  • 增強(qiáng)內(nèi)容的層次感:「圓角卡片可以通過陰影、邊框或顏色的變化,為界面添加層次感,使得內(nèi)容更加突出和易于閱讀?!?/li>
  • 提升品牌形象:「現(xiàn)代的界面設(shè)計(jì)往往傾向于使用圓角元素,使用這種設(shè)計(jì)可以使應(yīng)用看起來(lái)更加時(shí)尚,從而提升品牌形象?!?/li>
  • 圓角卡片在提升用戶體驗(yàn)、美化界面、優(yōu)化信息展示和操作便利性等方面發(fā)揮著重要作用。這些設(shè)計(jì)元素有助于提高應(yīng)用的整體吸引力和用戶的使用滿意度。

“圓角按鈕”對(duì)于“汽水音樂”的作用有:

  • 視覺焦點(diǎn):「圓角按鈕可以作為視覺焦點(diǎn),吸引用戶的注意力,特別是對(duì)于重要的功能,如播放按鈕或搜索按鈕?!?/li>
  • 界面美觀性:「圓角按鈕增加了界面的美觀性,與整體設(shè)計(jì)風(fēng)格協(xié)調(diào)一致,提升了應(yīng)用的整體視覺效果?!?/li>
  • 一致性和標(biāo)準(zhǔn)化:「在應(yīng)用中使用標(biāo)準(zhǔn)化的圓角按鈕可以提高界面的一致性,使用戶更容易理解和使用不同的功能?!?/li>

其實(shí)通過對(duì)比,我們會(huì)發(fā)現(xiàn)“圓角”在社交、音樂等偏娛樂方向采用的更加多,因?yàn)檫@些產(chǎn)品屬性需要“產(chǎn)品與用戶”、“用戶與用戶”之間拉近距離,圓角不僅更容易我們的眼睛處理,而且還使信息更容易處理,圓角很有吸引力。那么“直角”就偏向?qū)I(yè)領(lǐng)域、正式的場(chǎng)合以及一些小眾的產(chǎn)品。

四、總結(jié)

了解并應(yīng)用這些元素的特性,不僅能夠提升設(shè)計(jì)的美觀性,還能夠在更深層次上與用戶產(chǎn)生共鳴。作為UI設(shè)計(jì)師,深入理解圓角和直角的影響,將使我們能夠更精確地傳達(dá)我們想要表達(dá)的信息,在了解簡(jiǎn)單的形狀如何影響感知后,我們就可以有目的地進(jìn)行設(shè)計(jì),將每一個(gè)微小的視覺元素加在一起,形成用戶潛意識(shí)中感知的一致、獨(dú)特的品牌個(gè)性。

本文由 @文軒沒有大腦袋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)授權(quán),禁止轉(zhuǎn)載

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

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 哈哈哈哈哈哈哈哈,一個(gè)堪比吳彥祖的帥哥叫“文軒沒有大腦袋”

    來(lái)自新加坡 回復(fù)
    1. 噓!我們悄悄知道就好哈哈哈哈哈

      來(lái)自加拿大 回復(fù)