159
您是否注意到大多数网站或多或少都是由矩形框组成的?从浏览器窗口的矩形形状到按钮的矩形形状,网站大多是矩形的。这不仅实用,而且有意义。然而,这并不意味着没有其他形状的空间,例如圆形,三角形或组合的杂项曲率。
我收集了20个不同的网站,使用不同的形状用于不同的目的。其中一些使用随机分类的形状进行装饰,例如Roadmap,而其他一些则完全重新定义了网页的结构,例如Timetable Records。深圳做网站
路线图的着陆页充满了各种形状。输入字段为矩形,按钮为椭圆形,徽标完全是其他内容。
此外,在背景中有随机分隔的和动画的几何形状。它有点不一致,这使它变得有趣。
Friends&Fools在他们的网站上使用Xs和Os以及波浪线作为装饰品。这也是他们品牌的重要组成部分。
X和Os是其徽标的一部分,并将其用作网站上的设计作品,有助于强化它们作为公司身份的重要组成部分。
这份年度报告不仅将数字用作形状本身,而且数字也是形成创意形状的关键部分,通过装饰,标记和颜色进行额外的视觉操作。
这个登陆页面上有很多单独的形状,从手机到徽标,再到漂浮的圆形头像。但当然,最引人注目的必须是手机背后的三个几乎呈圆形和近似方形的形状,随着它们的放大和缩小而不断移动它们的形状。
Icon Jar使用一堆色彩鲜艳,分散的图标作为背景的一部分。这些图标看起来几乎就像是从一个盒子里扔到了地板上。
状态'设计很大程度上依赖于带圆角的卡片。这不是你在很多网站上看到的。我喜欢形状重叠,Status'设计使用圆形和矩形。
设计的未来是一个视觉上令人惊叹的网站。滚动时,设计使用形状作为故事的一部分。
信息,颜色和各种形状之间的关系是如此顺利,以至于很难想象这份报告传达的信息看起来有什么不同。
圆角正方形是该品牌视觉设计的重要组成部分。
难怪它被用作动画和分散的背景图案。这也是你可以在移动应用程序的UI中看到的东西 - 即圆角。
我喜欢Timetable的设计有点奇怪,并改变了传统矩形形状在盒子图像和文字上的视角。
Beamery肯定喜欢圆形图案,无论是填充还是勾勒出来。标题具有可爱的设计,具有轨道效应,以进一步扩展隐喻。
作为分区分隔符这么常见的东西已经以相同的方式使用了很长很长时间。
如今,改变分界线越来越受欢迎。问果冻决定在那里投入一点弯曲。而且,它看起来非常好。
Orbit的标题使用两个不同的元素。当然,它是使用点。但另外,它还使用动画和接近度使点看起来像波浪般的运动。那很酷。
Wyre拥有围绕其标志性形状的完整视觉语言。这是他们徽标的一部分。它也是整个网站的一部分。
有时它只是一个重复的背景,有时候是装饰。但是,我最喜欢的部分是所有的按钮都是这种形状。这绝对是我第一次看到这种形状的按钮。
如果我们谈论形状,我还会包括一个利用正方形的例子; 那些也是一种形状。Multiplicity的登陆页面实际上是关于在UI,徽标和事件的整体身份中使用正方形的重复性。
英雄部分的背景看起来很棒。然而,它是一个简单的概念,如分裂背景 - 但与曲线分开。
在背景中重复形状上的不透明度的一些微小变化使得该部分更有趣和引人注目。
我真的很喜欢数字如何在这个网页的标题中用作形状。它们也是大而且截止的。它们的颜色与背景颜色不同。它们看起来很好,并且有一个有趣的设计细节。
在这里,我们有另一个拆分部分的例子。使用倾斜线分割两个部分可以获得非常漂亮的设计细节。
不时地,你可以在Gogo的网站上发现一些随意的大型和彩色形状。形状和颜色与网站设计中使用的彩色和带衬里的图像完美结合。形状甚至与徽标符号齐头并进。
这是一个背景或部分背景的奇怪例子。但这就是让它变得有趣的原因。我敢肯定它吸引了人们的注意力,至少有一点点滚动。
他们有背景图案,截面形状,截面分割器,排版作为形状,以及许多其他东西。但是,一切看起来都很棒。更重要的是,这一切看起来都很有趣!
这是一个包装!您是如何享受使用各种形状的20个令人敬畏的网页设计实例的列表?
我也试图找到一些微妙的,只是为整体设计添加了很多令人敬畏的东西。我希望你已经发现这个列表鼓舞你的创造性思维!
深圳做网站
热门分享
最新文章
2019.10.29
深圳企业网站设计:网页设计师应该从博主那里学到什么
2019.09.11
深圳手机网站设计:定制引导布局:趋势、工具和框架
2019.09.09
深圳做网站:15个最好的YouTube频道开始学习Web开发
2019.09.09
深圳建站公司:十大网站解决你所有的编程问题
2019.09.07
深圳做网站:设计师必须关注10个有趣的会谈
2019.09.07
网页设计深圳:13个 JavaScript库创建交互式和定制的地图
2019.09.05
深圳企业网站开发:你怎么想学网页设计吗?
2019.08.15
深圳网站建设:如何为PHP网站创建简单的事件日历
2019.08.15
深圳企业网站建设:2019年的内容营销趋势
2019.08.15
深圳网站制作:UX技巧之成功用户入职需要了解的三件事
随机推荐
2019.08.14
深圳网站开发:如何创建视频弹出以促进参与
2019.08.13
深圳网站开发:制作404页的101课程
2019.08.15
深圳网站制作:UX技巧之成功用户入职需要了解的三件事
2019.08.15
深圳网站定制:5种方式用户生成的内容影响SEO
2019.08.14
深圳网页设计:5种利用网络的方法实现业务快速增长
2019.08.13
深圳网站制作:使用HTML5视频改善动画GIF性能
2019.09.11
深圳手机网站设计:定制引导布局:趋势、工具和框架
2019.08.09
深圳网页设计:4最重要的网页设计原则解释
2019.08.15
深圳企业网站建设:2019年的内容营销趋势
2019.10.29
深圳企业网站设计:网页设计师应该从博主那里学到什么