douban.com非常精巧的利用了div+css,并且通过色系的应用,更大限度减少图片等等方法既使得网站页面清新可人,而且可以更大限度的压缩了网页的大小,从而使得拜访的效率得到了更大化。
前几次看douban.com,有一种拿着“读书”杂志在手上浏览的感到,很素雅,似乎还有那么点书香气息。被中国式网站强***得都习认为常,认为网站也就这样而且也只能这样,无疑好多人前几次看到douban.com的时候都会被他的网站的简洁所触动,都会感到眼前一亮!为什么会这样呢,于是有些想法,来看看douban.com的网站设计方面的东西,看看他到底是怎么做的呢:
1、采用div+css的页面技巧,从”网站重构“一书翻译以来,此种布局方法已经开端深进人心,利益未几说(可以拜访ajie的w3cn.org 懂得),可说web2.0**。
2、通过色块底色来突出整块内容,重要色彩有浅粉,浅蓝,和白色底联合起来,非常清新。
3、douban.com的核心是书籍、音乐、电影和用户(小组),都采用缩略图,用户(小组)的缩略图小一些。前三者网上的图片一般都比拟好看,也必需要大一些,后者由于可以上传,设计成更小的图,能使得图片显得好看。
4、除上面以外,douban对图片及其吝啬,几乎没有。连用户发评论,发帖都不可发图片。这样利益是非常明显的,一个能够使得用户专注在文字上,而图片部分都和网站核心相干,不会产生无关的东西。另外,使得网站拜访速度非常快。
5、不管什么页面都是采用雷同布局。布局采用上中下方法。更上面为导航;中间为2列方法,左边为页面核心内容,右面为帮助和相干功效和信息;下面是站务导航。所有导航同样没有一张图片。
6、样式表应用上douban也匠心前几运,链接的选都是深蓝反白,点上是橙色,删除是深红反白,书籍/音乐/电影应用深红反白,功效阐明和站点书签 icon是绿色,推荐的星星是红色,剩下的就是永恒不变的玄色了。全部色彩缭绕蓝色和红色色系以及绿色展开。这个和douban的logo能符合在一起,非常的和谐。
7、button应用的很少,不过我决定既然button都这么少了,还不如全部不用了,这样更好!
8、豆瓣的页面长度,每个页面非常短,一般2页,不超过3页。我一直认为太长的页面会使得用户失往耐心,而2-3页是更好的选择。之所以有这个长页面只不过是门户网站想多几个广告地位的做法,并不是每个网站都需要这样。
9、广告,豆瓣不同于其他网站,不供给花哨的广告位,目前只有google文字广告和“读书”,“读者”的文字广告,我想他以后也只会供给文字链接广告,假如供给了传统的图片、flash广告,全部站点都会变样。
10、不应用弹出窗口,这点刚开端不太习惯,后来我研究感到这个应当跟网站受众群有关系,大部分都是爱好读书、音乐、电影者,所以让用户尽量顺着线路走完还是比拟好的,由于这些东西我看没人都是跳着往观赏的。因此我认为不习惯不弹出窗口的,可能也不太轻易真正在douban上长久安家,注定也不是 douban的核心用户。
总体来说,douban.com非常精巧的利用了div+css,并且通过色系的应用,更大限度减少图片等等方法既使得网站页面清新可人,而且可以更大限度的压缩了网页的大小,从而使得拜访的效率得到了更大化。由于页面内几乎没有垃圾信息,从而使得google检索起来都非常有效率,而每页的相干使得整站对检索机器人也是非常友爱。ui布局上,全部网站同一布局,非常轻易上手,不轻易让用户迷失。豆瓣的ui哲学我想跟**应用python也可能有关系,python是一种通过缩进来进行功效逻辑快的编排,加上python本身的精悍,从而使得python程序非常的简约明了。从这个角度说豆瓣布局可以看作python程序的编排,豆瓣的理念也可以看作python的理念。
假如说要douban网站作风属于什么流派,我想豆瓣应当是属于google的简约派!当然不能说是照搬,毕竟这不同于早期我们抄欧美黑乎乎的很贸易的作风,近2年抄韩国大色块大图大flash模版的那种做法。我感到google的简约有四个关键点:简略(够用的功效,包含页面导航)、易用(简略就进手,交互和ui)、体贴(贴近用户心理)、专注(基于业务本身),在此基础上参加自己的网站行业特征,是否意味着国内web2.0网站重构的可能的趋势呢?
从豆瓣网站设计谈网站重构,欢迎合作。
查看更多宁波网站建设网站网站设计豆瓣