分析MicroSoft网页设计做法和倾向(3)

http://www.itjxue.com  2015-07-29 21:51  来源:未知  点击次数: 

5. 剪贴画中心的设计

看看剪贴画在微软Office很无可避免的存在,这个建议会显然是有点荒谬。但是,ICON设计自1995年以来已经走了很长的路,是时候放弃图片中你看到的那种特定风格了。

screenshot

上面这些从微软网页拿来的例子让我感到鸡皮疙瘩,尤其是那个丑陋的“Beginner Developer” 标志。我搞不懂一个回力标为什么要攻击一个神奇的植物,悬浮着显示器是协助攻击还是逃离现场?我所知道的是,视觉传达在这里是一团糟。

这就是为什么CSS画廊像我们自己一样存在世上的主要原因。不这样的话你就可以窃取别人的设计,但这样你就可以一瞥你正在开发的设计十年来的发展状况。浏览这些CSS画廊,就像在商场流行服饰店一样去,以显示给你的疯狂姑姑她没必要穿得好像要去参加Sunny和Cher的表演。

记得时刻保持自由无疆界,从自我开始超越于流行设计。世界都在变化,小心过于固执保守。

6.文本对齐与溢出

微软网站的另一个不容忽视的倾向就是文本总是不断的破坏行列,很明显的溢出边界。

screenshot

这是一个相当容易解决的问题,仅仅需要一点努力和注意。只是一定要会利用免费工具像Adobe的浏览器实验室,以确保你的布局在主流浏览器都不会被破坏。

在谈到跨浏览器的一致性时,无可否认的CSS布局像一个棘手的野兽,不过那样的小错会让你网站的品质下降,所以还是很值得你花时间去解决的。

7. 缺乏对齐

有时,一个给定页面交给我,要我指出设计的毛病来是一个挑战。例如,在下面的网页,原本我想找这个小窗口使用的碴——点击时不会变大,但我看页面越久,我就对这个页面的布局的用意感到困惑。

screenshot

如果你熟悉基本的设计理论,你知道,学习贯彻稳固一致的路线是优秀的网页布局的关键。如上图所示网站的左,中,右的视觉对齐奇怪的混合,联结顶部留出的不尴不尬的空白,为内容信息呈现了一个怪异视觉流。

此外,如果浏览上面这个页面,你会看到整个内容似乎试图在页面居中,但由于中间横穿过一个区带,使得页面似乎中心偏右了。

(责任编辑:IT教学网)

更多