明年的,网页设计趋势!

是时候展望一下未来了。2014年涌现了许多令人印象深刻的网页设计趋势 ,幽灵按钮越来越多,视差滚动也已经成熟,单页设计也成为了诸多设计手法的重要载体,而逐渐多起来的免Coding网页设计平台也开始造福于设计师了!

2015年网页设计趋势

本文由木卫艾欧网小编Tina翻译,转载请注明!

带你展望2015年最重要的网页设计趋势

一年到头,总结很重要。但是总结的文章看多的总不免要问,明年会如何?Well,的确是时候展望一下未来了。2014年涌现了许多令人印象深刻的网页设计趋势,幽灵按钮越来越多,视差滚动也已经成熟,单页设计也成为了诸多设计手法的重要载体,而逐渐多起来的免Coding网页设计平台也开始造福于设计师了!

当然,有的设计趋势只是昙花一现,但是有的则是自然演进的成果。当我们看着《星际迷航》里进取号飞船中科技感十足的透明控制面板,以及钢铁侠的头盔 中的HUD界面,总不免自问,为什么我们的手机UI和网页不这么设计呢?终于在几年之后,我们看到了越来越多姿态各异的幽灵按钮,在大气磅礴的网页背景 中,闪烁发光。这就设计的演进,它们在某些角落诞生,然后在互联网的推动之下,星火燎原。

我们周遭大小各异的屏幕越来越多,来自世界各地的设计师大脑中的想法和灵感也层出不穷,所以网页设计师不仅要让设计兼容越来越多的屏幕,也得时刻了解正在发生、正在流行的新设计

1、更加灵活的排版

带你展望2015年最重要的网页设计趋势

随着对内容呈现形式要求的不断提升,用户设计师都会对文字和内容排版提出新的规范。

事实上,网页排版和传统的平面排版有着巨大的差异,而在即将到来的2015年,你会发现越来越多的传统网站开始转型,逐渐抛弃小字体+密集布局设 计。其实这并非什么新鲜事,早在2006年,网页设计界就已经开逐渐转变了,只是传统网站很难放弃多年以来的设计风格和规则而已。

有研究表明,影响网页可读性的主要有3个因素:

  • 1、字体大小
  • 2、列宽度
  • 3、行高度

而研究表明,较大的文本大小更加有利于在屏幕上阅读内容。网页设计师门现在已经开始提升响应式网页布局中,字体排版与图片、整体结构之间的关系,以提升阅读体验。如何让文字内容哪怕在跨平台的状况下都始终保持最佳的视觉效果,是未来网页设计中至关重要的事情。

2、网页Coding的衰落

带你展望2015年最重要的网页设计趋势

其实网页开发分工一直处于一种高度分裂的状态:设计师完成网站的视觉设计,而前端/程序员则需要将设计实现出来。但是这一状况正在逐渐改变,因为网页设计工具正在变得越来越强大,更加智能。

越来越多的设计师可以不写一行代码就创建出网站,利用图形设计软件的新特性和新功能,设计师所创建的网站不仅代码干净漂亮,而且能通过W3C的验证。

这是具有重大意义的转变,新工具令网页开发的门槛逐渐降低,设计师们也能在不触及复杂技术的前提下,独立创建出现代而专业化的网站。

如此一来,设计师可以更加专注于设计,而这些无Coding开发平台则可以更加专注于技术和代码演进,确保所有最新的设计都能完美呈现。之前从事前端工作的开发者逐渐过度成为Web程序员,而这些平台就是他们发光发热的地方。

3、响应式设计的进化

带你展望2015年最重要的网页设计趋势

在过去的几年中,设计响应式的网站的时候,主要考虑桌面端、平板和手机屏幕的适配。但是随着智能手表、智能电视和智能家具的蓬勃发展,响应式所需要“响应”的屏幕尺寸范畴再一次得到了扩展。

虽然现在手机和平板的交互都已为大众所熟悉,但是为之进行响应式设计的时候依然存在独特的挑战,那就是屏幕尺寸、分辨率的分裂带来的适配工作量的增加。

即便解决了平板和手机上的浏览的问题,你还得面对新加入的设备。比如在智能手表上,网页浏览的方式都是截然不同的,你需要为之重新思考导航的方式。在手表上浏览手机版的网页都是一件吃力的事情,而在TV端浏览桌面端的网页的话,体验也是灾难性的。

这些新问题的解决方案可能还有待时间来沉淀,但是在2015年底智能设备市场的膨胀,会促使网页设计师们来考虑新设计,以应对技术的革新。

