17个特别舒服的圆形导航菜单网站设计
作者:一网学   最后更新时间:2015-08-31 10:36:17

编者按:安利一下今天这组网站,虽然都是圆形菜单,但几乎没有创意重复的,18个网站都有自己独特的脑洞,而且有几个动画效果棒呆惹,已经给放到前边了,来惊喜一下。

奥迪TT

交互情景很有意思,从太空掉到地球,让人不由自主的继续玩下去。

奥迪TT漂亮网页设计

Game Of Purpose

这是一个用于演示游戏被解锁的导航,它们巧妙地链接在一起,有一个良好的说明性状态指示。

漂亮网页设计:Game of purpose

Theedgedubai

网页上的建筑效果图很不错,有白天与昼夜的渐变转换,点击圆形导航弹出来的窗体也使用了圆形。

漂亮网页设计:theedgedubai

1701 Franciacorta

点击中间的圆角导航出现不同的色彩,除了这个,左上角的加点导航也很有特色,原来网页还能这样排版,但这样他也只能考虑宽屏了。

漂亮网页设计

Brancottestate

第一次浏览此站需要输入出生年份,18岁或以上才能浏览。JS效果很强大。

漂亮网页设计:brancottestate

Hipstersound

漂亮网页设计:hipstersound

Wellstoried

漂亮网页设计:wellstoried

Nadezhda

圆形导航与背景相当融合,整体都是一种淡雅色调。

漂亮网页设计:nadezhda

Sonance-Audition

漂亮网页设计:sonance

Edilteco

漂亮网页设计:Edilteco

Keeping New York On Track

漂亮网页设计:Keeping New York On Track

Luxury Resorts

一个渡假村网站,这类网站使用手绘风格图标确实少见。

漂亮网页设计:Luxury Resorts

Interaction With Artificial Physics

漂亮网页设计:Interaction with Artificial Physics

My7up

漂亮网页设计:my7up

Volvo

这个圆形装饰用来介绍汽车,很有新和力,不过不能点击:)

漂亮网页设计:Volvo

Freeblackfin

漂亮网页设计:Freeblackfin

Hedkandi

漂亮网页设计:Hedkandi

原文地址:shejidaren

推荐阅读:

5个简单的用户体验设计准则!【ui设计】

深度解析界面设计中的动效原理【ui设计】

为什么越来越多的公司需要动效设计?【ui设计】




上一篇:实用技巧:交互设计师如何做好3类风险的预判

下一篇:5个简单的用户体验设计准则!【ui设计】

其它免费教程

PS教程:教你快速打造一个彩虹糖果字效

时间:2016-04-01 点击:1306

小编:今天这篇糖果色教程的主要思路是在AI中建画笔,然后把每个笔画做出来再到PS里做立体效果,教程不...

一步一步教你怎样制作折纸字体-网页设计培训

时间:2014-06-16 点击:1822

在扁平风格大行其道的当下,我们时常可以见到折纸类的设计效果。而要如何做出漂亮的折纸字体那大家一定得看...

如何运用PS打造照片梦幻效果-一网学PS实例教程

时间:2014-04-29 点击:2163

如何运用PS打造照片梦幻效果-一网学PS实例教程...

手把手教你绘制金属质感的游戏登录框【UI教程】

时间:2015-06-19 点击:3151

本例教程源于一个国外客户的真实案例,非常酷炫,重点是帮同学们学会绘制这类效果时的思路,想学习具体操作...

求职季!2016年新手设计师面试宝典!

时间:2016-02-23 点击:1679

​小编:一年一度的跳槽季又到拉,新手设计师们有的才从学校出来,有的想让自己得到更大的发展空间,今天资...

更多设计教程>>


在家就能免费试听
多了解下对你最终选择总是有帮助的
姓名:
电话:
Q Q:
答案:
邮箱:
留言:
提交试听申请