為何我們都覺得哆拉a夢很可愛、阿福很奸詐、胖虎很暴力?原來他們的長相暗藏這些秘密

2020-04-25 08:30
原來打從童年開始,幾何圖形的暗示就已經到處都是。(圖/取自網路)
原來打從童年開始,幾何圖形的暗示就已經到處都是。(圖/取自網路)
自從 Adobe CC 更新之後,不管是 Illustrator 或 Adobe Xd,要從矩形拉圓角都是1秒內可以做到的事情。「圓角」在現代 UI 中也是扮演著重要角色,可能代表更簡約、舒爽,但如果今天有人問你為什麼這邊要用圓角,你可以回答得出來嗎?

還記得最初在螢幕上看到圓角設計是哪裡嗎?如果是早期蘋果 iPhone 手機使用者,應該對圓角的細節處理相當熟悉吧!但你知道這其實是賈伯斯(Steve Jobs)嚴格要求後的成果噢。

(圖/YOTTA提供)
不論是機身、App 或 Home 鍵都離不開圓角的 Apple 產品。(圖/pexels)

讓我們接著從歷史上來看,在早期參與麥金塔電腦開發的美國電腦科學家 Andy Hertzfeld(安迪·赫茲菲爾德)曾在1981年寫過一篇文章「Round Rects Are Everywhere!」 ,道述當時的電腦技術只可以做到繪畫矩形、圓形,頂多橢圓形, Steve Jobs 希望工程師 Bill Atkinson 開發可以畫圓角矩形的軟體。

太困難了啦!長方形跟圓形不好嗎?

遭到工程師質疑, Steve Jobs 不疾不徐地解釋說生活周遭從房間到桌檯等都有圓角,甚至還帶著 Bill Atkinson 出去散步,試圖啟發他認識到圓角才更接近真實世界上的物件。

(圖/YOTTA提供)
RoundRects 軟體

後來 Bill Atkinson 竟成功開發了可以拉出圓角矩形的軟體!當時 Andy Hertzfeld 就預料到圓角會在電腦中造成流行,但一直到了 iOS 圖標出現才正式成為 Apple 特色,同時獲得全世界設計師的認同。比起硬幫幫的長方形,圓角顯得更柔和與直觀;相較之下 Android 與 Windows 派系在當時多還是只能用矩形,猜測可能是專利影響。

在 iPhone 問世前的 20 年,賈伯斯就是圓角的腦粉啊!

那麼隨著 Modern Web / App 的發展,圓角在介面設計 ( UI Design )上究竟理論上能達到什麼樣的效果呢?這邊整理了三個理由,讓我們接著看下去。

一、圓角對眼睛感官更友善

雖然我們都能多少感覺到圓角的體驗更好,但往往不能解釋其中道理。

真相就在你的眼睛裡!

眼球感光最敏感的部位叫中央窩(Fovea),同時也是視覺最清晰的地方。處理圓形邊時候的最有效率,若是換成複雜的邊緣則需要更多大腦神經去運算。

(圖/YOTTA提供)
眼睛判別圓形時最快。

巴羅神經科學研究院(Barrow Neurological Institute)研究發現,角的刺眼程度與其角度成反比;尖角比鈍角產生更強的視覺顯著性(preserved salience)。換句話說,角越尖,看起來越亮眼;一個角看起來越亮眼,就越有可能提高視覺處理的費力程度。

