2018年网页设计的19种趋势!(4)

来源:网络   作者:热心网友   发布时间:2018-04-03    浏览次数:147

13.CSS网格

Robin Rendle的CSS网格演示,来自CSS-Tricks


正如Robin Rendle极具有表现力地将它放在了CSS-Tricks上:那么,CSS网格是第一个真正地网页布局系统,它旨在将内容组织成列和行,并最终为给予开发人员最高的权限。此处应有得逞了的笑声。

注:Webflow 将支持CSS网格,但尚未提供官方日期。




14.追求完美的数字设计工具



2017年是一个重要的年份,尤其是对于深入讨论设计工具的性质及其 对我们工作的适用程度。


Spectrum的Bryn Jackson分享了自己的看法:


设计成品和设计工具之间的中间格式,可以为产品团队和设计人员提供更高效、更强大的工具。


在一篇名为“接口”的文章中,他继续假设:“今天所有的每一种流行的设计工具都是为了优化插图。”


(需要注意,Bryn Jackson对于插图的定义是导致图像、图标、插图、字体、广告、印刷媒体或其他没有本地交互性的可视通信媒介的任何设计工作,但这是一个有争议的定义,其中没有提到阅读和交互形势。)


除了插图和交互性的定义以外,不难看出,Bryn Jackson的观点:在最基础的地方,大多数现代设计工具都注重图像的制作而不是接口。


设计师兼工程师Adam Michela在“I’m a Designer at Facebook, and This Is What’s Missing in Design Tools Today.”中提出了一些相同的观点。他认为大多数设计师花费大部分时间来创建实际价值并不大的少量工件。而这些工件仅代表最终产品—数字接口,这与上述的情况背道而驰。

在文章的最后,他积极地认为,有机会创建融合(而不是桥接)设计和实现的工具。


这正是我们试图在webflow上构建的。像Michela,我们希望一个设计交付的不是网站的示意图,而是网站本身,不是接口的文档,而是接口本身。在这个过程中,网站能不断地修改、完善,还可以保存时间线上的不同版本,可以检查,甚至点击一个键就可以恢复。




15.多样性和包容性使得设计更具挑战


Webflow是一个公平的机会雇主,我们致力于建立一个团队,这个团队不仅在观念和身份上具有多样性,并且受到鼓励。– Our job listings


在Webflow所在的美国,日益激烈的政治环境正在推动对多样性和包容性在设计中的作用的强烈关注。


我们不得不承认,设计的选择,小到性别的下拉列表中包含了哪些选项,都能影响我们同胞中的一些人。我们可以清楚地看到,错误的消息、措辞地影响有多严重,数据验证机制在人机交互地动态机制中有多强大。我们意识到,让种族成为广告的过滤器会产生彻头彻尾的种族主义效果,从而维护我们许多人希望看到被颠覆的现有权利体系。


我们也清楚地意识到,如果我们地团队没有多元化和包容性,我们也没有办法提出设计方案。


最起码,我们中的一些人不能。


另一方面,我们也看到了性别歧视在明显的自相矛盾和边缘化之后抬起了丑恶的头颅,甚至会化身在看似道德的日常对话中。性别歧视就是双重标准的明显例子。


最终,作为用户体验专业人员,我们的工作是为每个人提供可用且理想愉快的体验,而不论他们的种族、国籍、信仰等个人情况。换句话说,我们的工作就是包容,让我们一起在2018年,包容更多,获得更多。





16.视频的广泛应用


尽管我们几乎没有人大肆鼓吹视频将会成为网络发布媒体,但发行商仍然非常看好转播。


视频早已到处可见:从一开始就坚持使用视频而不是短故事的新闻网站,到Snapchat,再到Instagram,最后到Facebook。无疑,Excel很快也会赶上潮流!



但就像科技领域的大多数事情一样,这并不是一个平稳的发展,成千上万的记者在文本和动图之间丢掉了工作。对于转播的网站来说,前景也可能不是很好。根据哥伦比亚新闻评论:


转播的发行商们仅花了一年的时间,就用无差别的、平淡的快餐式视频,驱散了大多数来之不易的本土观众。


独立新闻业至今遭受创伤,这要归功于特朗普,而视频的宣传也没有帮到他们。


值得一提的是:根据Digiday的说法:“展示一千次视频的费用远高于展览一千次的费用。”在理想的世界里,报纸可以在打更少的广告。


当然,这不会发生。面对这一切,请记住文字作为创意和信息媒介的优势:

1.生产速度相对较快

2.便宜

3.仍是网络上大多数通信的主要形式


最后一点可能也会让人费解,但我希望你能去各个社交网站看看。除非你点开的是Instagram,Pinterest或Snapchat,否则你仍会看到大量的文字。即使在这些视觉效果站第一的平台上,文字仍然扮演者重要的支撑角色。


因为一张图片可能在捕捉场景时值得多说几句,但图片很难捕捉到具体的内容,人物、时间、地点、原因和方式。

这使得我们很自然地谈及下一点:




17.用户体验写手的持续兴起


任何影响设计的人都是设计师,这包括开发人员、CFO甚至公司法律。所有的这些都可以是设计师。–Jared Spool


我在去年的设计趋势中谈到了这一点,但我今天想将注意力更多地放在被称为用户体验写手地原因上。


简而言之,UX写手们专注于用户界面中的内容,这些内容主要用于大型数字产品和web应用程序。现在,我说我是为Webflow产出内容,过去是为了Linkedln,人们都会问:“这是啥?”


但请放心,用户界面都有写手地痕迹。并且这些内容往往在你的理解过程中起到关键作用:


1.你可以在用户界面中做什么

2.如何做这些事情

3.你可能会遇到什么限制和困难


但UX写手能做的不仅仅是这些。用户界面中的词汇也是塑造好的用户界面背后的品牌认知的强大工具。试想一下,如果你看到的所有推文,所有应用中,都有一系列的搞笑文章,或者是在404页的展示中都有亮点,这些都是为了在最不理想的时候敦促你的行动。


这在被称为Chatbot的UI格式中显得尤其明显。一般来说,这些用户界面只包含单词,单词构成了整个用户界面。Chatbot的个性、品牌都只能通过语言表达,不过也有一些精心挑选的表情符号来调味。


作为一名经验丰富的UX写手,我很高兴看到这个关键角色得到了它应有的更多认可。我们也是设计师,不过我们是在音节和字母表中工作,我们迫不及待想要和你合作。




18.系统化




成功更加系统化,更加具有扩展性且在品牌的许多产出和不同环境中具有凝聚力。


设计系统专注于将品牌美学和功能方法转化为模块化的组件,这些模块化组件可以混合搭配以满足任何UI的独特需求(理想情况下)。当设计语言被系统化时,就简化了设计决策,缩短了开发时间,并且能让设计人员在尚未建立设计模式的项目上更好地工作。


通常情况下,品牌正处于这一趋势之上。UXPin推出了Systems,这是一款用于创建和维护设计系统的工具。Shopify推出了Polaris,凭借其独特的内容、设计和开发指导方案而获得高度赞誉。UX Power Tools推出了一个想要使Sketch称为可行的设计系统工具的库(我们即将会看到!)我想2018年会有更多这样的消息。




19.原则—设计的第一要务




设计界一直纠结于鸡还是蛋的问题:内容至上还是设计至上。


我过去一直都是支持内容至上,这并不仅仅是因为我是一个内容的极客。对于我来说,在确定怎么包装之前,确定所包装的信息是最符合逻辑的。


但最近,由于我已经由特定交付品的内容设计专项更系统化的工作,品牌内容策略,我对我们的工作是否遵从内容还是设计变得柔和了起来。

它应该从原则开始。


不论其他一切如何工作,我们都应该明确原则,并依赖于这些原则。


当Shopify的高级UX主管Amy Thibodeau,在她的文章“Locating Polaris”中提到:


如果系统是为了实现真正的工作而创建的,它应该反映一个组织的行事准则及其价值。这也是说,一个不包含任何原则或价值取向的设计系统没法考虑日常实践中的这些问题。


原则为其他所有决策提供了一个框架,从主要内容要多长到内容的背景是什么都有所限制。毕竟,品牌是建立在其原则至上:品牌的使命、愿景和目标。这些名词都需要一个进出的信念来作为支撑,使之成立而不倒。


换句话说,原则回答了为什么。


例如,在Webflow上,我们的使命是鼓励设计师,企业家和创意者将他们的想法带到网络上。这一使命融入了我所做的一切,从Ryan为我们创造的美学到我设计的语音和音调标准。


这些标准知道我们创建草图,沟通我们的意见,并希望每篇文章、电子邮件和广告页面能更丰富。到目前为止,这是一个温暖的摇篮。




你认为2018的数字设计将会如何?


每当我将这些点列在一起时,我的脑海里会涌满很多与之相关的想法,时间的流逝也使得我不得不优先考虑一些。


这是为什么我放弃了一些显而易见的热点但迄今为止对网络的影响有限,比如去年提到的AR和VR。考虑到这一点,你会在这个列表中添加什么?


感谢阅读!

1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:网页设计

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7170.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通