早在 1993 年, 第一个网站了: 纯文字 WooCommerce 网站开发人员在欧洲核子研究委员会 (的地方) 。这是一个巨大的进步在技术、文化革命的催化剂, 真的, 真的无聊的看。设计选项没有现成的第一个网站, 但已经成为分离从业余爱好者和普通专业的线上内容。
1990 年代
90 年代看到暂时停歇在基于网格的设计中, 选择喜欢的风格大卫·卡森和宝拉谢尔变得更受欢迎。
这是一个反应对网格的固步自封, 尤其是它的教条的使用和与企业文化。结果是许多设计师拒绝系统支持一个更有机的, 风格和激进的结构。
但随著计算机设计的兴起——尤其是那些 web——带著它的返回受欢迎基于网格的设计。 90 年代的激进风格将会阻碍信息的消费, 因为网格有 WooCommerce 独立站网页设计中的实际应用。
编码/排队元素的 X 或 Y 座标 (即列或行) 远比拥有更容易安排元素定制, 具体问题具体分析。到了 90 年代后期技术发达, 浏览网站质量的吸引力。
事实上, 网络增长如此迅速的崛起, 发展让网站更容易和更专业的生产以指数增长。从设计师的角度来看, 发展是关键闪光.
Flash(ahh-ahhhhhh) 允许 web 页面元素的动画, 剪纸艺术的方式对多用户无法比较。其中包括动画按钮 (而不是简单的超链接), 甚至是游戏。您可能会说,Flash 是真正的网上多用户互动性的诞生。
2000 年代
回到过去, 开发商只有 HTML 定义文字结构。他们可以定义一段 (
) 或标题 (
) 等。选项是有限的设计: 开发人员使用 HTML 的发明——尽管并不总是严格正确的方式布局页面和大量的 HTML 仅在特定的浏览器 (“您需要* * * *浏览器检视这个页面”, 还记得吗?) 。
浏览器大战 (通过 thebrowserwars.tumblr.com)
最终, 层叠样式表 (CSS) 出现解决这个问题: 将工作与 HTML 提供丰富的布局和样式选择设计师这个函式在所有的浏览器。
在 2000 年代的另一个发展是拖拽建筑商和所见即所得的介绍 (“您所看到的就是您得到的”) 编辑器。他们的意思是更容易布局网页视觉。这些工具允许设计师与负编码经验来建立 web 页面使用熟悉, 桌面出版工具风格。
这使工作流程更有效率, 可以迅速识别并解决任何问题或更改。这是为什么 WYSIWYG 首先开发了但是后来被孩子想关于宠物的部落格或者同样无趣的东西。
专业的 web 开发人员不再使用所见即所得 (一些从来没有), 因为它们是臭名昭著的坏的标记 (不正确的和臃肿的代码), 从长远来看会导致更多的问题比一个 WYSIWYG 编辑器提供了修复。
但最重要的进步在 2000 年代被释放宽频互联网大众。与以快得多的速度传输信息的能力, 设计师不受他们的页面可以包含多少信息。编码变得更加复杂, 进而提供更多的方法和灵活性来开发一个网站。开发人员可以构 WordPress 建网站更多的多样性, 给设计师更多的选择, 因此更多的控制, 在他们的工作。
2010 年代
在过去的六年里, 关键的发展响应设计对不同的装置屏幕大小, 允许灵活的网格。智慧手机和平板装置的 hyper-popularity 意味著任何网站我们构建需要有能力来适应不同的屏幕尺寸。
RWD 屏幕尺寸 (通过 invisionapp.com)
从设计师的角度来看, 设计简化了开发的过程中能够使用的代码元素或形状而不是生产和上传的图形元素来实现这些。
以前, 我们需要使用影像某些效果, 例如, 圆角框或颜色的渐变, 微乎其微的灵活性。然而, 编码-经常使用 CSS 指定元素灵活, 能够适应屏幕或浏览器视窗大小的变化。
这看到的流体网格的引入, 这意味著他们呼吁页面元素分级相关单位, 如百分比, 而不是绝对单位画素或点。更多的选择和灵活性为设计师也更多的责任。现在需要额外关注页面内容及其层次结构, 因为它会 “回流” 这取决于装置。
未来
的确主线设计在过去的几百年中网格。作为技术和媒介, 我们吸收信息的发展, 网格系统动作正确。技术进步发展和反应, 并将继续这样做, 我们继续接触媒体的新方法。
当虚拟现实耳机成为互动媒体的标准方法, 或者即使我们找到一个方法来开发全息影像, 网格系统将改变和适应, 但总是会有协助多用户在吸收信息。