第二站,为大家推荐一个绿色系的网站:http://www.lesycr.cz。(为什么选绿色系?哈哈,因为偶偏好绿色,大家从有风的日子前几版的设计应该可以看出来。)从域名看,这是一家捷克网站(相关文章:《顶级域名列表》);从页面呈现的主要内容可以看出,这是一个和松树相关的网站。因为语言不通,无法了解更多。欣赏一下首页及内页的设计先:
一起看一下这个网站值得参考的几个特点吧:
1、以绿色为主色调,辅以绿色的深浅变化,以及类比色彩的运用,色彩丰富而又不致繁乱;
2、1024*768分辨率的使用。随着大屏幕液晶显示器越普及,传统800*600分辨率的用户已经越来越少,很多设计师都开始基于主流的1024*768分辨率进行设计(有风下一版或许也会放弃800*600分辨率);
4、小细节有时能起到画龙点睛的作用,例如内页内容右下角的那颗松树球:
5、再来具体分析一下导航栏。大家看这个网站的导航栏效果,可能会误以为导航只是图片吧:
可以看到,其实这个导航菜单的HTML代码是一个无序列表,里面每一项都是文字,只是通过CSS分别定义了背景图片而已(包括一般状态的背景图和鼠标经过链接时切换的背景图)。为什么这么做?一是符合内容和形式分离的WEB标准设计原则,二来对搜索引擎更加友好,还有嘛,就是追求美观咯(目前浏览器中显示的文字效果还是无法和图片中的文字效果相媲美)。




