现在的位置:主页 > 新闻中心 > 资讯动态 >

现实&想象边界越来越模糊的网页设计

发布时间:16-03-05 来源:发我我网 人浏览 字号:TT 作者:admin 打印


 

对于设计师、申请院校的学生或是求职者来说

没有什么比自己的作品展示页更有说服力

我们所熟知的设计师和设计工作室

都有自己的作品展示页面

独到的创意和优秀的作品使得网站非常值得学习

如果 你正在筹划自己的展示页

不妨来了解一下2016年

亮人眼球的设计风

 

 

 

 

 
    视频背景/视频页头    
Hero Video Headers 
 

 
 
 ▲ follow-your-intuition.com/
 
 

视频背景的设计自2015年开始,一直在升温。让网页浏览拥有观看电影一样的用户体验,这是设计师一直看好的事情。

 

之前,由于数字设备的性能短板,在很长的一段时间里面,设计师没法实现自己的构想。

 

但近两年开始,手机和电脑的处理能力已经相当稳定了,短视频背景也可以在手机电脑上流畅地播放。另外,智能电视的普及,让使得视频的运用有了更多的可能性。

 
 
 
  小动效
Tiny Animations 
 
 
▲ labs.convoy.me/camper/#!/landing
 
 

和视频背景一样,动效也是目前的热门趋势。

 

视频背景对带宽的要求比较高,而小动效则有名副其实的炫酷功能,对于目前的数码设备而言并不会有太大的压力。

 

小动效可以在网页的各个角落出现,将用户的注意力有意识地吸引到特定的地方,让用户流连,产生足够的惊喜,带来愉悦的体验。

 

 

当然,动效设计中最重要的因素,是动效设计的目的:为什么要设计这么一个动效,它真正的目的到底何在?不要没考虑清楚,就随便引入一个看着不够高大上的动效。Camper的官网动效

 
 
 
 专注于交互
Focus on Interactions
 
 
▲ myunitedwayvoice.ca
 
 

同小动效关联最紧密的应该是交互。

 

让应用和界面同用户真正产生关联的是交互,它是沟通的桥梁。可以不明显,但却很微妙,一定要自然,并且为用户产生效用。从最简单的提醒,到复杂而漂亮的弹出框,从显而易见的操控界面,到微妙的回弹微交互,交互设计界定了人和机器之间的逻辑关系,将界面、动效、内容、操作串联到一起。

 

2016年的一年里,相信这依然是大家所关注的重点。

 
 
 
  垂直滚动
Vertical Patterns and Scrolling
 
 
▲ beoplay.cn
 
 

随着移动端流量一而再再而三的爆发,网页的设计开始越来越明显地向着移动端倾斜,更加直接的垂直滚动式的页面成为了大势所趋。

 

 

其实几年前,垂直滚动式的页面一度流行过,当时许多人对于这种“过于简单”的页面设计手法并不看好,可是移动端扁平化风潮之后,移动端正是上位,垂直滚动页面设计卷土重来,杀出了一片天地。

 

移动端上,页面滚动对于用户而言是一种直觉式的交互,这样一来,垂直滚动式的页面就显得更加自然直接了。

 
 
 
更多的卡片式界面
More Card-Style Interfaces
 
 
▲  block16omaha.com 
 
 

卡片式界面设计是 Material Design 启发下逐步流行开的设计手法,它最早出现于APP设计中,随后在网页设计中开始流行,甚至影响到许多平面设计作品。

 

卡片式界面是一种有趣又有用的创举,因为卡片的存在可以更好地组织信息,还能让用户更清晰地交互。卡片式设计暗合了模块化设计的思想,从结构到视觉上均是如此,这也使得它轻松地成为了跨设备交互的一种载体,堆叠、移动、传输均可以有逻辑、清晰地完成。

 
 
 
  幻灯片式网页设计  
Websites with Slides
 
 
▲http://yearinreview.fb.com
 
 

网站的轮播图并不是什么新鲜的东西,但是如果将它扩展到整个屏幕,就会形成类似幻灯片一样的页面。每个占据整个屏幕的幻灯片可以承载不同的内容,不一样的设计,可以制作成滚动式的页面,也可以加入延时动效。

 

用户可以左右滑动切换幻灯片,这是一种接近物理现实的交互体验。和许多设计趋势一样,这样的网页设计更加简约、直觉。

 
 
 
插画和涂鸦
Illustrations and Sketches
 
 
▲ orangeyouglad.com
 
 

插画和涂鸦往往能让网页显得妙趣横生,将奇思妙想注入其中。插画的类型很多,风格多样,大到整页的背景,小到页角的图标,都可以是插画。

 

插画和涂鸦美妙之处在于它会赋予网页以性格,让它更加个性化。也正是这种个性化,往往能同用户产生共鸣,而这也是它走向流行的重要基础。

 
 
 
更漂亮的字体排版
Even More Beautiful Typography
 
 
▲ hawkandhen.com
 
 

尺寸巨大,风格化的字体标题和LOGO依然占据着欧美网页设计的主流,国内也有更多的设计师开始选择这样的设计。

 

字体排版设计有一个问题特别值得大家注意:字体排版要兼顾设计的趣味性和内容的可读性,优秀的设计不仅设计思路优秀,而且特别注重字体的搭配。

 
 
 
    大胆明亮的色彩   
Bolder, Brighter Color
 
 
▲ circlesconference.com
 
 

复古一直都在流行。

 

而复古色的流行,很明显是近几年回潮的流行元素之一。Material Design和扁平化的流行,给予了80年代风的大胆、明亮的色彩以全新的舞台。在过去几年,单色的网站设计中,使用这些明亮的色彩已经得到了验证,用户并没有抵触。

 

而今年,这些色彩可能会重现80年代的氛围。

 
 

今年的网页设计正在沿着去年的趋势来逐步演变。更多的网站使用视频背景,Material Design 风格界面设计,幻灯片式的界面切换,随着这些设计将会被更多的用于选用,这种演变也将继续火热下去。

 
 
 
 

 

上海热线 15000161882

全国热线  15000161882

咨询QQ 1198126099

上海地址 上海市黄浦区普安路189号曙光大厦

总部地址 上海市青浦区北青公路久业路

做站资讯热线

15000161882

Copyright © 2010-2016 发我我网(小翔子酷酷网)官方网站
本站文字及图片内容版权归刘翔个人所有,任何单位及个人未经许可,不得擅自转载使用(上海) | 皖ICP备15010645号-1

在线创业留言申请: 姓名: 手机或座机: