sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

一个简单介绍内在的网页设计

Share

Time:

2018-05-26 07:29:31

Author:

limo

在某些情况下,每个行业都有它的术语和几乎它自己的语言。 网页设计有很多术语,即使我们编造的短语中有一半是花哨和无意义的职位,但是,由于不得不发明自己的词汇和缩略词,所以术语起着重要的作用:它使我们能够更高效地与其他设计师和开发者进行沟通。


有时提出一个概念的人可以命名它,就像使用响应式网页设计一样。内在的网页设计属于后一类。 我们已经开始这样做了,但现在我们有了一个名字。 我们认为写一个快速介绍这个概念是个好主意,因为它将成为未来网页设计对话的主要部分。


什么是内在网页设计?

它从Flexbox和CSS Grid模块开始。 自从我们决定使用表格进行布局是不切实际的,我们一直在使用float属性,以及绝对和固定位置的健康剂量,以便在页面上放置任何我们想要的东西。 这对我们来说很有效,但本质上它是一种黑客行为。


实际上,这是一系列的黑客攻击。然后我们开始将CSS框架整合到一起。然后,一些非常错误的人开始使用JavaScript编写他们的CSS代码。几乎所有的web都是基于hacky前端代码构建的,并且已经变得混乱不堪。


这不是批评以前来的人的工作。使用hacky布局方法是完成任何事情的唯一方法。我们没有其他选择。现在我们要做的是:Flexbox和CSS网格是构建在CSS本身中的布局方法。你可能会说,它们是媒介的固有属性。


前面提到的CSS模块只是它的开始。CSS正在发展到我们有足够的工具来正确地布局我们的设计,我们想要它们如何被布局,没有任何黑客,当然也没有JavaScript的帮助。能够以最小程度的依赖于黑客、技巧和外部的库来创建我们想要的东西,这是内在Web设计的一部分。


或者听听这个词的创作者是怎么说的:


换句话说,我认为内在的Web设计是关于从受CSS能力的限制到被它们赋予的能力的转变。它打开了许多令人兴奋的新可能性。


谁想出了这个?


Jen西蒙斯。她是一名web设计人员和前端开发人员,曾为CERN (CERN: W3C、谷歌、Drupal和其他小型企业)工作过。她现在是Mozilla的设计师,在会议上发言,主持和制作网络,这是一个关于互联网未来的精彩播客。


她还在YouTube上主持布局陆地频道。如果你想了解关于Flexbox, CSS网格,以及其他内部网页设计的构建模块,这些视频是一个非常好的开始。你也应该看看我上面引用的她的采访,她和杰弗里·泽曼在这里讨论了IWD和其他很多话题。


进入一个新时代


当设计师们开始关注这些想法时,事情就会变得很疯狂,并开始找出他们能用Flexbox和CSS网格与我们已经拥有的所有布局方法一起构建什么。我毫不怀疑,我们将看到新的,或者至少是细化的布局理念的爆炸式增长。然后JavaScript将会涉及到,这将变得非常有趣。


非编码者尤其应该注意内在的网页设计,因为它会改变,并且已经在改变网络上的可能。无论你是一个纯粹的图像编辑界面设计师还是艺术总监,你都应该研究这些技术能做些什么。了解你的前端同事现在能做什么会让你的工作更容易。


程序员们,他们就要开始要求一些疯狂的东西了。如果你还没有的话,你也应该研究一下。