单页面应用(简称SPA)
单页面应用与网站纯粹由Ajax调用构建而成。JavaScript从服务器处提取内容,
并以动态方式进行加载,如此一来页面就永远不需要进行刷新。
常见的此类范例包括Gmail与Facebook。不过随着更多JS技术的加入,我发现越来越多的单页面应用开始在市场上出现。
考虑到React与Aurelia等强大前端库的支持,相信2017年内我们将能够更轻松地构建起单页面应用。
可切换搜索栏
曾几何时,搜索栏会始终显示在网页上的特定位置——包括处于侧边栏或者导航栏当中。但最近我发现,越来越多的视图方案开始默认将搜索字段隐藏起来。
诚然,这种设计趋势能够有效节约页面空间,同时保证用户仍能随时使用搜索功能。如果大家不确定应在新设计中将搜索字段放在哪里,则可考虑使用放大镜图标链接至导航栏中的搜索字段处。
Adblock消息
必须承认的是,如今越来越多的用户开始使用广告屏蔽工具。惟一的问题是,内容发布商该如何应对这种趋势。有些网站会礼貌性地在广告区域内添加提示信息。而在Honkiat中,大家会发现它选择使用内部广告以填补由外部广告屏蔽引发的空白现象。
作为一大明显趋势,我发现人们开始越来越多使用adblock内容屏蔽工具。这项技术意在“屏蔽屏蔽工具”。Business Insider与福布斯等大型网站都开始使用这项技术。遗憾的是,这种作法同时伤害到了用户与发布商,而这一切都源于广告技术的低下质量。
最终,无论大家对这种作法抱持怎样的态度,都必须承认adblock插件的普及度越来越高,而预计也将有更多内容发布商据此予以还击。
纯SVG图标
SVG图像已经在网络领域内加速扩张,但如今的发展速度可谓前所未有。在我看来,2017年将成为SVG在网络领域全面腾飞的一年。
大家可以在Flaticon等网站上发现无数免费的SVG图标资源。另外,大家也能够在HTML代码内添加SVG。
因此,设计师与开发者都将迎来新的SVG使用方式。现代浏览器在这方面拥有良好的显示表现,因此兼容性绝对不必担心。设计师们惟一需要关注的就是了解SVG的强大能力并加以运用。
16.Adobe XD
Adobe公司于2016年推出了Adobe XD的完整beta测试版,这套方案也得到快速发展。Adobe XD目前同时支持Mac与Windows系统环境,且仍处于正式发布前的测试阶段。
大家可能认为Sketch足以搞定一切,但Adobe能够成为创造性工作领域的主流软件厂商也绝对有着过硬的理由。考虑到Sketch只支持Mac设备,Adobe希望为每位用户提供支持。
我坚信未来一年中,Adobe XD将得到更多人的了解与喜爱。其可能成为UI模型
设计领域的先进软件——这意味着我们终于能够获得UI设计层面的Photoshop了。
随着这款新软件的崛起,大量教程指南与免费GUI工具包也在不断涌现。Dribbble、Designmine以及XD Guru等网站都提供大量相关资源。
17.更多汉堡式菜单
无论大家是否喜欢,汉堡式菜单已经确立了自己的市场地位。虽然不少研究结果表明,这种将菜单进行折叠隐藏的视图并不利于用户浏览,但考虑到移动设备那可怜的显示尺寸,目前我们还找不到更为有效的解决办法。
汉堡式图标亦慢慢成为导航菜单的典型象征。与放大镜图标代表着“搜索”一样,三条横杠构成的汉堡图标将很快与“菜单”二字紧密挂钩。
即使是技术水平很高的设计老鸟也必须承认这一现象。随着时间的推移,越来越多的人开始利用智能手机浏览移动网络内容。而他们将很快习惯并接受以汉堡式设计作为导航菜单方案的现状。
18.产品功能图标
着眼于2017年,相信产品功能图标这一趋势将逐步成为主流。另外,目前也确实存在多种常见方式帮助我们在主页上共享产品功能。
首先,我们可以为产品设计一套功能列表。该产品可以是SaaS、WordPress主题甚至是物理性商品,一切皆可。
在此之后,大家可以为其设计定制化图标或者直接寻找适合这些功能的现成图标。当然,最好不要涉及“可靠”或者“快速”等常规特性,因为这些因素太过基本而很难引起用户的兴趣。
相反,我们应当列出真正重要功能特性。如果您宣传的是一套高级WordPress主题,那么其中可以列出其响应式能力、包含多少功能部件或者菜单机制如何运作等。
这些功能图标的作用在于以可视化方式帮助我们进行宣传。纯文本的接纳效果往往不好,但可视化元素则更易于理解并能够抓住人们的眼球。
19.添加号召式用语
虽然网站向来乐于使用号召式用语,但随着访问者在每个网站上花费的时间越来越少,强大的号召性用语开始变得更加重要。
这些号召式用语可以表现为按钮、选项表单或者其它输入字段,用以驱使人们采取某些操作——例如注册或者阅读博文等。
我也无法确切告诉大家如何如何设计这种口号或者对字句进行优化。但可以肯定的是,其重要性将不断提高,并明确影响到每一位网站访问者。
20.内容区域更小
如今显示器的尺寸正变得越来越夸张,这意味着大多数网站都需要设定最大宽度。相较于700像素的标准宽度,如果将网站拉伸至2000像素宽,那么用户将很难阅读其中的字句。
更小的内容区域能够改善浏览体验,并最终让内容密集型网站获得更出色的用户口碑。
我认为越来越多的设计师已经意识到了这个问题,并开始慢慢减少内容显示区域的大小。我个人能接受的最大宽度为750像素,但大家也可以将其设置为600像素甚至更低。
较少的字句与较小的内容显示区域能够实现较短的段落布局,从而提升内容可读性。目前《纽约时报》等主要发行媒体可能仍在坚持自己的结构准则,但对于简单的博客或者商业网站而言,整体趋势确实正朝着更长内容、更小段落与更小内容显示区域的方向发展。
总结
受篇幅所限,我无法与大家分享全部设计发展趋势。但我认为本文列出的20项最有趣也最值得关注。
另外,如果大家有着其它想法或者对即将到来的设计趋势拥有自己的理解,请在评论中与我们分享。
|
|
|
|