哆拉A夢的圓形幾何元素,以及賈伯斯熱愛的 UI 圓角設計,其背後原理竟相同?
「圓角矩形」是近年盡人皆知的 UI 設計優勢，自 iPhone 4 發售至今日，到處都可以看到這個乍看簡單、但其實富有深意的幾何圖形。 然而圓角矩形何以能擄獲 Steve Jobs 以至於世人芳心呢？箇中緣由，其實也藏在哆啦 A 夢身上！ 「圓角矩形」在現代 UI 中代表簡約、清爽與和平易近人。這些印象是因幾何圖形能帶給人們的心理暗示，任何圖形設計元素如形狀、線條、顏色、紋理和圖案，都能淺移默化地影響人們的感官認知，從而讓平面圖形附上不同的喻意。 乍聽之下有點形而上學，但其實我們從童年開始就不斷在接收幾何圖形的心理暗示了——許多卡通動畫中的角色，也都被賦予了「幾何暗示」！
三角形的小夫、方形的胖虎……哆啦 A 夢中的幾何暗示
陪伴許多人長大的國民作品《哆啦 A 夢》（ドラえもん），其中的主要角色個個形象鮮明、深入人心，是運用幾何圖形設計角色的好範例： 自戀愛現、在狡猾的同時又常有鬼點子的小夫，從是身形、嘴形到髮型都呈現三角形；而個性粗暴、蠻不講理，但在緊要關頭時又展現了正直的胖虎，無論臉型與身體都呈現寬大的方型。 至於個性善良溫柔、富有同情心的靜香，臉型與整題造型都較圓潤，沒有稜角；至於最備受喜愛的哆啦 A 夢，整個角色從頭到手都是圓型設計。 不只日本，歐美的畫家、藝術家、動畫師等角色設計專家們也時常以「幾何造型」為基底，藉此創造出引人入勝、個性鮮明的角色，足見一個好的幾何設計所具有的優勢。 以下影片為藝術家實際示範如何以基礎的圓型、三角形與方形設計角色形象：
卡通之外 賈伯斯也瘋狂的圓角設計
不只卡通動漫畫之外，許多商業產品也為了讓客戶留下良好的第一印象，採用親民的圓角設計。 話說從頭，要談圓角矩型，就不得不談它成為設計趨勢的轉折點——iPhone 的發布。Steve Jobs 認為：所有物件都有圓角，而且相較於圓形與橢圓形，圓角矩形設計在生活中其實更為常見。 如以下影片所示，2020 年發售的 iPhone SE 依然保留標誌性的圓角設計： 1981 年，Steve Jobs 要求當時任職蘋果的電腦工程師 Bill Atkinson 設計出可以快速畫出圓角矩形的方法。當時已能快速繪製出長方形、圓形與橢圓形的 Bill當下便反駁：「圓角的矩形很難用電腦技術畫出來，而且又不必要！」 Steve Jobs 二話不說便把 Bill 從座位上拉起來，指著房間內的白板、桌椅等所有圓角矩型的物品。更帶著他出門上街，指出大街小巷每個小角落的圓角矩形給他看：「你看，到處都有圓角矩形！」 最後，在一個「禁止停車」的圓角矩形路標牌被指出來後，Bill 認輸了。「好啦，我放棄。我回去看看是不是真的跟我想像的一樣困難。」 隔天下午，Bill 就研究出快速繪製圓角矩形的方法。如今在 iOS 系統裡，這個幾何圖形已經成為其 UI 介面傳承的一部分。
下篇請看此連結。
延伸閱讀：
改變 UI 竟能增進友情、UX 讓麵包烤更香？Netflix 紀錄片揭露設計師巧思
2021年最好用的12個UI/UX設計工具，網頁設計都該試試看
介面、體驗大不同！UI設計/UX設計工作內容完整剖析
疫情加速電商衝擊店面！富比士:2021年5大UI/UX設計趨勢
留言列表
