总结2014 展望2015年网页设计趋势

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

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

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

  1、响应式在继续

也许你有一个很好的理由不用响应式网页设计?在过去的几年里,响应设计快速巩固了自己作为网页设计的新标准。当然,也有争论,但是没人说,“让我们摆脱响应式设计吧”。实际上,越来越多的网站选择响应式的方向。2014年确实如此,2015年也还会继续。这已经不是种趋势,而是常态了。

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

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

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

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

  2、扁平化设计

扁平化设计在过去两年里势头迅猛,2015年在持续。然后,对于扁平化而言或许只是个概念,也许是Material Design (材料设计),那么什么是Material Design呢?Material Design是 Google今年新推出的移动设计方向,“Material(材料)”是种隐喻:空间的合理化及系统动效的统一。Material源自现实的感知,灵感来自纸张和油墨,尚未开启的想象力和神奇。

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

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

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

扁平化设计已经不仅仅在审美上更具吸引力,它实实在在地令访客更容易沉浸到内容中,无干扰地同网站进行交互。很多设计师说,材料设计语言在扁平化上作了微妙的渐变,层次感和动画保留了意义上的有形世界(物理空间和物体),同时实现了扁平化的所有优点。有些人可能不同意,但我个人觉得,这就是扁平化设计的整体领导,我们期待看到更多的企业和个人在2014年及以后采取该策略。

  3、卡片式设计继续

卡片式设计,不算新颖,却是响应式网页设计的最佳实践。卡片式设计很好的一个方式是模块化,重新编排栏目也不会草率或紊乱,在浏览器中能浏览大量数 据,但是要提示用户深入了解。总之,卡片设计干净简单,具备多功能性。正是网络的需求,2014和2015年你将能看到更多卡片式风格设计。

  4、更加灵活的排版

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

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

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

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

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

5、图片:更大=更好

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

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

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

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

6、视差滚动

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

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

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

7、网页信息图的黎明

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

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

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

  8、点击滚动

因为猫和人都喜欢滚动,所以网站有了滚动设计。如果你还坚持网站不需要滚动下翻,那你就跟不上潮流啦。首页应该尽可能的全面,这是发展的趋势。用户能更直观的感受到,支持滚动下翻的网站会带来更多的动态互动。

  展望未来

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

《植物大战僵尸Online》万圣节强档来袭

最近没事做,道听途说的由腾讯游戏与EA/PopCap联合开发的《植物大战僵尸Online》即将于10月31日迎来不删档测试,于是喜欢瞎折腾的我也按捺不住想来回味下当年那植物大战僵尸(无尽版)的快感。

相信各位玩家早已通过各种途径获知这一消息吧?当然,如果你早已对这个喜讯了然于胸的话,那么接下来的这条猛料就更让你心动不已,因为从10月24日上午10点开始,《植物大战僵尸Online》的不删档预测试就将提前开启啦!只要你满足下面两个条件里的任意一个,即可第一时间加入游戏、体验完全不同以往的《植物大战僵尸Online》!

条件一:曾参与终极内测的老玩家

对于那些曾经参与过终极内测的老玩家而言,此次《植物大战僵尸Online》不删档测试可是100%无门槛的哦!无论你在终极内测中的等级高低、实力强弱,只要进入过游戏,则会被视为《植物大战僵尸Online》核心用户,拥有直接入驻不删档测试的尊贵资格,10.24开服后即可登陆游戏进行体验啦!

条件二:成功入手激活码的新玩家

从10.24开始,《植物大战僵尸Online》将为新玩家们推出全新“砸南瓜”抢码活动,每个QQ号每天可以参与一次活动,33.3%中奖几率,只要拿到激活码并成功激活,即可享受最多七天提前进服的尊荣待遇,这样的机会千万不要错过哦!还请愉快的刷新官网吧!

双重好礼全部到位 福利狂欢明日开始

除了提前进服的尊享待遇之外,本次《植物大战僵尸Online》还为各位老玩家们准备了丰厚的专属福利。在终极内测中通过“终极内测 终极好礼”活动获赠的内测精英礼包的镇长,将在本次不删档测试里免费获得“30天VIP体验卡”一张,全新植物卡牌“三星寒冰射手”一个。有了VIP资格和三星初始植物,无论塔防还是冒险必定事半功倍!

另外,《植物大战僵尸Online》充值返利计划也即将在10.31万圣节当日全民启动,只要你在之前的《植物大战僵尸Online》终极内测中充值过任意金额,即可登录《植物大战僵尸Online》预充值返还领取页面,成功领取即可获得140%的钻石返还!

