Thickbox是基于jQuery的一套成熟的交互UI,能让设计师方便的实现Lightbox特效,以及更多你想不到的功能。
既然jQuery是一个轻量级的脚本库,作为设计师出生的使用者会感到它的使用是相对容易的。运用Thickbox实现Lightbox效果是目前流行的几种实现方法中最灵活、最轻便的一种。除了轻便之外,它所支持的浏览器也相当的广泛:Windows IE 6.0, Windows IE 7+, Windows FF 2.0.0.6+, Windows Opera 9.0+, Macintosh Safari 2.0.4+, Macintosh FF 2.0.0.6+, Macintosh Opera 9.10+。
安装Thickbox
登陆官方网站获得最新版本的jQuery和Thickbox的文件,
Thickbox需要jQuery的脚本库,那么首先应该载入jQuery,再载入Thickbox了。
在META标签内加入如下语句:
<script type="text/javascript" src="path-to-file/jquery.js"></script> <script type="text/javascript" src="path-to-file/thickbox.js"></script>
Read More
突然在网上发现了这篇文章,而正巧又在思索最近手上的几个站点该如何取舍框架的宽度,于是乎我笑了……
其实我曾经分析过自己站点的统计数据,基本也和文中的情形相似,1024*768是主要来源,但偏偏向前兼容的却要是1280*1024以上的分辨率,多数时候我们都是长谈一声,然后以固定宽度的居中布局解决问题……汗~
下面的文章来自于Taobao的设计团队:
去年淘宝做了个“胖子”项目,就是把网页的默认宽度从780提升到了950。也就是说,基本放弃了800×600的用户(没有完全放弃,如果你仔细研究一下淘宝的布局,我们还是为800用户做了些优化的)。后来又有很多网站变胖了,当然他们不是跟着淘宝做的,而是显示器市场上,大分辨率显示器占有率持续上升迫使大家做了改变。
说“迫使”也许有点过了,我相信大多数设计师在做“胖子”项目的时候,都是非常哈屁的:“爽!终于不用管800了!”至少我是这样的。从97年开始做网页,一直在640和800、640/800和1024、800和1024之间不断地痛苦决择。能够在一个单一稳定地环境下做设计是一种真心的期望,除了伟大的浏览器们,分辨率是另一个让无数设计师头痛的设计约束。
Read More
让自己的主体以最醒目的方式呈现出来应该是你的首要任务。也许你该向报纸、杂志的设计学习,他们采用了最简单的方法,即让主体足够的大!
在Web2.0的感念驱使下,更多的网站为了提供更佳的浏览体验,通常会将页面简洁化,留下醒目的枝干,这就和传统印刷设计有异曲同工之妙了。
今天向大家介绍的两个比较典型(这种站其实现在有点泛滥)的站点:Life Lab和Miiingle。
可以观察一下Life Lab的水平的分页比例。在窗口模式下观看这个页面,基本上顶部Bannar占据了二分之一的空间,反而这样有使页面更加开阔的效果(?)。

Read More
这是某人的传记站点Judo Klub,不管内容,页面组织的相当不错。另外,这色彩设计真是表达出高贵、庄严的感觉;细节方面也是很用心,看看那些标题的背景吧……没什么特别想要指出的,只是觉得这个页子很棒。

好的插图连同网页的其他元素一起会给浏览者深刻的印象。这也是最能体现设计师风格的地方,所以不要吝啬于你的颜料,大胆的挥洒吧。
今天向大家介绍的Web Design Wall就是相当华美的一个到处都是插图的网站。

网页由背景所支撑,由于主体和背景分割的很好,也并没有使背景喧宾夺主。

导航栏的Hover效果也相当有趣。
至于收集到的其他例子,可以去看看Spoon Graphics、espira。
已收录到PageShow,快去看看!
质地和材料看似只有实物设计的时候才会碰到?其实计算机里到处都有材质的问题,PageShow里面有相当多的拥有与众不同的背景的网站;材质的运用正是他们脱颖而出的原因。材质的运用能赋予作品一种风格,准确地说,它能更准确地传达真实世界的感受,同时会带来料想不到的效果。
之前看过优秀的例子很多,不过目前手头上就两个:NOL BLOG和Sroown。

Nol BLOG的顶部图片背景为陈旧的前面,注意看,还有一支苍蝇在飞来飞去哦!

Sroown是一家设计公司,其主页的背景模仿了木质效果,配以绿色植物的环绕,整个页面生机盎然。
已收录到PageShow,快去看看!