23個移動app界面上的旋鈕和刻度盤設計示例

0 評論 8376 瀏覽 2 收藏 9 分鐘

從最初進入電子設備領域,旋鈕和刻度盤的由最初的功能性設計轉變為時尚的外觀設計元素,比如在移動app中。

這種轉變并意外,旋鈕和刻度盤不需要占用移動設備的太多空間,并可以簡單地為用戶提供一些列的參數和數據。旋鈕和刻度有著先天觸屏友好型的外觀,方便開發者在其中添加多項功能,可以給用戶審美上的愉悅和真實世界中的協調感。

以下列出的是一些很不錯的設計案例,不過這次推薦的都是圓形的旋鈕,我們也剛好看看同樣一個功能組件上不同的設計風格和效果。

Braun radio app by Nicklas Alejandro:奶油色讓app的界面看起來非常平滑文雅。音量旋鈕有少許漸變和微妙的陰影。

 

Radio app for iPhone by Sebastian Zetko:溫柔的懷舊氛圍,微妙的草書字體以及平滑的玻璃儀表盤。

 

myTransistor by Alejandro Rao:復古外觀,用于著重表現工業革命早期科技的蒸汽朋克設計,猛烈的抓痕,綠色的拋光背景以及搶眼的老式收音機式旋鈕。

 

Music iOS app by Sylvester Wilmott:與前邊幾個列子剛好相反,這個設計極為精細,現代化的外觀充分體現了仿真設計。

 

Music player and voice recorder interface by Zsolt Baritz:強烈依賴現實主義的設計風格,將玻璃光澤效果、紋理以及字體很好地融為一體。中央旋鈕和開關、刻度盤看起來都非常棒。

 

Mixer elements by Uriel Albarran O:圓滑的精確的黑色外觀,占據大量空間的主按鈕給人愉悅舒適的感覺。

 

Bikester mine v.2 by Michael Sambora:用紅色、綠色和白色有效地組織了大量數據。

 

Radio by Terrence:很好地平衡了金屬按鈕和扁平面板。整潔清爽的圖標,字體以及頭部的動態紋理傳達了簡潔清晰的外觀。

 

Close Up by arjun/aj:這是一個優雅的收音機app設計,有著整齊美觀優雅的外觀。旋鈕上的彩色進度條躍然而出,其余背景則采用了扁平化的元素。

 

Extra Cold Finder iOS by Emile Rohlandt:用淡灰和藍色打造了平靜中透露著活躍的氛圍。

 

Air conditioning controller by Kingyo xie:現代化的極簡設計風格,珊瑚紅和白色自然融合。稍有凸出效果的旋鈕搭配著設計精妙的進度條。

 

Groove! Simple metronome App by Tom Reinert:平滑的黑色界面,略帶噪點效果中滲入了躍動的藍色。

 

Retro Caller by Zsolt Baritz:模仿老式電話設計的界面,巧妙地運用了金屬撥號鍵盤,帶來了濃濃的復古氣息。

 

Infiniti iPhone App by Muhsin Abdul Sathar:謹慎黑和鮮亮紫的優雅搭配,一是為了對所有的圖形元素負責,二是突出中間的旋鈕、字體以及圖標。

 

SeaStatus iOS App by Ian Mesa:把整潔、優雅以及充滿活力的加速設計融合在扁平化設計當中。

 

Gas combi remote control app by Ali O:干凈清晰的界面,有冷色和大量自由空間營造出了微涼的感覺。微妙的陰影和光滑的漸變塑造了三維的視覺效果。

 

Celia’s Weather by Celia Sun:一個天氣類app的UI設計,用亮色沖淡了整體透露出的嚴謹嚴肅。

 

Remote by Caspian Ievers:簡約中彰顯著現代和雅致的設計感。設計師用屏幕的中間部分來展示了一個凸起的多彩旋鈕。

 

Old Futuristic Radio by Tobia Crivellari:真實的仿真界面和控件。

 

Music Player App by Emile Rohlandt:暗色的UI,整體時尚簡約,同時有一個閃亮的旋鈕。

 

Music Player App by Revival Pixel:美妙的金色和有著金屬光澤的旋鈕透出了暖暖的感覺。

 

 

Alarm Clock App by Samuel Bednár:帶有metro風格的美學設計,很好地整和了圖形和導航項目。

 

T3 Player App:體現了設計大師 Dieter Rams鮮明簡約的設計風格,將Dieter Rams的經典作品–博朗T3口袋收音機—搬到了iPhone里。細膩簡約的設計讓人仿佛回到了那段黃金時代。

 

綜述

旋鈕和刻度盤被廣泛用在音樂播放器和允許用戶自由調節參數范圍的應用上,為用戶提供了優秀的控件和便利的用戶體驗,同時也為界面設計做了很好的補充。

 

source:Knobs and Dials in Mobile App Interfaces

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