加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

技术资讯

圆形效果在界面设计上的应用与分析

2013-12-09 23:35:57

圆形被认为是能够被人眼最快识别出的对象之一。这就意味着我们的大脑有能力处理在圆形中的信息比处理在常规的三角或矩形中的数据略快一些。对于小型的以手势为基础的交互界面中,这种能力真的非常关键。这一点对移动设备来说尤为典型,在大多数的情况下,这成为了选择基本UI元素形状的决定性因素。青岛网站设计中也是如此。赏心悦目的曲线取代了尖锐边缘,有助于营造一种温暖舒适的气氛,让感观愉悦。它有效地增强了青岛网站建设用户体验,让交互界面简单而明了。

圆形效果设计

人脑🌳处理圆形中的信息更加快和有效,设计得当可兼具良好的使用性以及更大的吸引力,本文以移动设备ꦚ为例,这一类设备恰好是使用圆形的指尖形状,为设计提供了更大的自由度,本文适合移动端设计的同学以及对此感兴趣的同学,不仅从交互上并且从视觉上都能够对以圆形为基本元素的设计起到一定的启发作用。

选择圆形一个最普通的原因就是它模仿指尖的形状的能力下意识也将圆形元素与按钮联系在一起。因此,作为一条规律,你很容易发现行为召唤的按钮(call-to-action buttons)应用在环形结构后,有相当一部分应用程序大肆地在设计中使用这一形状。例如,音乐导向的应用,或者是可视化的闹钟以ꦺ及时钟都离不开环形结构。

Eli Williamson设计的Lock Screen Concept使用绚丽的相片背景来吸引用户的注意力。紧凑的排版,醒目ꦐ的圆形图案以及主体的白色给应用增加了雅致与空间感。

圆形效果设计

Cüneyt ?EN设计的Timer有着绿色的发光风格。近似霓虹闪烁式的图标及带有光效圆形在黑暗的纯色背景下非常显眼。

圆形效果设计

Timm Kekeritz设计的Partly Cloudy被贴上了怀旧的标签。柔和的调色板,新颖的旋钮,复合的画布营造出一片旧日情怀。

圆形效果设计

Marco Nenzi设计的ClapUp由于逼真的旋钮和按钮,新颖的时钟以及质朴的白色背景而看起来清爽而且高端。

圆形效果设计

 

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用几乎所有空白背景,基本的图形框架和潦潦几笔文字宣扬着最小化设计风格。

圆形效果设计

Jakub Antalík设计的Coffely,由于扁平风格的精彩应用简洁而自然地呈现出准确而轻快的界面。

圆形效果设计

Circle在整个设计中都应用了圆形元素,从头像显示,状态通知以及其它按钮都用到了圆形。

圆形效果设计

Megamegacube设计的Quotes app让事情保持简单易懂,将时髦的红色背景,平实的白色的图案元素以及常规字体巧妙地结合在了一起。

圆形效果设计

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通过显眼的由蓝色到白色渐变的圆环来展示数据。

圆形效果设计

Myroslav Galavai设计的Plant monitoring tool拥有自然启迪风格的UI,展现了非常棒的照片操作、相片集按钮和纤维质感的背景。

圆形效果设计

Ronge Ruan设计的HR Alarm Clock利用大量图案元素添以充满活力的效果。明亮的放射状渐变和浅色背景带来了积极的情绪。

圆形效果设计

Ali O. ??设计的Gas combi remote control app是由精巧的图案、和谐的调色盘、漂亮的光和影创造出来的。

圆形效果设计

Samuel Bednár设计的Alarm Clock App通过交错的样本刻画出了非同寻常的钟表界面,所有元素都是扁平风格的设计。

圆形效果设计

Arles Festival, iPhone App V2.0利😼用有吸引力的轻少女风格的导航系统。基于网格,菜单上的每个项目都有着精细的点画笔触♑、线框图标和优雅的大写字母。

圆形效果设计

圆形风格的应用程序交互界面在青岛网站建设中也非常常见🐟。旋钮、按钮、开关、进度条、头像以及其他种种经常以圆形出现,并添以振动状渐变、巧妙的阴影、精细的图标、单色扁平感及易辨识的风格。这一形状对于基于手势的iPhone和其它智能手机的交互界面并不惊奇。

本文的选例都是ꦆ带有明确的圆形风格的移动交互界面,这些界面自♏然地融入了UI流畅性,更多的可用性和吸引力。

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

扫码关注公众号

加拿大预测网-在线预测:官方公众号

2054585360