×

打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮

×

打开微信“扫一扫”,关注我们官方微信^_^

梦创义官方微信

首页 > 新闻 > 网页设计 > 主流网页设计风潮

主流网页设计风潮

2015-06-271022分享

一.滑动优先于点击

现在已经是移动互联的年代,移动设备占据了用户大量的网上浏览时间,而移动设备的特点是屏幕相对比较小,而控件一般设计的比较大以方便 点击。所以用户更希望的是能随心所欲的通过指尖快速的浏览到指定的信息,而非通过鼠标慢慢的往下拉,然后找到一行小的可怜的链接点进去进行查看。

所以这个时候的设计更多应该是手势操作优先,让用户可以通过手势快速的定位到自己想要的内容。滑动优先于点击

况且现在移动互联网的用户越来越急躁和越来越懒,很少人有耐心去一个个条目仔细去查看去找到想要的内容信息。所以他们更希望的是能快速的在简洁的屏幕上定位到自己想要的目标,如果能不让自己动手就能自己出现就更好了。


二.折叠显示将成明日黄花

正因为现在对页面进行滑动是如此的简便和随心所欲,且当今的智能设备的大小型号琳琅满目,所以因为一些内容过长而进行折叠显示的方式已经过时了 -仅仅将一些关键信息显示给用户,当需要的时候再去点击个“+”号什么的进行展开。

同时你也再没有必要在一篇文章的前面堆积大量的文字内容来让用户知道你下面将要描述的是什么内容,因为用户很容易就能通过手势操作滑动到它想要看的内容上面去。

比如你看下人家Medium的做法,点击一篇文章进去,开门见山的就是一张大图铺天盖地的映入眼帘。用户只有往下滑动才会出现文章的内容,而用户如果想快速查看某一个章节,只需要多滑动几下就到了。

所以取消折叠内容的显示,这我认为也肯定是将要风靡网页设计界的风潮之一。


三.快速的呈现和简约的设计

在当今这个生活节奏这么快速的年代,什么最贵?时间最贵。每个人都在争分夺秒的不甘落后的往前狂奔,而因为通过你的应用或者网页找到一个想要的内容却要耗掉我好几十秒的宝贵时间,我能不暴跳如雷立刻拉黑吗?

所以我们的设计要迎合我们这些暴躁的用户的需求,在能快速显示之余,还要能足够简洁的将内容显示出来让用户能快速的弄懂这是怎么一回事。

简洁快速的设计应该是让人能够快速的打开并能愉悦的开始欣赏里面的内容的,而不是等半天只显示了一半内容,或者内容显示出来了却耗掉用户半天时间才发现这里面根本没有我TMD想要的东西。

现在炙手可热的扁平化设计其实只是一个开始,其最终的目标瞄准的就是简洁和实时性。而这,就是我认为的另外一个网页设计的风潮。


四.矢量图将迎来春天

相信大家在欣赏一个朋友通过微信发过来的声称有亮点的图的时候,应该都会尝试将其进行放大再开始亮点查找。你在Retina屏上面放大还好,但是如 果在其他非Retina屏幕上对图片进行放大,到时你就真的找到亮点了,且找到很多,一个个方块的格子状的像素点。旁边美女一边走过时瞥见的话还以为你在看什么东西了,竟然还要打马赛克!立刻投以鄙视的眼光或者一顿拳脚(如果是公交上的话)!怪谁?怪你朋友发给你的是位图。

而随着现在Retina屏的流行和现代浏览器地矢量图的支持越来越好,所以一度因实现和支持难度而少人问津的矢量图相信将会再次回到风口浪尖上,因为如果是矢量图的话,无论你做多大比例的缩放,它都不会失真。

而其实现在这种风潮已经初露端倪,你看下当今流行的字体图标和谷歌在大力推的Material Design就可见一斑了。


五.动图将上演王者归来

曾几何时,动图曾经到处泛滥,泛滥到在你的网站需要更新的时候都要在上面贴个“网站正在更新”的Flash上去,泛滥到大家都觉得有点噁心了。

但是现在情况有所转变了,不少的流行因素正在试图让动画上演一出王者归来的好戏。

扁平化设计的流行:正因为太扁太平太飞机场般的过于单调,动图的作用就显示出来了。只要你不像以前一样在你的网站上铺天盖地的使用动图,那么它就能将很多东西融合在一张动图中来给你扁平略显单调的页面带来不少的活力和视觉冲击。

移动应用的风靡:移动应用对人们的预期重新进行了定义,它更多是通过动画来传递不同的意义,而我们的网页设计也很应该开始效仿。

HTML5等新技术的支持: 这些技术让我们不需要安装任何插件的情况下就能使用动画。


六.Web Components组件标准化的到来

另外一个我认为在网络设计上将会盛行起来的是Web Components组件技术。大家都知道现在的网络实现技术正变得越来越复杂,而可读性却又变得越来越差。所以大家都期待有一个统一的标准来让设计师们 简单的完成一些如增加个打开Google Analystics的按钮之类的事情,比如简单的加一行下面的代码来达成这个目标:Web Components组件标准化的到来

而这就是Web Components所能做的事情,但是现在很多设计师都没有用它把自己给武装起来。而现在谷歌Material design就是一个很好的开始,它提供了丰富的动画和交互方面的组件,用户只需要简单几行代码就能进行使用。


相关阅读:

移动网站界面如何设计

网页设计分析与趋势

网站设计案例

  • 基于用户创新

    界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……

  • 服务设计思维

    互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……

  • 洞察用户心理

    洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……

  • 查看更多 >>

最新新闻Latest News

解读网站结构对收录有什么影响?
这个网站建设市场里,一些企业的网站并不重视网站的内容结构。像内容标……
细谈网建中需注意的一些错误
建一个什么样的网站,是能帮企业来获得成功?对于网站的搭建,这里面是……
建站时需准备什么材料
建一个什么样的网站,是能帮企业来获得成功?对于网站的搭建,这里面是……
提高营销型网站PR值的方法是什么?
就在制作网站时有一个工作重点,便是来快速提高网站的PR值。当然来做营……
静态网页设计的一些特点
网页可以分为静态页面与动态页面两种,但如想网站有很好的排名,也被搜……


ABOUT US

北京梦创义科技有限公司是中国网络新生代的杰出代表。
MCY是由从事多年互联网界研究的海外归国人员于2007年创办,由国内丰富经验的网络工程师与国内外的知名设计师组成,立足北京。

Contact information

手机:13910811300
电话:010-52661970
传真:010-82694569

网址:www.mcykj.com
邮箱:13910811300@126.com
朝阳一部:朝阳区紫芳路九号院广顺园2号楼2605A
海淀二部:回龙观黄平路19号院泰华龙旗广场E座1212室(距西三旗桥2公里,8号线育新站海淀昌平交界)

北京梦创义网站建设的logo

Copyright 2008 ASAweb company. All rights reserved.