4、扁平化设计会覆盖每一个像素

带你展望2015年最重要的网页设计趋势

随着主流厂商在设计风格上走向一致,扁平化的设计会在接下来的一年中急剧膨胀。在过去的几年中,微软的Metro UI、苹果的Flat Design和谷歌的Material Design 先后选择了扁平风,使得这一设计风尚真真正正成为了设计的主流。

尽管现在依然有人在强调扁平化设计UI设计上存在问题,但是普遍的认知是,扁平化设计总体上是一门促进网页设计前进的技术。

扁平化设计的发展,主要还是取决于我们消费网喏内容的方式和屏幕背后 支撑网页发展的技术。扁平化设计与极简设计原则相通,而这种设计可以明显让网页更加轻量级,更加易用、快速,更突出内容。

扁平化设计已经不仅仅在审美上更具吸引力,它实实在在地令访客更容易沉浸到内容中,无干扰地同网站进行交互

5、图片:更大=更好

带你展望2015年最重要的网页设计趋势

不仅网站上的文字越来越大,图片也是!

受限于带宽,之前的网站开发者和设计师都需要在网站的图片上精打细算,但是随着时间的推移,这越来越不是问题。其结果是,越来越多的网站开始使用高清大图素材了。

在2015年,使用高清大图作为背景会成为一大趋势,相应的,将会有更多响应式调整图片尺寸的技术、背景图片调色工具以及图片服务器负载调整工具涌现。

此外,2015年的另外一大趋势就是使用大图背景。模糊滤镜和彩色滤镜叠加在背景上,让文字无需阴影就可以“浮”背景之上。随着设计师越来越多地使用大图背景来设计,你将会越来越频繁地看到这种网站。

6、视差滚动

带你展望2015年最重要的网页设计趋势

也许最明朗、最令人印象深刻的网页设计趋势就是视差滚动了。

在2014年里,视差滚动的网页越来越多,甚至苹果和Google这样的企业也在自己的产品页面上使用了视差滚动的设计。不言自明,视差滚动式设计确实有效地提高了用户的参与度!

使用滚动替代点击式导航让网站交互的活跃度提高了好几个层次。视差滚动有效地减少了多页面式网站的页面加载次数,更重要的是,它使得内容和页面的过度更加流畅自然,信息源源不断地呈现,不会因为突然某个页面加载不出来而导致体验下降。

7、网页信息图的黎明

带你展望2015年最重要的网页设计趋势

人都是视觉动物,当数据以更加图形化、视觉化的方式呈现出来的时候,我们更容易接受。这也是为什么信息图会逐渐普及开来,信息图正是以这种简单直观的方式来表现内容,让信息的留存度直线提升。正是因此,越来越多的网站开始使用信息图式的呈现手法。

而这就是设计趋势,我们称之为Webgraphics!它像信息图一样内容丰富,表现直观,但涉及到网页中的具体元素的时候,还允许用户与之进行交互,这是单纯的信息图做不到的。这也是为什么Webgraphics比信息图在视觉上更加吸引用户,也拥有更高的用户留存率。

在即将到来的2015年里,我们会发现,越来越多的客户会需要个性化的、带有交互的信息图式网站。你也将会看到Webgraphics这种设计趋势的兴起,并且成长为现代网页设计中的重要组成部分。

展望未来

网页设计潮流来来去去,真正推动网页设计标准变革的是设计师们别出心裁的创意。同时,设计师也是将创意和设计标准诉诸作品和产品的人。随着时间推移,那些站在时代浪尖上的设计趋势会成为普罗大众日常看到的普通页面,而更加伟大和新颖的设计趋势也会随之诞生。

原文地址: Webdesignledger

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/2318/

(0)
Smiler李想Smiler李想
上一篇 2014-12-27 07:05
下一篇 2014-12-28

