固定的导航已经成为以转化为中心或具有庞大菜单的网站的主流,因为核心导航可在滑动时与用户保持一致。不过浮动的导航使得用户在滑动浏览时也能轻松使用,直接优化了网站体验。
最近,我们注意到有些设计师将导航从其他设计中分离出来,并将其移动到浏览器的下方,进一步确定了用户可以随时接触到导航。这增强了导航是网站的广泛对象的感觉,不一定是某一页的一个部分,而是放在一个触手可及的地方,使人安心。
最直观的方法就是在导航栏中添加阴影,并将其移动到网页的最顶端,以Reseau为例。但在平面的设计中也是可行的,以Anchor & Orbit为例。
与离线型设计类似,浮动的导航允许设计师在设计中自然地或带有目的性地运用巧妙的并置,这又给设计带来了更多的空间。
9.视频元素
以下是几点重要的原因:
1.视频元素可以无缝地切入设计中,无需嵌入Youtube或是Vimeo插件。
2.即使有很多颜色,渐变和细节,视频地质量依然很高,但如果GIF动图不按大小以指数倍数放大,则很难做到。
3.视频可以循环以确保副本的细节和图像的细节保持一致,并为有需要的人重复播放。
所以从我们自己的网站到Stripe Sigma,当视频元素风靡整个网络时,我们并不感到奇怪。
10.更多身临其境的“多媒体”长格式
当我们想要发布长格式的内容时,只需在页面上放置一个长文本字段,特别是当我们的长格式内容有CMS支持时。其中,单个布局的内容长度大概为200字到一篇较为详细的短教程的长度。
但现在一些设计师和作家并不采用这种方法,他们将布局和量身定制的副本结合起来,通过视频、声音、图表和图形、地图等丰富的载体,娓娓道来故事的内容。
说实话,这并不是一个“新”趋势,我更倾向于把它称为网络产生长期对话的基石。但现在所有的网络出版工具都出现了,包括我们在内,2018年似乎都是最佳时机。
以CNN讲述全球变暖对格陵兰岛和全世界其他地区的影响为例。
这个故事尽可能地做到引人入胜,这对于很多还较为抽象的问题来说至关重要。它巧妙地将一个复杂的话题变成一系列便于理解的段落。你永远都不会觉得内容过于冗杂,相反你总是不知不觉就接受了,你发现自己阅读每一个字,都很容易理解。
请注意,我并不是批评CMS,事实上,我们可以利用CMS来提供这种体验。这里只需要一点小技巧:利用背景图片和视频来传递所有的视觉效果,在编写、设计时仔细检查每一个故事的一致性。这就和“博客”的格式不大一样了。
如果你正在寻找更有吸引力的长形,我不会推荐纽约时报上由Tuam拍摄的“失落的儿童”。值得一提的是,这样更为多样化的长格式可以用破碎网格或者标准布局进行组合,正如上面的纽约时报片段所示。
11.可变的字体!
在今天看来,我们很难相信就在几年前,我们还不得不依靠稀少的字体来呈现我们所有的文本内容。
今天,网络上到处都是各种各样华丽的字体,从而引发了人们对字体印刷、字体设计和选用、消费字体的兴趣。
可变字体出现后,这一趋势愈演愈烈。科技和印刷技术的巨头——苹果、谷歌、微软和Adobe之间有一个可变字体联合项目,这使得可变字体实现了一种全新的字体设计形式,正式增加了opentype格式,这意味着,允许设计师插入一个字体的整个词库或者有多达64000axe(磅值、字号等)的单个字形,并在设计空间中将特定位置定义为命名实体(粗体、浓缩等)。
说实话上面这段文字有些难懂了,那么请直接看John Hudson的解释,他认为可变字体是:
一个字体文件的行为像多个字体一样。
但是在讨论字体设计等视觉艺术时,最好还是坚持从视觉方面入手。
简而言之,这就是一个可变的字体,一个单一的字体文件,能够变黑,而不需要调用其它字体。
12.内容中心-或称webook?尽量酷起来!
(注意:内容一直很酷)
作为一个内容为王的极客,我很高兴看到在2017年产生了如此之多的有见解、极有帮助的内容。我相信2018年我们会见到更多,毕竟2017年已经打下了很好的基础。
我们也可以看到,有很多领先品牌将pdf格式用于电子书领域并充分发掘网络出版长内容的潜力,我喜欢称之为“webooks”,这很具有吸引力。
具体而言,我指的是:
Stripe Atlas Guides
Airtable Universe
DesignBetter.co
Intercom Books
我们自己的电子书网站我想不需多言了吧!