搞到两篇真正谈出点实际的东西，非常实用，
实用到看一次就不用看二次的程度。
——如果你和我做同一行就会理解。
<div style="font-size:14px;">
web2.0中流行的设计元素
Posted by kunstao in 现代设计, 网络新知
颜色的变化跟人类的智慧一样,是无穷的,每个阶段都会有流行的色彩,有属于一个时代的颜色!WEB2.0是一个概念,它宣扬,定位了一些东西,以用 户为中心,群体智慧,分享等等,等等.同时顺应这些需求,一些顶尖的设计师和开发者赋予并领导了一些色彩流行趋势.我凭感觉做了部分归纳和收集,心理没大 有底,把能想到的列出来希望跟大家一起探讨>>再做补充吧
★淡淡的浅色系及延伸应用
此类颜色似乎最早被应用在一些文档处理软件比如word,和操作系统里(比如MacOSX)用于分类归档,标记,或者突出显示使用.此类颜色给人的感觉很环保,不伤眼睛,而且对比度恰到好处,既可以有效区分,又不会显的太过突兀.
google,Yahoo更为成熟的运用了这些颜色.MSN在新版网站中也设置了Simple White主题选择,并且新的LIVE系列产品更是对那种淡淡的兰色与1PX线条情有独忠~另外一些新兴的WEB-base办公软件也大量选用了此类颜 色!事实证明,这些颜色的运用取得了大部分用户的认可并领导了趋势!
例子：GMail, yahoo360, live.com, start.com, netvibes, rember the milk
★柔软舒适的过度色
此类颜色不知道跟WEB标准的流行有没有关,包括一些优秀的CSS陈列馆网站, 还有著名的simplebit的设计作品,都大量运用了这种柔软的过度色,包括blog的一些优秀THEME 也会经常看到.这让人想到苹果水晶效果的转变,从最新的TIGER系统中我们可以发现,苹果在逐渐弱化那种清澈通明的水晶和金属拉丝效果,而向更直观硬朗 的过度色做转变!说白了就是越来越simple而不是玩那么多花样.
例子：rollyo, odeo
</div>
<div style="font-size:14px;">
Blog设计的7个趋势
by WebLeOn 星期一, 一月 2日
cre8d design blog里有一篇关于Blog Design Trends的文章，例举了目前Blog设计方面的7个趋势。这些趋势已经在很多的国外Blog中被广泛应用。
- 大字体(Big fonts)：
11号Verdana字体已经过时，大字体的标题和正文重新流行。如Garrett Dimon’s blog或Whitespace都使用了大字体。在传统的西文网站中，字体过小的情况的确比较普遍。对中文网站来说，12px的大小个人觉得还是不错。而在Blog中，再大一点的字体也许可读性更强，要不要把我的Blog正文字体改为13px？
- 顶端粗边线(Top border)：
这是一个很细小的装饰，但的确很流行，那就是在网页最顶部加上一条100%宽度、5或6pt高的边框，就像 A List Apart、Tech Crunch、Whitespace和Giga OM那样。这样的横条虽然基本不影响浏览，但是的确很有现代感，我个人也很喜欢，但是这种设计似乎在中文网站中还较少见。
- 超大的页首和页尾(Big headers/ footers)：
例子如Juque、Read/Write Web、Business Logs、The Hot Crew，使用高对比色和超大文字图片来凸显页首和页尾。这个趋势很有张扬个性的意味在其中，在国外的设计类和艺术类Blog非常多件，从这个部分来说，国内的Blog设计显然还比较保守。不过我相信在2006年会有很多这样设计的中文Blog出现，因为Blog将为更人用来展现自己的个人风采。
- 明亮的色彩搭配区块及颜色的渐变，9rules、Blinksale、Serene Green、Fruitcast都使用了大量这样的元素。这类效果对整个页面搭建及艺术配色都有比较高的要求，不过最终的效果的确是非常的炫目。希望能见到越来越多国内的网站也能作得那么漂亮。
- 对话气泡框住的回复(Speech bubble comments)：
回复部份的个性装饰，例如hicksdesign和Digg。Digg的回复框令人印象深刻，不过我觉得这样的设计还是要配合整个网站的风格效果才比较好。
- 圆角(Rounded corners)：
用CSS而不是图片来实现各种各样的圆角，具体的技术细节A List Apart有介绍。圆角很好看，不过用起来还是要花小小的功夫。
- 高亮链接(Highlighted links)：
不用下划线，而是用鼠标划过以后的背景色改变来表现超链接。呵呵，我的Blog就是例子。的确可以提高超链接的可读性和整体页面效果。
这些趋势又一个共同的特点，就是针对较短篇幅的文字进行阅读体验的优化，值得所有的Blogger借鉴，更值得BSP学习。
</div>
好多hot links就懒得整了，想看那些举例的站自己搜去 |
![[豁達乱拜]❤](static/image/common/logo.png){kind=logo}
变色卡
显身卡