首页 生活指南 正文内容

网页设计十大趋势:1.极简out,色彩在跳舞!

阿立指南 生活指南 2022-09-06 13:09:32 152 0

网页布局重构_网页布局异常_网页布局的技巧

来自: IN (Id:)

网站设计最令人着迷的是不断变化。科技的演进让设计师和工程师不断地进行实验和创新,带来更好更流畅的用户体验,一场处处惊喜的感官盛宴。今年有哪些有趣的网页风格将主宰我们的屏幕?我们结合了The Next Web等媒体和网站设计公司的预测,整理出网页设计十大趋势:

网页布局的技巧_网页布局重构_网页布局异常

1.破帧布局

在过去的几年里,静态网页布局 ( ) 变得很累人。幸运的是,随着 CSS Grid 等技术的出现! (预计今年3月支持),版面设计变得更加灵活。老师和工程师带来了更广阔的摇摆空间。今年,我们将看到更多打破“对称”和“秩序”的常规规则的网站。但是,不变的总原则是,设计的重点是突出“内容”。内容是血肉之躯,是人们访问网站的主要原因。因此,还需要考虑设计的规模。风格。

网页布局的技巧_网页布局异常_网页布局重构

网页布局重构_网页布局的技巧_网页布局异常

网页布局的技巧_网页布局重构_网页布局异常

网页布局异常_网页布局的技巧_网页布局重构

网页布局异常_网页布局的技巧_网页布局重构

网页布局的技巧_网页布局异常_网页布局重构

2.极简主义出局,色彩在跳舞!

色彩作为表达个性的重要元素,在极简风流行时被剥夺了。不过从去年开始,大面积渐变色块似乎强势回归网页布局的技巧,Asana 和 Asana 都在用饱和渐变进行品牌重塑。视觉基调,今年华丽的色彩和流动的渐变会更受欢迎;此外,用双色调()后期制作的图像也可能是今年的趋势。设计师 Sarah Hutto 预测,今年将是非常“时髦”的一年,期待强烈的色彩能够刺激人们的视觉感官。

网页布局异常_网页布局的技巧_网页布局重构

网页布局的技巧_网页布局异常_网页布局重构

网页布局异常_网页布局重构_网页布局的技巧

网页布局异常_网页布局的技巧_网页布局重构

相比前两年的明艳色彩,以及上面提到的艳丽色彩,越来越多的网站选择黑色作为主色调。一点都不沉闷网页布局的技巧,却能在光辉的世界中脱颖而出。

网页布局异常_网页布局的技巧_网页布局重构

3.华丽实用的动态效果

动态效果在当代网页设计中发挥着举足轻重的作用,今年没有过时的迹象。相反,它将被更广泛地使用。适当的动态效果对于突出重点和吸引注意力很有用。今年 SVG 和 CSS 创造的动态效果有望显着增加,滚动视差 ( ) 越来越华丽。但设计师要考虑品牌或内容的内涵和每一个动态效果的意义,避免“为动而动”。

网页布局的技巧_网页布局异常_网页布局重构

网页布局的技巧_网页布局重构_网页布局异常

4.“微互动”创造小惊喜

“微交互”在网页上也会越来越流行,比如鼠标悬停,点击按钮等网页各个部件,以及滚动滚动的过程,及时细致的变化也可以有提示关键点。当然,就像动态效果一样,设计师也需要把握“动”的含义和幅度,以免大惊小怪。

网页布局的技巧_网页布局异常_网页布局重构

5.不失真、快速加载的 SVG 矢量图形文件很受欢迎

与传统的由像素组成的图像格式JPG、PNG和GIF相比,近年来兴起的可缩放矢量图像SVG在网页上具有更大的优势。它将图形与标记语言 (XML) 结合起来绘制矩形、圆形和线条。这是一件小事,复杂的填充物和形状不难克服。它还可以轻松创建动态效果,并且不受分辨率的影响。无论使用什么屏幕或设备观看,都不会破坏图像质量。更重要的是,SVG 获胜是因为它不需要 HTTP,可以大大提高网站加载速度。例如,这是一个用 SVG 绘制的背包。

6.大字体准确传达品牌含义

首页以大字体呈现品牌主题,这也将是今年随处可见的趋势。但是,“巨大”并不意味着加宽加粗,而是要使用合适的字体设计,以简洁准确的方式表达产品的精神,而不是冗长的文字。字体与背景或颜色交互,或对字体创建动态效果,也是值得尝试的。

网页布局的技巧_网页布局异常_网页布局重构

网页布局的技巧_网页布局重构_网页布局异常

7.虚拟现实技术结合内容

虚拟现实的话题从前年一直火到今年,科技巨头对虚拟现实的投资丝毫没有减弱的迹象,尤其是未来十年,将斥资30亿美元聚焦关于虚拟现实的研究与开发。可以预见,技术会越来越成熟,越来越多的多媒体或品牌会利用虚拟现实技术“讲故事”,为人们创造更加身临其境的体验。

8. 为不同用户量身定制的内容

对于内容网站来说,将“正确的内容”有效地传递给“正确的用户”是近年来非常看重的能力。但没有多少人能击中核心。因为要根据情况给出具体的内容,就要考虑不同用户的不同特点。例如,用户访问网站的目的是个人使用还是工作?用户从哪里来到网站?用户此刻在做什么?他们之前在网站上的行为是什么?他们使用哪些电子设备访问互联网?他们当前是登录还是退出?

这些功能的组合增加了复杂性,并且一些媒体使用“推荐阅读”机制或例如算法来单独确定不同的消息流。例如,Fubiz 使用“ ”让用户设置“身份”、“地区”和“目的”三个条件,为不同用户筛选出最适合的内容。

网页布局异常_网页布局重构_网页布局的技巧

欢迎 发表评论:

文章目录
    搜索