热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

网站设计的基本设计趋势,2021年2月

到目前为止,2021年网站设计的最大趋势是图像方面的总体缺乏。发生全球性大流行并不奇怪,但这可能意味着设计师正在以其他方式拓展自己的设计,以提高其设计的视觉吸引力。这是本月设计趋势

文章目录[隐藏]

  • 1.非传统导航
  • 2.签名样式标记
  • 3.流体形状

到目前为止,2021年网站设计的最大趋势是图像方面的总体缺乏。发生全球性大流行并不奇怪,但这可能意味着设计师正在以其他方式拓展自己的设计,以提高其设计的视觉吸引力。这是本月设计趋势。

1.非传统导航

一种引起视觉兴趣的有趣方法是混合主导航菜单的位置,大小或位置。

尽管很难考虑不为汉堡菜单或图标使用顶部导航元素或角落位置,但这是一个可靠的选择,具体取决于菜单项和周围内容的数量。

当您开始考虑它时,有很多选择。每一个都将视线吸引到屏幕上的不同位置,因为这是意外的和不同的。

Tilda使用定位在屏幕右侧的导航菜单。但是,当您浏览几乎是文件夹样式的选项卡时,将翻转到屏幕右侧。它具有真实的感觉,有趣而又不被用户淹没。

网站建设

网站建设

CmentarzŁyczakowski在屏幕的右侧也有一个导航元素,但是它是一个封闭的红色框,只有一个汉堡图标。导航元素的使用空间相当少见,但它与重叠的视频框放在一起。单击汉堡导航会从底部弹出一个全屏菜单(也是一种略有不同的方法),其中带有可点击的超大元素,可在整个网站中移动。

网站设计的基本设计趋势,2021年2月

Global Sense将焦点从首页导航转移到首页底部。使导航栏特别浮动的是导航栏浮动到顶部并坚持滚动。这可以确保尽管首页具有不同的外观和感觉,但用户在浏览设计时不会因导航而迷路。

网站设计的基本设计趋势,2021年2月

2.签名样式标记

网站设计人员使用签名样式的标记(从徽标到标题),以使其网站项目更具个性。结果是令人惊叹的脚本和新颖字体的集合。

那么如何复制这种趋势?

您无需数字化您的实际签名。(从安全角度来看,这可能不是最好的主意。)但是您可以找到一种字体,这种字体可以唤起与您自己的笔迹相同的感觉,或者与某人签约以为您创建实验性字体。

“宙斯”的组合具有层叠在一个黑暗的地缘背景美丽的手写风格元素。(您可以从那里的签名中看到J和O的轮廓吗?)签名样式标记的效果如此之好,因为所有内容都很简单且低调,但是具有深度和尺寸元​​素。

网站设计的基本设计趋势,2021年2月

另一个投资组合网站,即Marco Rezende的网站,使用签名作为网站徽标。这是一个有趣的话题,它使总体设计方案有些松懈和天赋,使您感到既重又专业。另外,请注意,设计师使用的背景大多是深色的,带有白色(浅色)标记。在这个网站设计趋势中,这也是相当普遍的视觉主题。

网站建设

网站建设

这种趋势的另一端是Airport Restaurant。这不是个人网站,但是首页上的签名样式标记使它更具个人风格。吃完饭后,几乎使人联想到支票。颜色和尺寸的额外使用使这种处理具有视觉上的提升,有助于推动设计向前发展。

网站设计的基本设计趋势,2021年2月

3.流体形状

使用不同类型的形状来创建视觉主题已经流行了几年。到目前为止,大多数人可能都已经尝试过一些几何图案或背景。

形状现在呈现出更加流畅的感觉,这很大程度上是由于在形状和背景中添加了动画提示以创建更多的液体外观或谐波流。

这种趋势可能适用于较大的视觉元素,例如图像框架或整个首页艺术元素,或者较小的图案或分层效果。流畅形状的总体目标是创造出平滑,几乎无缝的物体,使用户不必专注于它,而是对其感到满意。

以下三个示例中的每个示例均采用不同的方法来应对此网站设计趋势。

Eder Anaya有一个旋转的矩形,内部带有流畅的动画。整体形状本身也具有动画效果,从矩形变为梯形,再变为平面。

网站建设

网站建设

Wave Lab可能有最酷的流体形状动画之一。形状内有图像,加上彩色轮廓,再加上微妙的反弹,您会认为对于单个元素来说这太过分了。但这要归功于大量的空白空间和其他方面的简约美学。最聪明的部分是形状之一是品牌徽标中的“ W”。

网站设计的基本设计趋势,2021年2月

Bulleit集团还采用了流畅的造型,但SANS的动画。动画元素围绕形状,但不围绕形状本身。该设计的整体简洁性令人着迷,其形状引起了人们的兴趣,否则该地方可能会很难。很好的是,他们在整个设计中都使用了这个形状主题,而不仅仅是在主屏幕上。

网站设计的基本设计趋势,2021年2月


推荐阅读
author-avatar
幸福guaiguai乐园
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有