跳至主要内容

Blog设计的7个趋势"

Blog设计的7个趋势,主要是讲Blog模版方面的几个设计趋势,各位自己有选择的看看吧.
 
 
cre8d design blog里有一篇关于Blog Design Trends的文章,例举了目前Blog设计方面的7个趋势。这些趋势已经在很多的国外Blog中被广泛应用。

- 大字体(Big fonts):
11号Verdana字体已经过时,大字体的标题和正文重新流行。如 Garrett Dimon's blogWhitespace都使用了大字体。在传统的西文网站中,字体过小的情况的确比较普遍。对中文网站来说,12px的大小个人觉得还是不错。而在Blog中,再大一点的字体也许可读性更强,要不要把我的Blog正文字体改为13px?

- 顶端粗边线(Top border):
这是一个很细小的装饰,但的确很流行,那就是在网页最顶部加上一条100%宽度、5或6pt高的边框,就像 A List ApartTech Crunch WhitespaceGiga OM那样。这样的横条虽然基本不影响浏览,但是的确很有现代感,我个人也很喜欢,但是这种设计似乎在中文网站中还较少见。

- 超大的页首和页尾(Big headers/ footers):
例子如Juque Read/Write WebBusiness LogsThe Hot Crew,使用高对比色和超大文字图片来凸显页首和页尾。这个趋势很有张扬个性的意味在其中,在国外的设计类和艺术类Blog非常多件,从这个部分来说,国内的Blog设计显然还比较保守。不过我相信在2006年会有很多这样设计的中文Blog出现,因为Blog将为更人用来展现自己的个人风采。

- 明亮的色彩搭配区块及颜色的渐变,9rulesBlinksaleSerene GreenFruitcast 都使用了大量这样的元素。这类效果对整个页面搭建及艺术配色都有比较高的要求,不过最终的效果的确是非常的炫目。希望能见到越来越多国内的网站也能作得那么漂亮。

- 对话气泡框住的回复(Speech bubble comments):
回复部份的个性装饰,例如hicksdesign Digg。Digg的回复框令人印象深刻,不过我觉得这样的设计还是要配合整个网站的风格效果才比较好。

- 圆角(Rounded corners):
用CSS而不是图片来实现各种各样的圆角,具体的技术细节A List Apart有介绍。圆角很好看,不过用起来还是要花小小的功夫。

- 高亮链接(Highlighted links):
不用下划线,而是用鼠标划过以后的背景色改变来表现超链接。呵呵,我的Blog就是例子。的确可以提高超链接的可读性和整体页面效果。

这些趋势又一个共同的特点,就是针对较短篇幅的文字进行阅读体验的优化,值得所有的Blogger借鉴,更值得BSP学习。

评论

此博客中的热门博文

How to Design a Store Front Sign

In this Article we will talk about designing a store front for a business. What color or size should your Letters & designs be? What to put on your sign and why?, then be ready to Get in touch with sign people and get your best deal. Large lettering with out a front sign could save you time and money Do your products have a special shape or color to emulate on your sign? Kodak is always in yellow and black, Coca-Cola white on red, Etc. Muffler places, have a sign in the shape of a muffler. your phone number on the store front some place, but not on the identification sign, (door, or window) Your Product & logos can be arranged on the front sign, or window. Not on the Pole sign, Store hours & phone number could fit in your design and by using the product color, it could add product recognition & enhance your design. Suppliers may provide plenty of advert...

Can Microsoft and Yahoo Co-Create New Businesses?

Negotiating The Future of Management Podcast Current Interactive Case Study Respectfully there's a parallel in modern history here. China-HongKong merger. It started as Two System One China. Controversial at that time. Now, many don't mind which system is better (respectfully just an opinion). Both are getting the best of each other under one country. Families are reunited regularly. Corporate identities sometimes focuses too much on what's different as a strategy. It may provide superiority, but does it always guarantee sustainability? Nature advocates the flourishing of various species; pursues diversity not for purposes of destruction but for better adaptability. Of the whole system. Being different doesn't mean one must separate oneself from the "whole" system. "Different" here is to provide a unique contribution to pserve the "whole". Task / role distribution , not identity separation. Preserving the whole system by b...

MP3 firmware upgrade --- switch

1: The most simple if the host machine using Sigma firmware and upgrade program is one! MP3 can be connected to the computer as long as the firmware installed on the computer, and then click on the face of that to upgrade the line of MP3! three antelope 7530 master points in several ways is to first get the firmware is sent to the machine within the sub-sub-folder off the machine DVR will automatically upgrade! Detailed steps have been described in general firmware! Shenzhen City Qing Wei Digital Appliance Co., Ltd.-KINGWAY http://www.kingwon.com.cn/ Technology Co., Ltd. Shenzhen, Pu-chih http://www.poozi.com/down.asp?le ...% D4% D8 & offset = 5 Section Crystal: http://www.fangke-model.com/ Chuanqi (ONKI): http://www.onki.cn/download.asp brother extremely grateful! CDT CDT http://xinvo.com/web/ ExcelStor MP3 http://www.hua-sun.com/xiazai.htm Bester http://www.szbaisite.com Beto www.beto.cn Butterfly www.it8.com.cn Acorp www.acorp.net.cn BES www.bes-chi...