抛砖引玉Web2.0设计指南(二)
当你在设计时,请将这句话当成一个教条来记住:移除所有不必要的视觉元素!特别关注那些与页面主题无关的地方,因为在那些地方添加视觉元素将会不可避免的吸引走用户的注意力。使用各种视觉符号——线条、语言、图形、颜色来表达所需表达的信息,而不仅仅是用来装饰。
当你在设计时,请将这句话当成一个教条来记住:移除所有不必要的视觉元素!特别关注那些与页面主题无关的地方,因为在那些地方添加视觉元素将会不可避免的吸引走用户的注意力。使用各种视觉符号——线条、语言、图形、颜色来表达所需表达的信息,而不仅仅是用来装饰。
我们开始体验当前最流行的各种页面设计风格及要素,并为你分析为何它们每个都那么成功,最后当然是教你如何在自己的站点里使用它们了。如果要我用一个词来总结Web 2.0设计,我会选择”简约”。我觉得“简约”是未来设计的发展方向,当今这些简单、醒目、优雅的页面用更少的元素传递了更多的信息 …
CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器解析CSS没有达成一致前,我们只能用这样的方法来完成任务,本文阐述了八条我们发现的在用CSS设计中有用的解决方案。
CSS Hack用于对不同浏览器区别处理,这样就做到了针对一些浏览器之间的显示问题进行单独的样式设计进行修复,关于如何使用hack,举一个非常简单的例子,例如CSS中的导入样式表语句@import,它是IE5之后才被IE所认同的一个命令,因此如果使用@import导入样式表,这些样式表只有IE5才能看到,IE4是没有办法解析的。
如何消除IE中长按钮左右边无故出现“补白”的问题。但是,但我们把按钮放到表格单元格中的时候,新的问题又出现了。当我们把一个长按钮放到红色边框的单元格中时,即使我们把单元格的宽度设置得比按钮小…
在IE中长按钮会出现额外的长度,看起来似乎是因为它依据错误的字号来计算按钮长度,改变按钮元素的内外边距也无法解决问题。一个思路就是把按钮的长度直接设置为较小的值,使其容纳不下长文本,然后通过设置“溢出可见”让文本来撑大按钮的长度。
你肯可能会对代码中空白的alt标签感到疑惑,尤其是那些认为页面中每张图片都应该添加alt属性的人。事实上alt中的描述信息不是必须的,空白标签完全符合标准,并且能帮助屏幕阅读器有效的筛选信息,为用户寻找下一个可访问项目节省宝贵时间。
结合一定的美工设计,这种美化提交表单的方法显得非常方便,但不幸的是,很多设计者和开发者都不知道这个元素的存在。那么现在,如果你决定把button元素应用到你的网站中去,在标签和CSS方面必须明确几个基本的要求 …