同時為了躲避風險,人類天性上就會避免尖銳的東西,因為在自然中鋒利的邊緣會造成威脅,比如說古代兵器的矛或劍,或是現在餐桌上的湯匙總是比叉子來的溫柔。 (相關報導: 文組都過很爽、理組都很仇女!教育專家揭網路霸凌文化的成因:因為從小我們都這樣教小孩 更多文章

(圖/YOTTA提供)
圓滑會帶給我們更多安全感。

二、整體視覺動線更流暢

在卡片式或網格佈局當中,使用圓角做為容器邊框的設計在視覺上能更有效地引導使用者跟著走,讓資訊更輕鬆地傳達。

更多文章
「不要出事就把軍方拿出來打!」柯文哲談軍艦染疫:台灣問題就是政府和人民之間沒信任
WHO曝瑞德西韋不是解藥?專家:中國研究看看就好,有無療效「這時間點」就知道
印度6歲女童慘遭性侵!惡狼防遭指認,竟重傷女童雙眼、綑綁雙手丟廢棄屋
民眾黨參加高雄市長補選?蔡壁如:罷韓要通過還是有難度
蘇貞昌要韓國瑜「防疫以指揮中心為準」 趙少康曝這件事:還好當初沒聽他們的!
「韓國瑜落跑選總統滿周年!」陳瓊華批:韓想靠普篩收回罷免投票
疫情衝擊,為何台灣經濟能正成長?台經院:「幸好我們有台積電!」
新冠肺炎》裝呼吸器維生的患者死亡率達9成?張上淳曝台灣個案情況
風評:別把「銀行紓困」搞成「紓困銀行」
You’re the boss可不是說你是老闆!這些超常誤會的道地用法一定要搞清楚
股東會紀念品年度重點:中鋼牌抗菌鋼杯!準備好搶換了嗎?
味噌竟然有助長壽?日本教授親傳「長壽味噌湯」作法,3步驟讓你改善疲勞、抗憂鬱
陳昭南專欄:打擊陋習與弊病,小英治軍理念才能實現!
黃丙喜觀點:兩岸人民敵意何時了!
繼子把每張全家福裡,有她的部分全割掉…作家訪談多位後母,揭這些女性不為人知的傷痛
宋承恩專欄:劍指WHO還是中國?
陳淞山觀點:敦睦艦隊官兵染疫的政治未爆彈?
張光球觀點:新冠疫情對國際關係的衝擊與美中消長
觀點投書:海軍司令道歉,是軍人勇敢承擔的表現
小資網紅30歲買下第一間房,沒多久竟後悔了?房市達人Sway揭看屋必做5大功課!
陳幸蕙專文:待飛的巨鷹─余光中為這世界留下傳世詩集
觀點投書:江啟臣改革的亮點,更需制度改革的線
觀點投書:搶購衛生紙的背後,到底是「需要」還是「想要」
觀點投書:《台北法》的意義
月亮雪白星星閃亮─人際應對與邏輯能力的培養:《愛的排行榜》選摘(2)
全台無薪假人數飆至1.8萬 創10年來新高
又失言?葉毓蘭:宜蘭歧視客家文化,導致母親不敢講客語
遭質疑捐口罩幫越南做外交業績 外交部:越南對外多捐布口罩,醫療口罩產量不足
韓國瑜擬普篩醫護 陳其邁:恐出現高比例偽陽性,還是「順時中」較好
臺銀與華航及長榮完成各200億振興融資專案簽約
推動焚化底渣再利用 高雄首創混凝土廠認可制
民進黨高市黨部主委選舉 高閔琳完成登記
北彰化第一所福興鄉衛生所 不老健身房啟用
中捷籌組編制45人捷運警察隊 將展開反恐訓練
中市紓困消費券吸買氣 經濟效益上看5000萬
十三行推博物館考古學、人類學好書 宅配免運送到家
深坑行動治理視訊座談 即時溝通市政不中斷
51連假加強防疫 中市府加強管制熱門景點人流
高雄氣爆案官員判有罪 劉世芳:工程施作是吳敦義市府負責的
歡樂兒童親子體驗日,陪伴部落孩子玩出創造力
幕後》敦睦艦隊官兵18日爆染疫 蔡英文前1天即知情 執政團隊緊急因應行動曝光
「從沒說過高雄要封城!」韓國瑜自嘲:我是豐臣秀吉弟弟「封城不急」
「布口罩太小、發黃、裡頭有蟲還有頭髮…」安倍晉三花466億發口罩出大包,廠商全面回收檢查
「林榮基遭潑漆是中共勢力滲透」 學者籲嚴辦:否則今日銅鑼灣明日誠品
盧森堡60萬人口卻得逾90萬口罩? 外交部澄清:捐贈數為20萬片
吉里巴斯可能復交?親中總統政黨國會大選失利 外交部:中立態度關注後續發展
軍艦染疫》聯檢小組未落實檢疫?國防部坦承:有些地方與SOP有落差
韓國人試吃3種台灣海鮮罐頭,超獨特滋味衝擊味蕾,歐巴驚嚇:人生新味道再也沒下次!【影音】