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

内容适应形式(2)

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

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

首先放一张在1280×800分辨率下全屏的Word2010作为参照物:

这是我们所熟悉的Word界面——还没有尝试过Fluent/Ribbon的同学请自行一百遍啊一百遍——我们可以看到我们熟悉的各种功能都很均匀舒适合理(基本上)地以我们希望的方式出现在我们希望的位置。接下来,我要开始减小它的尺寸,然后我们可以注意一下界面是怎样变化的:

脱离了全屏状态的第一个变化发生了,在左上角的剪贴板工具区,“剪切”、“复制”和“格式刷”三个功能只剩下了图标。对于Office系列来说,这三个功能实在是深入人心,要节省空间,就先调整它们吧。

继续缩小界面,接下来发生的变化是样式区域,快速样式的显示数量从5个减少到4个,然后又减少到了3个。快速样式这样的功能嘛,在空间比较拮据的时候是可以牺牲一个两个位置的,毕竟还有3个被显示出来,其他的,点开下拉列表选择也可以,毕竟图文列表还是比较快速的。

当我继续减小窗口大小时,Word做了一件有趣的事情,它把编辑区域的东西都收起来了,变成了一个带查找图标的下拉菜单告诉用户“至少查找在这里”,看来这部分并不是常用的功能,除了查找。不过我比较好奇为什么没有把收起后的这个下拉菜单做成和它旁边“更改样式”一样拥有各种鼠标响应效果。

我本以为接下来的事情很简单,就是收起收起收起,但事实上却又是另一个好玩不过有些拙劣的方法,字体和段落区域的图标们从两行被压缩到了三行,首先被压缩的是段落区,当继续缩小窗口时就轮到了字体区,我承认我没想到,因为三行的这么一大堆图标看起来很凌乱,辨识率和点击性都很受影响,换作是我可能不会这样做,不过在不损失这些几乎全是常用功能的情况下,重排位置是个没有办法的办法。这是多么惊喜,我实在没有想通它们是怎么挤在这么小的面积里……

0
投稿

猜你喜欢

  • MySQL GUI工具很多,本文就常用的Navicat for MySQL与MySQL-Front的特色功能做一个详细介绍与比较。(一)My
  • 它是第一个既能用于数据加密也能用于数字签名的算法。它易于理解和操作,也很流行。算法的名字以发明者的名字命名:Ron Rivest, Adi
  • 分析当前用户下所有表的记录总数保证好用!begin dbms_utility.analyze_schema(user,'COMPUT
  • 1.客户端的主页面:<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"
  • 有时候,规划师(或需求、交互)把内容呈现的框架草图搭建好后,就直接“丢”给了设计师,让设计师在画好的框架里去美化内容,出来后的效果,往往达不
  • 流动网页设计有很多好处,但也只有在正确使用的时候。合适的技巧会使页面在大屏幕、小屏幕抑、PDA小屏幕上都能得到良好的呈现。但是,糟糕的代码结
  • 我相信站长们做网站的最终目的还是想要获得收入的,我想象站长们大部分的都做Google的联盟的,我相信站长中大部分的人都有考虑过做英文站的,但
  • asp生成wbmp代码如下: <%@ Language=VBScript %><%Funct
  • 说起INDEX SERVER,我自己本来用的也不多,不过前两天公司要做一个INDEX的搜索,我从网上找了好多的资料,仔细分析了以后自己启动了
  • 喜欢Gucci的优雅吗?或者痴迷美国普普艺术?谷歌中国最近改版的谷歌个性化首页iGoogle集中了近1500个主题,包括近120多位全球顶级
  • 是时候了—— 在大部分情况下当用户输入密码时把它们用清晰的文字显示出来。一直以来,提供反馈、把系统状态形象化是最基本的可用性原则,当用户输入
  • 如何在独立服务器上创建用户?假设独立服务器是intels,我们用ADSI来创建一个用户liyanbing,初始口令定为3625: 
  • 使用access数据库时可能用到的数据转换:类型转换涵数:函数 返回类型 expression 参数范围CBool Boolean 任何有效
  • 请按步骤进行,未进行前面的步骤时,请不要做后面的步骤,以免损坏你的数据库.一般不建议做第4,6两步,第4步不安全,有可能损坏数据库或丢失数据
  • 这个绝对是IE6的bug。我想要达到的是如下的效果。通过三个div,排布好侧栏和内容区。我用了如下的css:<style type=&
  • 代码如下:--根据MAX(MIN)ID CREATE PROC [dbo].[proc_select_id] @pageindex int=
  • 英文的文档在这里,详细全面,本文仅为自己的学习笔记,只是试图通过转述加深自己的学习,不详细不全面。由于浏览器之间的差异,所以在JS中监听事件
  • 前几天,Opera宣布其用户已经超过1亿——桌面版和手机版均超过5000万。Opera Mini是一个很优秀的手机浏览器,对手机用户而言,O
  • 为了顺利的开发一个多语言的国际化J2EE程序,需要修改数据库字符集,我的做法如下:安装 MySq时选择字符集为UTF-8修改MySql安装目
  • asp分页做为一个经典的asp问题,有着非常丰富的分页形式和分页方法,但是大多数的asp分页都是使用VBscript作为服务器端的脚本,本文
手机版 网络编程 asp之家 www.aspxhome.com