Facebook加入
LINE加入
2021/12/25
圓形風格的移動應用設計實例欣賞
這一次的作品是屬於設計欣賞領域中的網頁設計的相關作品。
文章出處是來自優設的設計欣賞類文章，作品的作者是情非得已，感謝情非得已提供網頁設計的作品範例。
作品大綱:
譯者小瓶兒註：人腦處理圓形中的信息更加快和有效，設計得當可兼具良好的使用性以及更大的吸引力，本文以移動設備為例，這一類設備恰好是使用圓形的指尖形狀，為設計提供了更大的自由度，本文適合移動端設計的同學以及對此感興趣的同學，不僅從交互上並且從視
網頁設計作品欣賞
譯者小瓶兒註：人腦處理圓形中的信息更加快和有效，設計得當可兼具良好的使用性以及更大的吸引力，本文以移動設備為例，這一類設備恰好是使用圓形的指尖形狀，為設計提供了更大的自由度，本文適合移動端設計的同學以及對此感興趣的同學，不僅從交互上並且從視覺上都能夠對以圓形為基本元素的設計起到一定的啟發作用。
圓形被認為是能夠被人眼最快識別出的對象之一。這就意味着我們的大腦有能力處理在圓形中的信息比處理在常規的三角或矩形中的數據略快一些。對於小型的以手勢為基礎的交互界面中，這種能力真的非常關鍵。這一點對移動設備來說尤為典型，在大多數的情況下，這成為了選擇基本UI元素形狀的決定性因素。賞心悅目的曲線取代了尖銳邊緣，有助於營造一種溫暖舒適的氣氛，讓感觀愉悅。它有效地增強了用戶體驗，讓交互界面簡單而明了。
選擇圓形一個最普通的原因就是它模仿指尖的形狀的能力下意識也將圓形元素與按鈕聯繫在一起。因此，作為一條規律，你很容易發現行為召喚的按鈕(call-to-action buttons)應用在環形結構后，有相當一部分應用程序大肆地在設計中使用這一形狀。例如，音樂導向的應用，或者是可視化的鬧鐘以及時鐘都離不開環形結構。
本文的選例都是帶有明確的圓形風格的移動交互界面，這些界面自然地融入了UI流暢性，更多的可用性和吸引力。
Eli Williamson設計的Lock Screen Concept
使用絢麗的相片背景來吸引用戶的注意力。緊湊的排版，醒目的圓形圖案以及主體的白色給應用增加了雅緻與空間感。
Cüneyt ŞEN設計的Timer
有着綠色的發光風格。近似霓虹閃爍式的圖標及帶有光效圓形在黑暗的純色背景下非常顯眼。
Timm Kekeritz設計的Partly Cloudy
被貼上了懷舊的標籤。柔和的調色板，新穎的旋鈕，複合的畫布營造出一片舊日情懷。
Marco Nenzi設計的ClapUp
由於逼真的旋鈕和按鈕，新穎的時鐘以及質樸的白色背景而看起來清爽而且高端。
Jakub Antalík設計的Coffely
由於扁平風格的精彩應用簡潔而自然地呈現出準確而輕快的界面。
Circle
整個設計中都應用了圓形元素，從頭像顯示，狀態通知以及其它按鈕都用到了圓形。
Megamegacube設計的Quotes app
讓事情保持簡單易懂，將時髦的紅色背景，平實的白色的圖案元素以及常規字體巧妙地結合在了一起。
Corey Liu設計的Charging Animation
採用了現實主義方式。設計師巧妙地將生活元素植根於帶有綠色液體的中心圖標中，使它看起來栩栩如生且魅力非凡。
Michael Sambora設計的Bikester #2 wip
展現了淡色與一系列精緻細節刻畫核心部件相結合產生的有力的視覺衝擊。
Tomáš Zeman設計的Company Income App
基於Metro 8美學，出色的集成了淡淡的二維單色圓形元素及大量自由空間。
Nate Dicken設計的Foresee – Let’s Go Swimming!
特意注入了一些明亮的顏色來使交互界面看起來明亮而歡快。
Boris Valusek設計的Superminds
呈現出慣用的水平條紋式的布局，每一行都包含着圓形頭像和小標題。
Zahir Ramos設計的Laundry Master App
通過完美集成擬物化洗衣機相關按鈕和旋鈕和驚艷的刻畫，吸引了常規客戶，從而在這類應用中獨樹一幟，脫穎而出。
Ben Dunn設計的Napp App
成功應用一些整齊微妙的整體控制牢牢地抓住了用戶的注意力。
Alex Bender設計的Movenpick app
一個美食相關應用。通過用令人垂涎的冰淇淋球照片在交互界面增加圓形風格，描述了可以買到的產品的整體多樣性。
Vlad Mereuta設計的WheelTunes
一個基於手勢的帶有很棒音樂氛圍的播放器。中心圓形頭像主圖標也起着播放進度條的作用。
Simon
用幾乎所有空白背景，基本的圖形框架和潦潦幾筆文字宣揚着最小化設計風格。
Michal Ratajczak設計的Trail Offroad Nightmode
給人一種模糊的感覺。應用類似60年代的圖標以及受到鐘錶界面的啟發計算機字體，在深色背景的襯托下，增添了UI的復古情趣。
Uriel Albarran O. 設計的Mixer elements
刻畫了佔據了整個空間的逼真而精緻的黑色輪盤。
Louis Saville設計的Hack Day App Preview
擁有和諧的藍色風格，並出色地被白色相關加粗樣式和可辨識的圖標所補充，體現了很商務的感覺。
Ismail MESBAH設計的Phone App UI – Party Maker
運用跳動顏色的混合，和俱樂部主題高度模糊的背景、光滑的粗字體以及派對導向的圖標都非常地搭調。
Celia Sun設計的Celia’s Weather
傳達出歡快與清澈的感覺。主體的淺灰調色系，略微膨脹的旋鈕，精巧的陰影，準確注入的明亮元素，讓交互界面顯得簡潔細膩。
Frantisek Krivda設計的Flat Style Color Wheel
通過顯眼的由藍色到白色漸變的圓環來展示數據。
Ali O. İş設計的Gas combi remote control app
由精巧的圖案、和諧的調色盤、漂亮的光和影創造出來的。
Samuel Bednár設計的Alarm Clock App
通過交錯的樣本刻畫出了非同尋常的鐘錶界面，所有元素都是扁平風格的設計。
Arles Festival, iPhone App V2.0
利用有吸引力的輕少女風格的導航系統。基於網格，菜單上的每個項目都有着精細的點畫筆觸、線框圖標和優雅的大寫字母。
Myroslav Galavai設計的Plant monitoring tool
擁有自然啟迪風格的UI，展現了非常棒的照片操作、相片集按鈕和纖維質感的背景。
Ronge Ruan設計的HR Alarm Clock
利用大量圖案元素添以充滿活力的效果。明亮的放射狀漸變和淺色背景帶來了積極的情緒。
總結
圓形風格的應用程序交互界面非常常見。旋鈕、按鈕、開關、進度條、頭像以及其他種種經常以圓形出現，並添以振動狀漸變、巧妙的陰影、精細的圖標、單色扁平感及易辨識的風格。這一形狀對於基於手勢的iPhone和其它智能手機的交互界面並不驚奇。
圓形感覺的交互界面看起來很現代和高級嗎?它們容易被識別嗎?圓形能夠增加應用的可用性嗎?請通過評論來和我們交流你的觀點。
–本文轉載自 http://www.missyuan.net 教學網 —
熱門推薦
留言回覆
