网络编程
位置:首页>> 网络编程>> 网页设计>> 内容适应形式

内容适应形式

 来源:Tencent CDC Blog 发布时间:2010-03-18 16:09:00 

标签:内容,适应,web设计

内容适应形式

学习了死猫的文章,我今天也来说说有关内容和容器的关系。

看标题你也许觉得有些囧,它和上一篇《形式追随内容?》看起来相反,而且好像从交互设计的角度看也是很不专业的一个观点,这有点像是我搬起石头砸自己的脚或是死猫的脚……

不过不幸我是一只友爱并且怕疼的企鹅,所以事实上是这样的:

我们可以把形式追随内容定义为一个对默认界面的可用性建议,它可以适用于当用户进入一个界面时所看到的情况。不过,我们也知道,用户不是木头人,他们所处的环境也不总是某个理想状态,QQ在线用户数已经超过了一个亿,而那个谁谁谁也曾经说过:“一千个人就有一千个哈姆雷特。”那么一亿个人屏幕上的同一个软件会有或者会被有多少种状态谁又能说得清?我的QQ藏在屏幕顶端,你的QQ却占据整个屏幕,他的QQ又是什么样子我们都猜不出。但是一千个哈姆雷特也还是哈姆雷特,软件能够做的事情还是要保持不变。

所以,一个界面需要在用户主动改变软件形式的时候适当的调整内容去适应变化,这就是在特定情况下的内容适应形式。

感觉很熟悉吗?了解Web前端工作的同学们应该会立刻想到“流式布局”方面的技术和技巧!恭喜你们可以来CDC找我领一个二等奖……

对于web设计来说,软件设计的自由度是更大的,但是很久以来都很少看到优秀的能够适应用户的软件,也许是正是由于软件不能简单流式,而导致进行适应布局的时候设计和开发成本会变得很大,所以就很少能够找到比较良好的适应形式的软件例子。从最常见的情况来说,不同的用户在使用同一个软件的时候,并不一定都会使用相同尺寸的界面,全屏、半屏、四分之一屏或者什么奇怪的大小全都有可能出现,同样尺寸的时候分辨率或者界面元素定义也常常会有不同,理想的来说,一个软件的界面应该能对这些不同的变化有一些自动的调整,以便用户能够比较像正常状况的时候去使用,或者比正常状况拥有更多的扩展性。

这其实是个有趣又复杂的问题,之前DJ、小虫和我聊到过这个话题,一直苦于没有比较好的学习和研究对象,后来在日常工作中反而发现了一个近在眼前却一直没有注意到的家伙:

Microsoft Fluent/Ribbon UI

我以前好像说过我对微软谈不上有什么好感,但是自从Win7和Office2010后我的意见些许有了一些改观,从Win7开始,微软准备全面开始使用在Office2007中开始尝试的Fluent/Ribbon界面,就好像它的名字一样,这个界面结构是流式和平滑的,不过大部分用户注意到的是它的层级扁平化特性,而漏掉了它的流动性,这里就先拿出若干Word2010精美小图和大家一同分享。 

0
投稿

猜你喜欢

  •  '************************************* '读取文件 &
  • FCKeditor的样式设置涉及到了两个文件,一个是你定义好的样式表文件.css,另一个是告诉fck样式表如何使用的xml文件,两个文件确一
  • 一直以来都有这样一个困惑,那就是打开页面间的链接时是在原窗口转换还在新窗口打开呢?如果是在原窗口里转换页面的话,那我还想使用原页面的信息呢?
  • asp取得字段属性代码:set AdoX = server.createobject("adox.c
  • 1:为什么每个layout下都有个inlayout?我们将layout的宽/浮动等属性设置好之后,对于layout内的padding和mar
  • 昨天在网上看到一个防采集软件,说采集只访问当前网页,不会访问网页的图片、JS等,今天突然想到,通过动态程序和Js访问分别记录访问者的IP,然
  • <SCRIPT language="javascript">  function&nbs
  • 如果不用类库(如jquery)来写,往往很多时候,都需要通过id或tag来获取html里的某一对象,然后对其进行操作。为了节省代码,把常用的
  • 如何写入超长的字符串?    我们可使用Command写入,来完成大容量的字符串的操作: dim&n
  • HTTP(HyperTextTransferProtocol)是超文本传输协议的缩写,它用于传送WWW方式的数据,关于HTTP协议的详细内容
  • 当数据库服务器变得十分繁忙导致性能下降时,你会怎么办?购买更多的硬件升级你的服务器,还是重新考虑数据库服务器设计使得数据库平台具备良好的可升
  • 前端时间写了一篇《利用CSS框架进行高效率的站点开发》,有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构,也对不少朋友提出
  • FrontPage服务器扩展可以做以下工作:(1),保存和检索Web服务器的文件;(2),远程执行所有文件管理操作;(3),改名或移动文件时
  • 实际上,在web开发中,cookie仅仅是一个文本文件,当用户访问站点时,它就被存储在用户使用的计算机上,其中,保存了一些信息,当用户日后再
  • 严格来说,Having并不需要一个子表,但没有子表的Having并没有实际意义。如果你只需要一个表,那么你可以用Where子句达到一切目的。
  • 谢谢icedblog提供的代码, 从那个js中我参考了moveSelect的利用, 不过那个代码中有几个BUG, 比如按住鼠标不放会不见显示
  • 如何避免磁盘临时表因为内存储引擎不支持TEXT和BLOB数据类型, 使用到BLOB和TEXT列的查询和使用隐式临时表的查询将不得不使用MyI
  • 文章主要描述的是SQL Server数据库和Oracle数据库行转列的一种比较典型操作方法,对于有些业务来说,数据在表中的存储与其最终的Gr
  • 本文介绍如何建立基于Web的日历,同时为不熟悉Active Server Pages(ASP)、SQL和ADO的开发者提供建立Web站点的过
  • 关于如何区分艺术和设计的话题总是玄之又玄,并因此引发的争论也有很长一段时间。艺术家和设计师都基于相同的知识基础来创作视觉作品,但他们创作的理
手机版 网络编程 asp之家 www.aspxhome.com