[汇] web2.0/blog的设计趋势
搞到两篇真正谈出点实际的东西，非常实用，实用到看一次就不用看二次的程度。
——如果你和我做同一行就会理解。
<div style="font-size:14px;">
web2.0中流行的设计元素
Posted by kunstao in 现代设计, 网络新知
颜色的变化跟人类的智慧一样,是无穷的,每个阶段都会有流行的色彩,有属于一个时代的颜色!WEB2.0是一个概念,它宣扬,定位了一些东西,以用 户为中心,群体智慧,分享等等,等等.同时顺应这些需求,一些顶尖的设计师和开发者赋予并领导了一些色彩流行趋势.我凭感觉做了部分归纳和收集,心理没大 有底,把能想到的列出来希望跟大家一起探讨>>再做补充吧
★淡淡的浅色系及延伸应用
http://www.ivis.cn/gallery/content/webdesign/w20c1.jpg
此类颜色似乎最早被应用在一些文档处理软件比如word,和操作系统里(比如MacOSX)用于分类归档,标记,或者突出显示使用.此类颜色给人的感觉很环保,不伤眼睛,而且对比度恰到好处,既可以有效区分,又不会显的太过突兀.
google,Yahoo更为成熟的运用了这些颜色.MSN在新版网站中也设置了Simple White主题选择,并且新的LIVE系列产品更是对那种淡淡的兰色与1PX线条情有独忠~另外一些新兴的WEB-base办公软件也大量选用了此类颜 色!事实证明,这些颜色的运用取得了大部分用户的认可并领导了趋势!
例子：GMail, yahoo360, live.com, start.com, netvibes, rember the milk
★柔软舒适的过度色
http://www.ivis.cn/gallery/content/webdesign/w20c2.jpg
此类颜色不知道跟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就懒得整了，想看那些举例的站自己搜去:yearn: 我觉得无实际意义的东西 其实之所以引这些文来，是很高兴发现有人敏感细心地把这些雷同的趋势有空地总结了出来
感性的东西理性化
因为2005年是个有意思的年份，许多新的技术和老思想在（重新）提出之后密集地开花结果
并不是少数小站的趋势，是包括许多商业性大站都开始明显体现，
把视觉使用，回归于用户体验上去，这是以前PS+DW固定创作组合所忽略的一面
至于这些东西实际不实际，本来就是总结文，却没什么可推广的
并非说推荐大家要这样画网页，是了解了，再去避免窠臼或活用它们
不过我更想看分析为什么会有这些趋势的文，可惜现在还没人写出来，上面只是提了其然，没有分析所以然
也许我应该发到BLUEIDEA上去 发吧,看看BLUEIDEA上的"设计师"们怎么说.
我觉得设计就跟其他潮流一样,今天奢华明天简约,今天金属质感明天线条简练,今天前卫明天怀旧,今天鬓角剃掉明天长鬓角又流行起来了.
而我刚点评"无实际意义的东西",是我多"看重"技术层面了,虽然标题写明了是设计趋势.
05年的确是互联网新的萌芽的阶段,新的技术,新的概念,行业的竞争出了良性结果,这一切都让人兴奋不已. 我想这是互联网的当初创业份子已经"长大成人",浮华过后是冷静与理智. 两个都说得有道理哦。:yearn: 第二个引用的源发地
http://cre8d-design.com/blog/2005/12/30/design-trends/ ★淡淡的浅色系及延伸应用
★柔软舒适的过度色
研究了半天出来的结果就是跟MAC OS的标签颜色一样？... 很受教育！
页:
[1]