发一套图标集
最近在做一些网站的时候,往往需要在页面上添加一些WEB 2.0网站的图标。国外有很多这样的图标集,其中更有一些设计风格堪称精品,可是在用这些图标集的时候往往找不到一些中国人常用的图标,于是我自制了一套图标集,下面是预览图:

最近在做一些网站的时候,往往需要在页面上添加一些WEB 2.0网站的图标。国外有很多这样的图标集,其中更有一些设计风格堪称精品,可是在用这些图标集的时候往往找不到一些中国人常用的图标,于是我自制了一套图标集,下面是预览图:

今天在一国外网站看到一篇08年的文章,讲的是网站导航栏的设计趋势,写得相当全面,而且其中一些趋势到现在还是很新潮的,翻译一下,有删改。
导航是网站设计中最重要的元素。由于用户很难在没有导航的情况下去浏览一个网站里的内容,因此一个设置合理的导航栏能令访客浏览到更多感兴趣的内容。
这篇文章将展示关于网页导航栏设计最近的一些趋势和一些新潮的导航栏效果。

导航栏最重要的任务是明确指向网站各个部分的内容,但这些内容很难通过一两个关键字来表述清楚,因此采用描述行导航栏可以让访客在点击之前就了解到自己将能看到一些什么内容。
由于这种导航跟访客的感觉是:有一个向导在做现场解说,因此相对于只有关键字的“无声导航”,有人将描述型导航成为“有声导航”。
一年一度的圣诞节快到了。最近忙于学习,没时间写博文。今天特从国外转载几个漂亮的圣诞节倒计时给大家,顺便预祝大家圣诞节快乐。
这些资源来自:http://www.tripwiremagazine.com/2009/12/top-10-beautiful-christmas-countdown-timers.html,而且大部分都提供下载,大家可以放到博客上,增添圣诞气氛。另外我自己也对这些倒计时排了个序。

蓝色理想论坛上用一张老帖子,说的是CSS打造斜角,前几天看到了,拿来翻炒一下。
先说一下历史,在CSS+DIV流行以前,也就是用表格作为网页框架的时候,人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了,这里不讨论。CSS+DIV兴起以后,出现了两种制作斜角效果的方法,一个是通过backgroud-image属性添加斜角图片作为背景,并且用padding属性使内容缩进,不超出斜角的边界。这种方法也不在这篇文章的讨论范围。
这次要说的是纯CSS打造的斜角,也就是说完全不需要图片。
侧边栏,简称侧栏,英文叫sidebar,几乎每个网站都会有。通常侧边栏的作用是整合站内部分资源,或者放置一些Widget,或者放置一些格子广告,对访客起到提醒和相关导航的作用。合理地安排侧边栏的位置、比例和内容都能提高网站PV。那么如何去设计一个实用的侧边栏呢?本文谨代表个人意见,并不代表广大人民。
网页设计就像时装,每一年都会流行新的设计。一起来看看2010年,网页设计师们将会有什么新搞作。

设计理念:巨大的头部能令访客第一时间记住你。

在自己的个人主页上,让自己的文章用自己喜欢的字体显示出来是网页设计者们一直梦寐以求的事,直到CSS3的出现,这个梦想终于能成真了。
最近我制作了两个主题,都带有当今很流行的折叠效果。其实折叠效果是框架外飘样式的一种,用CSS来做的话,通常采用margin负值和其他框架padding缩进这两种方法。在我最近做的两个主题里,就分别用这两种方法制作了折叠效果,下面分析一下利弊。
用PhotoShop设计一个漂亮的导航栏.这篇教程将教你如何结合多层样式去创建一个漂亮简洁的导航栏.

首先建立一个540*220像素的新文档,并填充#0d0d0d为背景色.

通常看一个网页的时候,你会看多少屏以内的内容?一屏?两屏?还是……根据很多网页设计者的认识,大部分访客不会从头到尾浏览一次网页,通常三屏以后的内容就很少人认真去看了.
其实设计一个页面就像设计一张邮票一样,要在有限的空间内容纳尽量多的东西,这次就看看比较常见的节约页面空间的方法.

Recent Comments