七招帮你提高网页设计水平
4. 图片很重要
如果你有一个天才的设计,但却没有高质量的图片,那将是非常悲哀的。图片应当辅助你的设计来推销产品或传达一定的信息,或者仅仅来吸引眼球。
精彩图片的例子
Palm(http://www.palm.com/us/products/phones/pre/)在其Palm Pre产品页面上使用了一幅精美的图片来作为抬头。通过一种清新而动人的方式展示了其产品。
Tom Pojeta(http://www.pojeta.cz/)在其页面上使用了绘画图片,为其站点带来了生气。
5. 充分发挥色彩的威力
色彩在网页设计中的重要性经常被忽视。在网页设计中应当对色彩的使用给予更多的注意,因为它可以按照你的意愿来对用户进行一定的引导。例如,页面中的链接应当与页面正文文字的颜色有所区别,以便用户能够认出它们是链接。如果链接的颜色和正文的颜色差不多,那么用户如何能注意到它们并点击它们呢?
充分发挥色彩威力的例子
Sam Brown(http://sam.brown.tc/)在暗色背景上使用了许多种的颜色,当鼠标移动到链接上时其背景会变成彩色,以便链接能清晰的显示。
MIX Online(http://visitmix.com/)采用了彩色的导航条,当点击一个彩色导航条以后,页面的背景色便会变成相应的颜色。
6. 不要忘了页脚
页脚设计经常被忽视,因为设计人员没有认识到它们的重要性。它们有时比你想象的要有用的多,因为它们可以包含页面任何地方都无法承载的额外信息。它们也可以作为引导用户到站点其它部分的向导。
页脚设计的例子
Jason Santa Maria(http://jasonsantamaria.com/)在其超大的页脚中放置了许多额外信息。
Web Designer Wall(http://www.webdesignerwall.com/)在页脚放置了最新的发帖和最新的评论,在用户滚动到页面底部时,这些内容也会吸引住读者。这是一种在博客网站上使用的典型设计。
7. 清晰的导航
导航栏是页面中最重要的部分,因为它是用户使用网站最主要的途径。通过使用简单清晰的导航栏,可以提升网站的易用性,还可以减少用户在寻找自己需要的内容时遇到的麻烦。
清晰的导航的例子
Disambiguity(http://www.disambiguity.com/)使用了标签页的方式来给用户以清晰的指示。
Dabs(http://www.dabs.com/)同样使用了标签页,但同时还在页面左侧使用了侧边栏,将网站内容的子分类予以显示,而且对不同的大类还用不同的颜色加以区分。
- ·09/291997年至2009年 中国电子商务十二年大事记
- ·09/29js中的文档模式-document.compatMode
- ·09/29轻松搞定IE的CSS制作网页技巧3则
- ·09/29Adobe Flash:腹背受敌与何去何从
- ·09/27网络时代下商品评价的重要性
- ·09/27轻松搞定IE的CSS制作网页技巧3则
- ·09/27卢松松:如何修改源码的网页模板?
- ·09/27名师讲堂之Kent Beck——响应式设计
- ·09/26分享英文音乐网站的经营经验
- ·09/2617个Joomla教程和模板网站