首页 > 网页教程 > 设计分享 > 海报式首页、渐变式文本等3种网页设计趋势分享

海报式首页、渐变式文本等3种网页设计趋势分享

时间:2018-03-08    来源:优设网

CARRIE COUSINS :进入春季之后,温度的回升,直接影响到情绪的变化,这一点也反映到最新的网页设计作品当中,最终以设计趋势的形态呈现出来。相比于冬季更为大胆的用色,更为轻盈的黑白色调,目的和指向性更为明确的海报式首页设计,所有的这些趋势,将会在这个3月发酵,嬗变。

1. 海报式首页

全屏式的页面设计已经流行好一阵子了,超大的图片和全屏视频背景是这种网页中最常见的元素之一。而现在,这种页面设计开始出现一种微妙的变化:复杂的导航和额外的文本信息被移除,页面以一种类似电影海报的形式呈现出来。

这样的设计手法受到了极简主义风格的影响,但是与之相比更加注重视觉上的华丽风格和富有凝聚力的表现手法。

虽然这种设计手法听起来不够吸引用户,但是如果搭配合理的视觉效果,它所能带来的实际效果并不会差。成就一个优秀的海报式首页,关键在于视觉效果和字体的选取与设计。如果没有足够的空间来为信息创造视觉吸引力,整个页面很难创造足够具有凝聚力的视觉效果。

这种设计趋势最令人担忧的是其中的视觉元素类型并不多(即使包括导航和 CTA 按钮),相比其他的页面,并没有那么多内容供用户去阅读和扫视。这个时候,视觉效果的设计就直接关系到了整个页面是否会给用户留下足够深刻的印象。

在下面的3个案例当中,每个网页都以不同的方式来呈现海报式首页的概念。

Tofino Resort 这个网站通过宏大的背景图片和充满个性的字体设计创造出海报式的体验,导航被隐藏在右上角的汉堡图标当中,而 CTA 按钮也为了避免喧宾夺主,被制作成幽灵按钮,置于海报图标旁边。

Ruya Digital 选择黑色背景的简约设计,而屏幕中央的动画和有趣的文字处理效果,足以吸引用户的注意力,其他的文本信息大多被放置在屏幕的边缘,让用户的注意力尽量集中在屏幕中央。同样的,这个网页没有设计导航,而是将导航信息藏到了汉堡图标当中。

Flux Broadcast 这个页面采用了体验更加突出的视频背景,相应的,屏幕上其他的元素都被设计的不那么显眼。网站给人一种看视频的体验,而非是网站页面。导航被塞到汉堡图标当中,为了让汉堡图标不那么容易被用户忽略,设计师为它增加了一个绿色的底色。右下角的小的动画箭头鼓励用户在看完视频之后循环播放。

相关推荐
前瞻:2012年Web设计和开发的15个最新趋势
2013年web开发者最需要了解的开发趋势和技能
2013年最受欢迎的20大网页设计趋势分享
最新的七个WEB设计趋势及其生存技巧预测
展望2015年网页设计趋势
网页设计师必看:2015全球网站设计趋势推荐
最值得关注的21个网页设计趋势:单色网站、视频背景等
四大设计趋势教你如何你玩转2015年网页设计
从日本设计机构看日本的网页设计文化与趋势
2015上半年最具代表性的网站设计趋势TOP 10
不一样的角度!老外设计师眼中的国内设计趋势
盘点2015下半年网页设计的9大趋势
读懂十大未来设计趋势,别让你的设计白费力气
明年最值得关注的16个网页设计趋势
年度总结:最新视觉设计六大趋势分享
底部导航设计、Box元素、竖线元素3种最新网页设计趋势
网页设计新趋势:非对称布局、感知化设计、自定义字体等
这5种网页设计趋势已经过时,你还在用吗?
30个幽默有趣的404错误页面创意设计欣赏
分享:网页核心内容对视觉表现的影响
网页设计的背景创意风格与设计趋势分享
20+艺术视觉和网页完美统一的网页创意案例欣赏
21个带斜线排版设计的网站设计创意欣赏
55个极具创意的手绘网页设计案例欣赏
从优秀案例分析网页Banner视觉构成与创意设计
15个运用创意印刷字体的网站欣赏
产品设计:万水千山总是情 不要图片行不行
15个最佳创意型404错误页面案例赏析
15个国内外优质设计分享平台推荐 设计师必收藏
网页设计怎么破?创新式布局与交互的设计
12个启发灵感的创意单页网站作品欣赏
8个即将过时的网页设计趋势剖析
21个优秀的国外电子商务网站赏析
22款“暗黑系”的网页设计案例欣赏
四大网页设计秘诀:让用户第一眼就爱上你的网站
构图之美:成功的专题都是怎么构图的?

精彩推荐

热门教程