圆滑和精致的网站设计与圆形导航

圆滑和精致的网站设计与圆形导航

是什么让一个网站如此独特、有趣、引人注目?网站所有者依靠“内容是王”的思想的日子已经过去了。所以答案很复杂。如今,项目的整体印象来自几个因素。当然,内容仍然是第一位的,但是如果没有一个合适的外壳,包括现代的设计,高端的技术,赏心悦目的效果,优秀的视觉体验,快速的加载,良好的可读性,最重要的是适当和方便的导航,它将失去它的意义和力量。好吧,你可能会说,如果没有内容,其他成分就毫无用处。是的,你是对的,但是你还是离不开它适当的导航.

导航和内容是两个主要和必要的部分,如果使用得当,不需要其他装饰或互补的效果。它们可以一起为用户提供他们可能需要的来自项目的一切。虽然现代的web已经充斥了导航图标,通常是通过hamburger按钮呈现的,但是仍然有一些项目更喜欢使用一些非传统的解决方案,这些解决方案仍然处于时尚的前沿。今天我们要学习的是环形导航和控制中心。它们很容易从大多数网站中脱离出来,给用户界面添加了一些改进。让我们来探索一些新鲜而独特的例子。

网站设计中的循环导航

沃尔沃

与沃尔沃的官方标识一样,该网站也有一种华丽的圆形氛围,让人自然而然地联想到车轮和车辆。半透明的、相对巨大的圆形菜单项分散在整个主页中,就像手套一样适合这里。

沃尔沃

1701年Franciacorta

1701年,Franciacorta选择圆形来加强他们的导航外观。不仅次级菜单以圆圈为特征,而且位于左上角的主菜单也利用了圆点。

1701年Franciacorta

葡萄酒的探险家

葡萄酒探险家有一个艺术的吸引力,通过无数的细节实现。无论是华丽的纹理背景,粗糙的社交媒体图标,还是页面中心的圆形中心,每一件东西都在平等的程度上贡献了整体的感觉。

葡萄酒的探险家

潮人的声音

Hipster Sound有几个工具可以在项目中移动。有一个时髦的汉堡包按钮,包括一些设置,一个隐藏在可爱的齿轮图标下的小社交媒体盒,以及一系列相对巨大的线条风格的圆形图标,这些图标以一种视觉上有趣的方式代表了不同的地方。

潮人的声音

我的奥地利

我的奥地利是一个一流的项目,包含一些高端功能。这是一个完全互动的网站,让你探索维也纳。控制中心由许多圆滑的圆圈组成,提供了良好的导航,并以非侵入性的方式提供了关于该位置的一些额外信息。

我的奥地利

在甲

Under Armour使用了一个巨大的圆形控制面板,可以对视频流进行操作。它还包括一些有用的功能,旨在让你感觉更舒适。

在甲

迪拜的边缘

边缘迪拜有一个无与伦比的着陆页面,立即吸引眼球。动态指针会填满整个屏幕,增加了交互性,并极大地丰富了用户体验。尽管图标非常微小,但它们的可理解性和易读性超过了这个小缺点。

迪拜的边缘

好传奇的

Well - Storied利用圆圈来巧妙地引导用户浏览隐藏在项目内部的一堆信息。圆形指针是最适合nmap设计的。

好传奇的

纳德日达妇女健康医院

Nadezhda利用巨大的圆圈和图像背景,极大地影响了网站的整体氛围。导航栏完美地融合在一起,使主要类别成为难以忽视的焦点。

Nadezhda

声音试镜

音色平滑、优雅、细腻。背景设置为灰度模式,与中心优雅的纯白色标识和一个由别致的圆形轮廓图标组成的小型垂直导航栏相结合,使设计与众不同。

声音试镜

游戏的目的

这里用一系列的圆圈来展示游戏中需要解锁的阶段。它们巧妙地连接在一起,并且具有说明性的外观,非常适合整个环境。

游戏的目的

Edilteco

Edilteco使用巨大的圆形图标来支持产品部分。他们有两个长相。默认情况下,单调的符号在头脑中简单地形成,完美地融入到设计中,而活跃的符号展示了一些丰富的明亮的图像,吸引了人们的注意。

Edilteco

让纽约走上正轨

《纽约纪事报》将故事分为四章,每一章都有一个醒目的圆圈代表。由于充满活力的实现,它们自然地在微妙和温和的背景下形成鲜明的对比,为用户提供了一些焦点。

让纽约走上正轨

豪华度假村

豪华度假村营造出一种华丽而迷人的氛围。壮观的照片背景巧妙地用漂亮的手绘字体和有趣的速写图标来加强。左边的控制中心是主导航的复制品,有一个小的例外;字形被放置在圆滑的圆圈中,使它们看起来与众不同。

豪华度假村

Hokoyo

Hokoyo用一个有趣的解决方案来展示它的产品组合。极简主义的登陆页面展示了一个被分成15个不均匀部分的圆圈,每个部分隐藏了一个链接和相应的作品图像。

Hokoyo

经典黑色小

《小黑经》使用了一个巨大的圆圈来引导整个注意力到信息框。它还选择了一个经典的黑白配色方案,理想地支持铭牌和想法。

经典黑色小

奥迪TT

奥迪TT微网站是一个互动项目,立即唤醒兴趣。和往常一样,摩托罗拉的网站上也有一款促销车和一些配套的配件,给人的感觉很好。与之相适应的是,导航是在圆形的基础上组成的,这与概念非常吻合。

奥迪TT

Hed Kandi

坎迪散发出一种愉快和喜悦的形象。充满活力的半透明梯度重叠的风景如画的图像背景,与坚实的平面风格很好地相互作用,说明图标放在标题部分的心脏。图标表示各种类型的氛围,并加强设计。

Hed Kandi

七喜

在这里,一个圆形作为导航和装饰目标的主要形状的选择并不是偶然的。由于七喜是一种充满泡沫的饮料,圆形的物品看起来是一个理想的选择。它们自然有助于营造气氛,增添情趣。

七喜

与人工物理的相互作用

与人工物理的互动是一个一流的个人档案,是一个纯粹的灵感来源。每个作品都隐藏在一个类似钟摆摆动的地方,根据物理的一般规则对用户的动作做出反应。

与人工物理的相互作用

结论

圆形控制中心、圆形导航项或简单的圆点看起来非常适合用户,因为它们可以简单地与手指触摸相关联。这种类型的导航不仅增强了宽屏网站的设计,而且在平板电脑、手机、当然还有智能手表等小型设备上看起来也特别好。

2020-02-18 17:08
相关热门