免费获取策划方案多一份参考,总有益处

重庆网站设计

Website design

案例778

重庆网站设计

基本设计趋势,2021年4月

来源:xk星空官方网站|时间:2021-04-18|浏览:

每个月关于网站设计趋势的写作最好的事情是看看所有正在开发的伟大网站。设计师们一直在创造性地拓展和探索新的技术和方法。

 

 

 

它让人耳目一新,鼓舞人心。这个月,其中一些趋势包括一种野兽派风格,有趣而新鲜的滚动幻灯片,以及动画排版。

 

 

 

以下是本月的设计趋势…

 

 

 

 

 

 

 

1. 几乎兽性

 

野蛮主义可能会有很多东西需要处理,而且只适用于某些类型的项目。话虽如此,野兽派的一些元素可以成为有趣美学的基础。

 

 

 

因此,出现一种“近乎野蛮”的趋势也就不足为奇了。

 

 

 

设计师正在处理一些设计元素——平板字体、带有大量对比的简单配色方案、紧张的动画、单一字体和几乎过度简化的整体设计模式。

 

 

 

其结果是一个引人注目的设计,它不会太苛刻而把用户拒之门外。这是野蛮主义和可用性的正确结合,创造出人们能理解的硬边缘感觉。

 

 

 

好的服装使用打字机风格的字体,简单的图案,以及你可能在电子商务商店找到的最流线型的设计之一。它是有效的,使你看起来,因为它是不同的。

 

 

 

 

 

Dockyard Social使用了一种意想不到的颜色组合,具有高对比度,尖锐的形状和设计元素,以及大胆的平板字体,以立即抓住你的注意力。主题继续滚动与新的颜色组合与同样残酷的设计元素。在有些地方感觉有点紧张和不舒服,但仍然非常有用——这正是almost-brutalism想要做的。

 

 

 

 

 

ZN Studio使用了与前一个例子相同的大而粗体的元素,并使用了抽动风格的动画将你吸引到设计中。整个设计使用了聪明的动画效果和残酷的美学,让你滚动。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. 美丽的滑动滚动

 

只要你愿意,你可以争论网站滑块的价值——或者缺乏价值。然而,现实是,在大多数情况下,它们是笨拙的,并且妨碍了内容。这是一个懒惰的选择,让你不必做出内容选择。

而不是这些漂亮的滑动滚动网页设计。

这些设计都使用横向滚动作为设计资产。这是使它工作的技巧:滑动滚动不是一堆其他内容之上的“功能”。这是内容的特色。

这些例子向你展示了如何很好地使用趋势,并且应该让你对滑动(或侧边)滚动感到兴奋。

Eduardo del Fraile使用侧卷显示不同的项目在他的投资组合。除了滚动,每个元素也有一个简单和美丽的动画,让你看到他设计的每个产品。有关滚动运动的一切都是直观的,网站从不垂直滚动,这是许多侧滚动出错的地方。

Jo Ash Sakula在侧边卷轴上使用了类似的概念,但有不同的设计元素。粗体卡片元素在颜色、对比和设计方面都很醒目。你知道卷轴会水平移动,因为第三个元素会潜入你右边的视野。它简单、干净、易用性强。

克里米亚很有趣,因为它有一种“近乎野蛮”的设计风格,并使用了横向滚动模式。设计大胆,几乎是压倒性的,但滚动工作,以视觉和内容讲一个美好的故事。

3.字体设计动画

网页排版可以成就或破坏一个设计,从字体的选择到大小和颜色,再到动画,文字元素的每个细节都很重要。

这一趋势探索并推动了动画与文字元素在网站设计中的边界。这很棘手。一个出色的结果和一个失败的设计之间的区别是非常主观的。

这些例子都通过文字和动画创造了独特的感觉。每一个流程都是无缝的,文本元素-当合并移动-保持可读性。

杜罗讷河的脸孔有两层生气。第一种情况发生在单词出现在屏幕上时,因为字母的颜色和褪色发生了变化。第二个是微妙的悬浮状态与流体感觉的字母,符合设计的水下主题。排版动画的特别之处在于它不会扭曲字母,这是许多其他液态文本动画都会做的事情。

Poolhouse使用透明的字母,在单词后面有一层运动。这里非常整洁的是额外的过滤,这样背景运动仍然工作,同时保持每个字母的完整性。再次强调,保持文本的可读性是这个设计与众不同并具有潮流价值的原因。

Komnata采用了一种完全不同的方法,让字母漂浮起来,看起来像气球。这个动作模仿了你在现实世界中所期待的元素的外观和感觉。用户不需要为这个动作做任何事情。如果卷轴和指针没有在屏幕上“画图”的尾巴,动画效果可能会更好。

结论

观察不同趋势的变化的好处是,您可以看到实际的应用程序,并将其应用到您的项目中。虽然你可能不会在你的网站主页上使用完整的滑动滚动,但你可以在设计的另一部分使用这个概念。

尝试,享受乐趣,从热门网站设计中汲取灵感。

留言

返回顶部

君
重庆网站建设重庆网站设计基本设计趋势,2021年4月
XML 地图