灵活自如：原子与元素设计

发布：2021-12-27 12:20:02 浏览：2440

       现在对于我们中的很多人来说,影响Web的要素可以总结为三个词。
它们是:
●响应式
●网页
●设计
正是Ethan Marcotte为这个包含了流动性网格( fluid grids )自适应图片(liquid images)和CSS3媒体查询( media queries )的组合体命名,而此后,全世界的开发人员也不断发布了一些非常好的样板、程序包、脚本以及模版解决方案来应对这个组合体带来的诸多挑战,这个组合体被Ethan称为“ 响应式网页设计( Responsive Web design )"。但是，响应式网页设计并不仅仅在讲设计者和开发者如何利用像CSS3媒体查询( media queries )这样的技术，它也不是在讲我们如何(根据设备环境) 相应地提供不同尺寸的图片或处理数据表，这些都只是技术上的挑战;而自适应不仅仅是克服技术性难题。它并不意味着学习新的语言或是如何最好地应用这些语言。我也希望它仅仅是这么简单。
       可惜它不是。响应式设计要难得多。
无论你喜欢与否，响应式网页设计挑战着我们每一个身处其中的人对网页设计所认知的一切，这就是为什么在这一章里我将要论证 ，有关设计的那些陈旧方法是怎样变得不再恰当，并且我要引入一个响应式设计的新方法，一个已经对我和我的客户卓有成效的方法。

1. Web设计的本质

就Web设计对我们的意义来说，响应式网页设计代表了一个根本性转变。并不是只有我这样认为。Andy Hume曾写道：
       “对我而言，响应式设计是关于Web的设计之道。这就是为什么它不是一个额外的附加或是一个特征，而是Web设计的本质。”
我同意Andy的观点，尽管我知道有些人把响应式Web设计仅仅看为众多趋势中的一种，但我相信它有可能是自Web诞生以来再web设计方面最大也是最重要的改变。

2. 怎样做、何时做以及为什么做

响应式Web设计改变了我们在Web.上的所为，因此这也意味着我们是如何让Web发生改变。受到影响的不仅仅是设计者和开发者。响应式网页设计影响着每一个对Web有所思考、设计、建设、支付或是利用的人。

• 内容策略专家?有你。
• 互动，体验或是平面设计师？没错你在内。
• 前端或后台开发人员？也有你。
• 老板，客户或顾客？那还用说。
• 用户？也有你，而且你深受其益。

相对于提供答案，响应式Web设计更多的是提出问题。从内容策略专家道形形色色的设计师和开发者，再道对我们的工作最终认可并支付的老板和顾客，响应式web设计影响着每个进程每个人的工作关系与互动。
       它挑战着有关怎样做、何时做以及为什么做的问题。这些挑将不会总是如此轻易地被攻克，而它们所带来的改变也不会总是广受欢迎，也许会有大量阻力来自于那些不能或是不愿看到这种适应性需求的人。

3. 简单！真的很简单

1998年，当我刚开始运营我自己的小设计工作室时，我遇到的最大技术问题是，Internet Explorer 4浏览器和Netscape 4浏览器在我的设计如何呈现这方面是不同的。说实话，即使我那时不得不应对尚未成熟的技术并周旋于那些令，人头疼的浏览器，我仍然感到很轻松。我们都是这样。真的很简单。这里写下了我当时的做法。我打赌你们当时也一样这么做。或许现在你们仍然这样做? (1)我先用Adobe Photoshop或者Macromedia Fireworks做一 个设计个我希望每个人都能看到的单独设计，无论他们使用哪一-个浏览 器或是他们的屏幕有多大。(2)然后我要把这个设计作为一个复合信号( comp)或是模型(我把它们叫做静态图像，因为它们都是平面的、非互动式的)展示给我的客户。(3)在此之后，我会根据他们的反馈做一 些改变。我重新设计和输出新的静态图像( static visuals b当这些设计在第二轮、第三轮或是第四轮认可中被敲定，我就把它们转化成超文本标记语言(HTML)或者级联样式表(CSs),把它们发布出去，然后回家正好赶上下午茶和动物魔法( Animal Magic)的重播。
在那时，做一个单独的设计是可以被接受的，因为对我们自己、我们的老板以及我们的顾客来说，桌面差不多是进入Web的唯一入口。 但今天我们已经不能仅仅制作一个设计了。它不再那么容易，因为不像从前我们只有两个重要的桌面浏览器，如今再各种各样的设备上可能有上百种浏览器被使用来进入Web。

4. 接受事物的盛衰兴亡

中生泊溯到千禧年之际，我们在那时也应该已经注意到Web与其他媒介是古着本质的不同，并且这种独特性一部分来 自于我们对一件事的缺乏控制，时就是人们对我们在 互联网上提供的内容 与服务怎样来看待和互动。事实是，我们原本就应该为 Web的灵活性本质 而设计。实际上,那时有些人注意到了我们使用的方法之愚蠢，并试图对我们加以提I醒。2000年， John Allsopp写了一 篇被很多人认为是有史以来关于Web设计最重要的文章:“Web设计之道(A Dao of Web Design)"。其中，约翰写道: 1最重要的文章:“Web设计之道(A Dao of Web Design)"。其中，约翰写道: 1控制性，仅仅是印刷媒介由于功能所限造成的。我们应当欣然接受Web无此局限这一事实,并基于这种灵活性来设计。但是首先，我们必须承认事物的盛衰兴亡。” 这是个好提议。所以我们接受了吗? 没有。真是愚蠢的人。
       那么我们做了什么? 我们自欺欺人地认为我们在掌控。我们试图施加与以前使用印刷媒介时相同程度的控制。我们大大忽略了这个令人棘手的灵活的Web,反而试图将网络加以固定化。下面讲述了我们是如何做的。