5.6 Stuff and Nonsense:创建一个更好的切换器(2)


Q:我们发现它被广泛应用在Stuff and Nonsense 站点(http://www.malarkey.co.uk),你们在其他专业的工程中使用过它吗?这对客户很重要吗?


A:对客户越来越重要的是给他们提供选择。像Invasion of the Body Switchers这样的样式表切换器可以用于给不同的用户群提供不同的设计主题。但用CSS的“display属性”也可以隐藏和显示内容。


这在最近几个针对年轻人的项目中发挥了巨大作用。利用CSS和IOTBS,我们不再需要对一个XHTML文档甚至整个Web网站编写三个或更多的版本。这缩短了开发时间,使我们的工作更有效率,最终为用户省了钱。每个人都很愉快。


Q:一些设计人员对用户能从根本上修改站点的设计感到不安。您对他们有什么要说 


IOTBS是通过在页面的<body>标签内添加一个或多个唯一的类名来实现的。然后用后代选择符定义样式。最终结果使用户对Web页面的输出有更多的控制。


Q:非常有趣,您提到的“媒体类型”指的是什么?为什么了解CSS的Web设计人员需要关心媒体类型?


A:设计人员不仅要知道他们的工作从每个人的视角看是不完美的,而且还要知道人们会通过不同媒体访问Web内容。对从其他媒体转到Web的设计人员来说,要知道这一点有时是很困难的。有时这个媒体是我们的好朋友——计算机显示器;有时是机场的一个Internet小亭;有时是手提电脑、投影仪、甚至是移动电话。有些人发现在屏幕上阅读很困难而愿意打印出来再看。


在过去,要考虑所有这些不同的媒体类型,在成本上是不允许的,如果实在有这样的需求,则需要对不同的浏览设备设计不同的版本。但利用支持通用标准的技术,我们就可以创建只编写一次的内容,然后针对不同的媒体输出进行不同的样式控制,所有这一切都是通过神奇的CSS实现的。


Q:话说回来,我们希望了解有关设计过程更详细一些的情况。您通常是如何工作的呢?


A:首先我们要了解客户试图给他的用户传递什么样的信息。我们还要体会到公司的“个性特点”并考虑公司的品牌价值(即使他们自己并没有这样做),这样我们的设计基调才能与公司的个性特点和品牌价值吻合。有效的Web设计能使客户和他们的用户进行有效的交流。这就是在考虑技术或创意问题之前首先要把重点放在交流的内容和如何交流的原因。


我们首先在纸上开发原型设计,用Photoshop 或Macromedia Fireworks完成从草图到布局的设计。这些布局一开始就是一些简单的连线框,从连线框构建标记指南,这一步通常也在纸上完成。我们的开发人员把标记指南作为XHTML的结构。


在之前我为我们的网站开发设计了一套命名约定,为<div>和类指定名称,它们与内容相关而不是与表现相关(#branding而不是#header,等等)。我们严格遵循这些约定,以便整个团队能理解一个特定CSS规则与哪些内容相关。我们还制定了图像命名约定,这也加快了开发过程。


然后把图纸上的布局转变为设计团队所需的产品,很少出现最终的Web页面与图纸布局不十分匹配的情况。每个阶段还必须经客户批准,我们总是按内部约定框架工作,这样保证了开发是尽可能高效的。


Q:那创作灵感呢?面对客户的严格基线,您从哪里获得灵感?


内容之外的工作总比试图把一个硬塞在一起的内容变为预期的设计或布局容易。这就是为什么在考虑设计的外观和感觉之前,我会在站点规划和内容上花更多时间的原因。


Q:还有什么需要和我们分享的吗?


A:“当我不知道用什么颜色的时候,我选择黑色。黑色有一种影响力:我依靠黑色来简化构造。”实际上这不是我的话,而是Henri Matisse的。




标签:
Warning: Invalid argument supplied for foreach() in C:\zl\webjia\view.php on line 50
友情链接
轻松育儿世界奇观
苏ICP备16066217号-2