网页设计如何让人眼前一亮
文章来源:青云网站建设 作者:青云有梦 发布时间:2020-07-20 10:06:45 返回列表
1.海报头版
全屏页面设计已经流行了一段时间,超大图像和全屏视频背景是这类网页最常见的元素。现在,页面设计开始呈现微妙的变化:复杂的导航和额外的文本信息被移除,页面呈现为电影海报。
这种设计方法受极简主义风格的影响,但更注重视觉上华丽的风格和连贯的表达。
虽然这种设计方法听起来对用户没有吸引力,但是如果与视觉效果相匹配,它是有效的。一个好的海报家的关键是视觉效果和字体的选择和设计。如果没有足够的空间为信息创造视觉吸引力,就很难为整个页面创造一种有凝聚力的视觉效果。
这种设计趋势最令人担忧的一点是,视觉元素的类型不多(甚至包括导航和CTA按钮),可供用户阅读和浏览的页面也不像其他页面那么多。此时,视觉效果的设计直接关系到整个页面是否会给用户留下深刻的印象。
在下面的三种情况下,每一页都以不同的方式展示了海报主页的概念。
托菲诺度假村创造了一种海报般的体验,大背景图像和个性化字体,导航隐藏在右上角的汉堡图标中,CTA按钮被制作成海报图标旁边的幽灵按钮,以避免分心。
汝亚数码选择了黑色背景的简单设计,而屏幕中央的动画和有趣的文字处理效果足以吸引用户的注意力。其他文本信息大多放在屏幕的边缘,这样用户的注意力可以集中在屏幕的中心。同样,页面没有设计导航,而是将导航信息隐藏在汉堡图标中。
“流量广播”页面具有更突出的视频背景,而其他屏幕元素则设计得不那么显眼。这个网站给你的是视频体验,而不是网页。导航隐藏在汉堡图标中。为了让汉堡的图标不容易被忽视,设计师添加了绿色背景。右下角的小动画箭头鼓励用户在看完视频后循环播放。
2.基于紫色的配色方案
别忘了,2020年的年度彩通是紫外线(18-3838),经过几个月的发酵,年度彩通正在对网页设计产生影响。
虽然大多数网页设计师并不一定选择紫色作为他们的设计,但潘通一年一度的潘通颜色的引入让更多的人想到了红色和蓝色的组合以及两者的组合。这种配色方案的美妙之处在于,它能很好地与其他流行趋势相协调:明亮的材料设计颜色和复古设计。
紫色本身是一种独特的低频颜色,可以帮助你的网站在竞争中脱颖而出。它往往与蓝色齐头并进,更容易给人留下好的、独特的第一印象。
玩紫色有很多方法。不同的紫色可以营造不同的氛围,传达不同的情感,你可以让它更红,营造一种愉悦的心情;可以让它偏向黑色,营造更深的神秘气氛;你也可以把它弄得更蓝来创造一个更凉爽的氛围。
在接下来的三个案例中,您将看到紫色的各种用途,以及它与不同地区不同内容的兼容性。紫色是神秘的,但它也是友好和兼容的。
3.渐变+文本
渐变不仅适用于图像,也适用于文本元素。
现在,网络上的排版更加简单,并带有“额外的东西。”这些额外的可以是颜色或图像来填充文本字体。
随着渐变颜色的回归,用渐变颜色填充字体是一个新的选择。如果你对渐变感到满意,用颜色填充文本字体也能产生惊人的视觉效果。
在Zoocha的网页中,文本是主要的视觉元素,设计者使用从黄色到绿色的渐变来填充文本。它在黑色背景下显得很突出。
《迷失的爱》也有黑色背景。字体是一种优雅的衬线字体,非常适合主题。渐变是从白色到粉色,这是一个视觉上合适的设计。
在迈克尔·拉普兹的投资组合网站上,渐变不是填充文本,而是围绕文本填充。在高亮渐变动画的帮助下,设计师使这部分文字在视觉上更具吸引力。文本的其余部分相对简单,使用户更容易注意到。
结论
据我们所知,我们观察到的趋势实际上是相对持久的,通常根植于一个非常重要的主流设计趋势。全屏幕海报风格的主页设计无疑结合了极简主义和对极端视觉效果的追求。紫色的流行无疑与年度彩通颜色的逐渐流行密切相关,而文字字体和渐变颜色的结合无疑是经典元素和流行颜色的结合。