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修图教程:5步学会PS风景修图+利器推荐

时间:2016-04-23 点击:1239

​小编:小喵很喜爱摄影,一直在研究摄影构图和累积修图知识的道路上蹒跚前行。本篇是小喵最近对使用 Ad...

如何增加海报的设计空间感?【平面设计培训】

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

小编:如何在设计中提升深度感和空间感?这是设计师们一直在思考的问题,今天这篇教程在视觉上突破二位的画...

与其让界面扁平不如让信息层级扁平

时间:2014-02-28 点击:2208

如果UI 界面使用了拟物化的风格,看起来跟生活实物一模一样,你一定会有按下去的欲望;而扁平化思想是一...

FACEBOOK设计总监:打造完美的用户体验

时间:2016-07-28 点击:918

小编:回到几十年前,你如果想打造完美的用户体验,只需闭上眼深呼吸,然后得到神的旨意:跟着感觉走。...

未来趋势!设计师分享6种图标动效设计方法【ui设计培训】

时间:2015-12-07 点击:1355

小编:未来的动效设计有多火相信大家已经感受到了,那么怎样做出一个让人愉悦的icon动效呢?今天设计师...

更多设计教程>>


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