网络编程
位置:首页>> 网络编程>> 网页设计>> 排版自适应提升可访问性(2)

排版自适应提升可访问性(2)

作者:一叶千鸟 来源:千鸟志 发布时间:2009-04-08 12:47:00 

标签:网站,访问性,自适应,排版

视觉上自适应

视觉上的处理相对简单,通过超大图形先适应大分辨率,然后向下兼容。即可以实现在不同分辨率下看到不同的整体效果。如果处理得当,在小分辨率下将更显大气,用户某天突然用大屏幕也许会有额外惊喜的良好体验。

Phofa.net 是日本搞艺术的网站,下图分别为首页在1024*768和1680*1050两种分辨率下的截图对比。多屏拼接而成,可以清楚看到整体表现视觉风格与VI体系的完美融合,简洁有力。

还有我 06年设计的个人网站 例子,顶部平铺其实是张1600*345规格的天空图案,中间没有循环,因此比较逼真。只有在更大分辨率上才露出马脚,比如下图是在1680*1050中的效果。

更早这个 05年设计的个人网站 是半成品,通过黄金分割比例实时自适应,可以在任何分辨率下都有最佳视觉效果。当时主要研究使用div做高级布局保证可访问性,向下兼容良好,设计理念现在也不过时,前不久还看到有文章探讨黄金分割。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com