快好知 kuaihz

23个移动app界面上的旋钮和刻度盘设计示例

从最初进入电子设备领域,旋钮和刻度盘的由最初的功能性设计转变为时尚的外观设计元素,比如在移动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里。细腻简约的设计让人仿佛回到了那段黄金时代。

 

综述

旋钮和刻度盘被广泛用在音乐播放器和允许用户自由调节参数范围的应用上,为用户提供了优秀的控件和便利的用户体验,同时也为界面设计做了很好的补充。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:刻度盘  刻度盘词条  旋钮  旋钮词条  示例  示例词条  界面  界面词条  移动  移动词条  
交互

 Facebook Paper新用...

从 设计上讲,Paper 是我个人很喜欢的产品,除了它创新的移动 App 交互方式和众多令人惊喜的设计细节,初次使用时的磁性女声引导也颇为令人称道。这篇文章是在...(展开)

交互

 UI 设计中的重要一环:留白

适当留白不仅是出自审美的考量,它还能提供 3 个相当实际的功能:1.提高用户的理解能力;2.明确视觉元素之间的关系;3.吸引注意力。所有优秀的视觉艺术家都明白负...(展开)

交互

 Web产品的交互说明文档应该怎么...

本文是作者的一篇随笔,适合交互设计师阅读,希望能给正在学习交互的朋友一些帮助。也希望朋友们,可以提出更多很好的建议。经常与开发同学聊天,他们说有一个详细的说明文...(展开)