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设计】

其它免费教程

关于高清设计必须知道的几件事【网页设计培训】

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

小编:如果你曾仔细观察过当今的网页设计,你会发现有一部分网站的画质已经相当惊艳了。从图片、背景到界面...

淘宝美工培训之商业抠图教程,适合有阴影的产品

时间:2014-07-28 点击:5985

给大家带来一个淘宝产品抠图,适合有阴影,倒影,反光板等产品拍摄的抠图方法,详细操作如下。...

切图标记外挂神器ASSISTOR PS深入解读(下)

时间:2015-04-20 点击:3625

@纪凡_Given 给大家介绍了即将免费的切图标记外挂Assistor PS 强大的标记功能,然后,...

热点:移动APP3个值得深入研究的设计细节?

时间:2015-09-12 点击:1153

今天翻译的这篇文章是 Medium 上的热门文章用户至上(User is the king)Part...

怎样在平面设计中合理运用点线面详解

时间:2014-04-25 点击:2657

这是一篇写得非常好的关于平面设计中点线面运用的理论结合实际的教程,从教程可以看出作者有这非常深厚的设...

更多设计教程>>


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