相关推荐

  • 传递数据背后的故事——图表设计

    7大洲中最高的山峰:
    南极洲,文森峰,16050呎 4892米
    南美洲,阿空加瓜山,22841呎 6962米
    非洲,乞力马扎罗山,19340呎 5892米
    亚洲,珠穆朗玛峰,29035呎 8848米
    欧洲,厄尔布鲁士山18510呎 5642米
    北美洲,麦金利山20320呎 6194米
    大洋洲,卡斯滕土山16024呎 4884米

    2017-06-04
  • 令人惊叹的移动交互设计欣赏

    dribbble上令人惊叹的无线端交互设计!来自全球牛人们的奇思妙想,新颖动人的交互在这一张张GIF动态图上一览无余!当然界面一样打动人心,腾出手点赞的同时!记得另存哟! Dash Dash Jeff Broderick   Rally Inte…

    2016-05-24
  • UED专访 | 李冀:建筑设计的唯一性与多样性

    📌 编辑 | XK P.S建筑行业之所以能百花竞放是因为有人独树一帜,自成一派有人匠心筑梦,执著务实在各展所长的事务所里李冀的原地工作室像潜生的植物一样有着自己的节奏与坚守静默地成长着……©UED我们常说懂一个作品应是知其然并知其所以然。本次我们专访内容围绕李冀及其原地建筑事务所作品展开,以长白山河谷别墅群等作品为切入点,尽可能多地去探究建筑建造过程的一些原由故事,倾听设计师还原当时的设计思路,了解作品从无到有精细入微的生长。也许你会因...

    2018-02-08
  • 视觉冲击 | 颜色vs反差,哪一个更能吸引眼球?

    大多数的人们都熟悉色彩心理学;成百上千的文章、案例研究、甚至是从不同角度进行分析的图表。颜色对我们的影响,将影响我们决策过程中的每一个选择。这点是毫无争议的。但是,我们不应该盲目的遵循某一个原则去辨别。今天,我们就一起来测试对比度在吸引关注中的作用。

    2017-06-04
  • 提高交互设计技能的五个方法

     设计师 交互设计师  现在,所有基于Web进行设计的人都需要对交互设计原则有一个基本的了解。即使你没有在人机交互、用户体验设计或人性因素等方向的正式学习训练,但只要你了解这些学科的基本原理,依…

    2017-08-01
  • Stack自动布局:Sketch中的Flexbox

    Skacks会彻底改变你对Sketch布局方式的理解。Sketch用户终于可以在不用CSS的情况下,直接使用Flexbox的排版技术。小提示:

    – Stacks能产生一致性。

    – 一致性使设计清晰。

    – Stacks能使设计清晰。我们Anima的使命是让设计师能掌控自己的设计。我们正在打造一款设计工具,让设计师定义和构建UI与UX设计中所有零零碎碎的元素,并且最终能自动生成本地代码,1:1还原设计。这就使设计师不依赖团队的其他部分,比如开发人员的优先关注点就与设计团队不同。

    2017-05-06
  • 【案例】菜鸟裹裹如何打造双11极致物流体验

    作者:CNUX设计实验室(菜鸟无线UED团队)   如往年一样,2016年的双十一如期而至。当大多数人都在关注、鼓励你买买买的时候,有多少人关心你盼望包裹的那种期待?有多少人能体会你等待包裹时的焦虑?有多少人理解…

    交互专题 2017-08-07
  • 校园招聘 | 网易交互设计实习生

    网易交互设计实习生公司简介网易2001年正式成立在线游戏事业部,与广大游戏热爱者一同成长15年,是全球领先的游戏开发与发行公司,自主研发了《梦幻西游2》《大话西游2》《天下3》《乱斗西游》《梦幻西游手游》等几十款倍受玩家喜爱的热门端游和手游,更独家代理了《魔兽世界》《炉石传说》等多款风靡全球的游戏。 2015年,网易游戏正式开启“游戏热爱者”品牌战略,用自身行动传导热爱者价值,并全面启动“聚合精品,共享热爱”战略计划,以全球化视野为游戏...

    2018-02-10
  • 线上讲座 | 送你一份全新的交互设计指南ヾ(゚∀゚ゞ)

    ▲ 向左滑动查看更多导师作品摘要:上期Designer Talk 我们邀请到的UI设计师Coraline,以“对现代科技发起交互”为媒介,来传达她所创作的艺术呈现,不知道同学们有没有通过对非现场性艺术分享,使思想脱离理性范畴,继而进行创作性的探索与尝试。本期Designer Talk我们将借助符号性的语言,将碎片化的艺术凝结在一起,打破虚无与现实桎梏,为您呈现全新的交互设计。关键词:交互设计 / 当下全新的非完美呈现分享导师Jason本...

    2018-04-19
  • 9个关于设计的关键要素,帮你设计出更加优秀的作品

    之所以把设计和Jalebi放在一起说,就是因为设计本身其实和制作Jalebi如出一辙,设计师的经验和对设计投入的思考才是核心所在,而两者结合之下则往往能产生一些颇有价值的指导思想。Above examples are of apps with the same domain and you can judge which one is looking better.A good example visual typo hierarchy in the above graphic .

    ——Source: SuperDryCleartrip is a very good example of what I am talking about……

    2017-05-17