华丽大幕即将拉开,最强植物严阵以待!各位《植物大战僵尸Online》的玩家朋友们,全新的小镇设施,全新的系统玩法,焕然一新的游戏体验即将全面来袭,想和疯狂的戴夫大叔并肩迎敌?想成为全世界最威武的小镇领主?《植物大战僵尸Online》与您——相约万圣节·狂欢不删档!

呵呵,有兴趣的朋友可以试试玩玩哦……

我的QQ:490024274,    加我亦可以一起玩玩

腾讯植物大战僵尸Online 官方地址:http://pvz.qq.com/

Linux Deepin系统2014.1版For Linux-32

Linux Deepin项目现已正式更名为Deepin项目,该项目是一个致力于为全球用户提供美观易用,安全可靠的Linux发行版,Deepin团队基于HTML5技术开发了的全新深度桌面环境,以及音乐播放器,视频播放器,软件中心等一系列特色软件。

8

  昨天,Deepin团队正式推出了Deepin 2014.1版本,新版本集中提升了系统的稳定性,并对系统性能进行了一次彻底的优化,以下为重大的改进:

(注:由于Compiz在虚拟机中性能不佳(Deepin 2014.1以Compiz作为窗口管理器),所以Deepin团队强烈建议各位将Deepin 2014.1直接安装在真实机器上,这样才能体验到Deepin 2014.1的华丽效果。该团队计划在未来的版本中,使用自己开发的窗口管理器从而彻底解决这个问题。)

一、快速、稳定

在该版本中,我们集中精力提升了系统的稳定性,并对系统性能进行了一次彻底的优化,以下为重大的改进:

Dock

该版本中我们为了让Dock能在所有电脑上稳定运行,主要有如下改进:

新增Dock后台防假死功能;

修复了由Dock引起的系统假死。

桌面

桌面方面我们改进了的右键菜单和多屏显示问题:

右键菜单响应速度明显提升,内存占用较之前减少90%;

多屏显示功能解决了新手引导错位和壁纸显示错误问题。

2

  控制中心

控制中心主要是强化显示和网络模块功能的稳定性,同时解决了在某些电脑下控制中心闪屏的问题。

显示模块中加入屏幕亮度软调节功能,解决大部分电脑无法调节亮度的问题;

网络模块新增无线硬件开关提示,修复部分有线网络不能显示真实硬件等Bug。

3

  自带软件

对系统自带的软件进行改进或升级:

解决深度商店下载越下越慢;

深度影院增强字幕显示和新增支持文件夹递归读等功能;

搜狗输入法和WPS已经升级到最新版本。

4

  二、更为完善的国际化

得益于Deepin 国际化项目的持续推进,Deepin 2014.1正式提供的10种语言翻译更为精准,社区支持的60多种语言,翻译进度也得到了明显的提升。Deepin 2014.1已经包含了所有国际化项目的成果,方便各位用户直接使用。

同时,在各国贡献者的帮助下,我们对时区、日历和键盘布局等国际化功能,进行了更为完善的测试,解决了部分时区和日历错误的问题。

5

  三、更多贴心功能

Dock程序新增“高效”和“经典”两种模式,是深度桌面环境为持续不断提升用户体验的一大进步。三种模式无缝切换,满足不同用户对Dock的个性化需求。

6

在减少干扰上,深度桌面环境新增屏幕热点自动禁用和智能电源管理功能,避免用户全屏操作时被屏幕热点干扰、无操作时自动黑屏等问题。

系统智能提示上,深度桌面环境新增多屏显示等桌面提示,用户可在提示窗口选择所需模式。

此外,Deepin项目在全球拥有近70个软件源,利用深度商店的最佳源检测功能,能够帮助您快速地选择最佳软件源,以便您能够快速地更新系统和安装软件。

7

  第四、下载和安装

官方下载:

32位:http://drivers.mydrivers.com/drivers/485_194297.htm

64位:http://drivers.mydrivers.com/drivers/485_194298.htm

全新安装:

安装Deepin 2014.1非常简单,下载Deepin 2014.1镜像后,使用深度启动盘制作工具和深度安装器,能够让您不经学习而完成Deepin系统的安装,详细安装教程见百科。

8

升级:

如果您已安装Deepin 2014,可选择以下任一方法进行升级:

方式一:打开“深度商店——系统升级”,安装全部更新即可。

方式二:终端执行命令升级:sudo apt-get update && sudo apt-get dist-upgrade -y

注意:

— Deepin 2014.1已经去除DeepinWin(Wubi)安装模式;

— Deepin镜像中自带深度启动盘制作工具;

— 由于Compiz的原因,我们强烈建议您实体机安装Deepin系统;

— 如果Deepin系统安装完毕后运行正常,那么我们不建议您安装闭源显卡驱动。