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学习。
- 大字体(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学习。
评论
如果你愿意的话,写一个文章给大家看看呀~
不过,我刚刚对自己的blog的页面做过一些修改。我的blog一个比较明显的特点就是色彩比较清新。
本来以为自己的blog设计不错了,结果在看了上面的一些链接之后,就汗颜了
不过,我刚刚对自己的blog的页面做过一些修改。我的blog一个比较明显的特点就是色彩比较清新。
本来以为自己的blog设计不错了,结果在看了上面的一些链接之后,就汗颜了
但是這裡爲什麽沒有TrackBack???
另,刚发现你的Blog把评论放在外面了,新年新气象~
我觉得Trackback已死,所以不再使用。
车东用的是一个rss2html的php脚本,叫lilina,可以google一下。高亮链接可以参考我的css,是明文的。
关于这一点,webleon可以看看blogku的www.jiaexp.com等几个专题blog,就大概是这种设计。中文的哦
那个miranda im 最近 MSN总是登录不上,请问你也碰到这个问题吗?我实在没有搜索出答案,如果贴错地方还请原谅!
昨天还在看一篇讨论是否有应该升级到16或者18的文章,网页设计师考虑的,总比咱周到。
清晰明了应该是第一位的。
可是,设计不是这么理解的.
1.您谈的都是小技巧,不代表趋势甚至风格走向
2.web设计必然体现功能性, 功能优先是最本质的.
3.美感, 很大程度依靠设计人员的素质, 至于加了条粗线就肯定好看这中说法, 比较业余啊.
4.温馨提示: 一打开您的网页,广告占的空间太大, 我还以为骗点击呢, 因为是keso推荐我才将信将疑往下看. 尺度, 对啊, 尺度和信息的重要性,起码应该是第8个"趋势"?
1.设计的技巧, 是趋势吗?
2.功能优先是最基本的, 任何优化功能的细节,都是必然的.
3.blog的美感,依赖个人素养, 和加条横线或圆角没有什么具体的关系.
4.你的blog一打开,2/3的广告,我还以为骗点击,因为keso推荐我才往下看. 这是scale的问题,过大的尺度,让你的blog属性不明. 尺度,第8个blog趋势?
这7点,也就是tips, 要说到趋势, 好让人怕怕.
大字体的问题,英文字体和中文字体的区别很大,其中就包括字号变换产生的影响。中文字体能够无锯齿的显示的字号,实在不多,且跳跃度很大。
顶端粗边线,这个更有些可笑了,完全是属于个性的一个方面,和趋势完全扯不上关系。如果大家都这样做,那就不是顺应趋势,而是盲目跟风。
超大的页首和页尾。博主给的那几个链接,不知道是改过版还是怎么,我看上去页首和页尾并不大啊。甚至比我BLOG的某几个模板都要小很多。图片太大,尺寸难免会大很多,对于浏览速度和页面美观的尺度把握,会始终是网页(当然包括blog)至为关键的问题。
明亮的色彩搭配区块及颜色的渐变,如上,我还是没看到这些网站采用了明亮的色块搭配。有几个网站的色彩搭配实在是差。
回复的气泡框,这个,实在是有些牵强啊。虽然是界面设计的一部分,但把它列为“趋势”这个很严肃的词所代表的那一个群体中,我觉得很欠考虑。
圆角。这个倒的确是BLOG界面设计中一个很有意思的地方。用图片做出的圆角,速度上比用CSS做出的圆角并不会慢太多,而用CSS做出圆角更多是在技术上的练兵。BXNA的导航条就是CSS的圆角,实现的很巧妙。
高亮链接,这个我觉得,才是这个列表中唯一一个可以称得上趋势的。因为优势明显,而且现在用的BLOG的确不占多数。
始终觉得,设计这个领域,应该只有观点,没有对错。我这方面不是内行,谢谢你们的指教。
在这里下载插件可以屏蔽广告。
ybbb
优网 http://www.uasp.net
联系email:uasp.net@gmail.com
Posted by xxd | 12:28 下午
我觉得这个网站早就具备你上面说到的大部分趋势,很不错,值得去看看,www.ucblog.com
Posted by gig | 4:21 下午
不错,很具有参考价值。
�������ڳ�����Ʒ��һ��Ƚ��������Ʒ�����ǻ��ϼɻ�����һ����ͨ���ճ���Ʒһ ��ȥ�̵�ѡ���ɴ�ͳ���̼һ��ǿ����ȿ����ţ�û����Ӫ��ʽ�¹��ܶ�DZ�ڵ�����߾������ڸо��������˼ȥ�̵���ѡ�����
�������ϳ�����Ʒ�̳���ý����������⣬����ı����˿ͻ�����˽���������Ʒ����һ �����ž��г��ռ����ҵ�����ڵ����ϳ�����Ʒ�̳�Ϊ��࣬����Խ���������� ҵԽ����ռ��������г��� �����̵������ӳ������Ӫҵʱ�䣬һ��365��ȫ���Ӫҵ��һ��24Сʱ��һ��365�첻 ͣ���������۹η����꣬���۰������ϣ�����ר��ֵ��꣬����ճ�Ӫҵ������2005����й������Ѵﵽ1.2�ڣ�������4����ֻҪ�����Ʒ����ɫ��ֻҪ��Ӫ�÷��� �����̵�ÿ�콫��������4��ǧ����Ŀ���������������������롣��
��Ȥ��Ʒ(������Ʒ)�г�����������صĻ�ɽ���⼸�꿪ʼ�����ȶ���һ������ ������Ԥ��DZf���Ƿdz���ģ���ʶ֮ʿ�ԣ���������Ʒ�г�����21�<�ͷʮ���� ���ھ��һ���ɽ���� ������ļ��˷�ʽ
��ӵ���Լ��Ķ�������
��ӵ�ж�b���Լ��������̳�
���Լ��͵ļ۸������
������־ͻ�����Լ�����վ
���ṩ�ḻ������Ӫ ����
����վ�������jϵ��ʽ,�����ʺ�,������Ϣ
��������������Ʒ�Ѿ��ϴ������ּ��ɾ�Ӫ
�������������Ʒ�̳�---������ˣ�ֻ��һ���Խ���1980Ԫ�Ϳɼ��˰��������Ʒ�����̳ǣ�ӵ�кͰ���һ�����վ��������������ۡ������̳�Ϊ������ջ����������£���һ��һ�ᣬ������������Ʒ�ۼ�ȥ����ۺ��˷ѵ�������ͨ������100%!!��ֻ��Ҫ������ı��������Ŭf�������������վ��ͬʱ������߷�����Ķ����ͻ�ԴԴ���ϣ�һ��������Ԫ���ѣ�����ʵ�����ڼ��﹤�����˯��Ǯ�����⣬�����̳ǻ�Ϊ�������ع���ʮ���ֵ��ǧԪ�Ĺ���ǿ���Ⱥ�������������ַ�����һ�ܵ���ϢȺ��������������վ���ٳ�Ϊ���¡�����ǿ���ʵf��Ϊ�������ṩǿ����!��
���������������˰��飬�ɾ�����!!!��
����QQ:45536908��
�绰:13578573550��
�����̳���ַ����www.bl999.cn��
566
�������ڳ�����Ʒ��һ��Ƚ��������Ʒ�����ǻ��ϼɻ�����һ����ͨ���ճ���Ʒһ ��ȥ�̵�ѡ���ɴ�ͳ���̼һ��ǿ����ȿ����ţ�û����Ӫ��ʽ�¹��ܶ�DZ�ڵ�����߾������ڸо��������˼ȥ�̵���ѡ�����
�������ϳ�����Ʒ�̳���ý����������⣬����ı����˿ͻ�����˽���������Ʒ����һ �����ž��г��ռ����ҵ�����ڵ����ϳ�����Ʒ�̳�Ϊ��࣬����Խ���������� ҵԽ����ռ��������г��� �����̵������ӳ������Ӫҵʱ�䣬һ��365��ȫ���Ӫҵ��һ��24Сʱ��һ��365�첻 ͣ���������۹η����꣬���۰������ϣ�����ר��ֵ��꣬����ճ�Ӫҵ������2005����й������Ѵﵽ1.2�ڣ�������4����ֻҪ�����Ʒ����ɫ��ֻҪ��Ӫ�÷��� �����̵�ÿ�콫��������4��ǧ����Ŀ���������������������롣��
��Ȥ��Ʒ(������Ʒ)�г�����������صĻ�ɽ���⼸�꿪ʼ�����ȶ���һ������ ������Ԥ��DZf���Ƿdz���ģ���ʶ֮ʿ�ԣ���������Ʒ�г�����21�<�ͷʮ���� ���ھ��һ���ɽ���� ������ļ��˷�ʽ
��ӵ���Լ��Ķ�������
��ӵ�ж�b���Լ��������̳�
���Լ��͵ļ۸������
������־ͻ�����Լ�����վ
���ṩ�ḻ������Ӫ ����
����վ�������jϵ��ʽ,�����ʺ�,������Ϣ
��������������Ʒ�Ѿ��ϴ������ּ��ɾ�Ӫ
�������������Ʒ�̳�---������ˣ�ֻ��һ���Խ���1980Ԫ�Ϳɼ��˰��������Ʒ�����̳ǣ�ӵ�кͰ���һ�����վ��������������ۡ������̳�Ϊ������ջ����������£���һ��һ�ᣬ������������Ʒ�ۼ�ȥ����ۺ��˷ѵ�������ͨ������100%!!��ֻ��Ҫ������ı��������Ŭf�������������վ��ͬʱ������߷�����Ķ����ͻ�ԴԴ���ϣ�һ��������Ԫ���ѣ�����ʵ�����ڼ��﹤�����˯��Ǯ�����⣬�����̳ǻ�Ϊ�������ع���ʮ���ֵ��ǧԪ�Ĺ���ǿ���Ⱥ�������������ַ�����һ�ܵ���ϢȺ��������������վ���ٳ�Ϊ���¡�����ǿ���ʵf��Ϊ�������ṩǿ����!��
���������������˰��飬�ɾ�����!!!��
����QQ:45536908��
�绰:13578573550��
�����̳���ַ����www.bl999.cn��
3881
�������ڳ�����Ʒ��һ��Ƚ��������Ʒ�����ǻ��ϼɻ�����һ����ͨ���ճ���Ʒһ ��ȥ�̵�ѡ���ɴ�ͳ���̼һ��ǿ����ȿ����ţ�û����Ӫ��ʽ�¹��ܶ�DZ�ڵ�����߾������ڸо��������˼ȥ�̵���ѡ�����
�������ϳ�����Ʒ�̳���ý����������⣬����ı����˿ͻ�����˽���������Ʒ����һ �����ž��г��ռ����ҵ�����ڵ����ϳ�����Ʒ�̳�Ϊ��࣬����Խ���������� ҵԽ����ռ��������г��� �����̵������ӳ������Ӫҵʱ�䣬һ��365��ȫ���Ӫҵ��һ��24Сʱ��һ��365�첻 ͣ���������۹η����꣬���۰������ϣ�����ר��ֵ��꣬����ճ�Ӫҵ������2005����й������Ѵﵽ1.2�ڣ�������4����ֻҪ�����Ʒ����ɫ��ֻҪ��Ӫ�÷��� �����̵�ÿ�콫��������4��ǧ����Ŀ���������������������롣��
��Ȥ��Ʒ(������Ʒ)�г�����������صĻ�ɽ���⼸�꿪ʼ�����ȶ���һ������ ������Ԥ��DZf���Ƿdz���ģ���ʶ֮ʿ�ԣ���������Ʒ�г�����21�<�ͷʮ���� ���ھ��һ���ɽ���� ������ļ��˷�ʽ
��ӵ���Լ��Ķ�������
��ӵ�ж�b���Լ��������̳�
���Լ��͵ļ۸������
������־ͻ�����Լ�����վ
���ṩ�ḻ������Ӫ ����
����վ�������jϵ��ʽ,�����ʺ�,������Ϣ
��������������Ʒ�Ѿ��ϴ������ּ��ɾ�Ӫ
�������������Ʒ�̳�---������ˣ�ֻ��һ���Խ���1980Ԫ�Ϳɼ��˰��������Ʒ�����̳ǣ�ӵ�кͰ���һ�����վ��������������ۡ������̳�Ϊ������ջ����������£���һ��һ�ᣬ������������Ʒ�ۼ�ȥ����ۺ��˷ѵ�������ͨ������100%!!��ֻ��Ҫ������ı��������Ŭf�������������վ��ͬʱ������߷�����Ķ����ͻ�ԴԴ���ϣ�һ��������Ԫ���ѣ�����ʵ�����ڼ��﹤�����˯��Ǯ�����⣬�����̳ǻ�Ϊ�������ع���ʮ���ֵ��ǧԪ�Ĺ���ǿ���Ⱥ�������������ַ�����һ�ܵ���ϢȺ��������������վ���ٳ�Ϊ���¡�����ǿ���ʵf��Ϊ�������ṩǿ����!��
���������������˰��飬�ɾ�����!!!��
����QQ:45536908��
�绰:13578573550��
�����̳���ַ����www.bl999.cn��
1959
�������ڳ�����Ʒ��һ��Ƚ��������Ʒ�����ǻ��ϼɻ�����һ����ͨ���ճ���Ʒһ ��ȥ�̵�ѡ���ɴ�ͳ���̼һ��ǿ����ȿ����ţ�û����Ӫ��ʽ�¹��ܶ�DZ�ڵ�����߾������ڸо��������˼ȥ�̵���ѡ�����
�������ϳ�����Ʒ�̳���ý����������⣬����ı����˿ͻ�����˽���������Ʒ����һ �����ž��г��ռ����ҵ�����ڵ����ϳ�����Ʒ�̳�Ϊ��࣬����Խ���������� ҵԽ����ռ��������г��� �����̵������ӳ������Ӫҵʱ�䣬һ��365��ȫ���Ӫҵ��һ��24Сʱ��һ��365�첻 ͣ���������۹η����꣬���۰������ϣ�����ר��ֵ��꣬����ճ�Ӫҵ������2005����й������Ѵﵽ1.2�ڣ�������4����ֻҪ�����Ʒ����ɫ��ֻҪ��Ӫ�÷��� �����̵�ÿ�콫��������4��ǧ����Ŀ���������������������롣��
��Ȥ��Ʒ(������Ʒ)�г�����������صĻ�ɽ���⼸�꿪ʼ�����ȶ���һ������ ������Ԥ��DZf���Ƿdz���ģ���ʶ֮ʿ�ԣ���������Ʒ�г�����21�<�ͷʮ���� ���ھ��һ���ɽ���� ������ļ��˷�ʽ
��ӵ���Լ��Ķ�������
��ӵ�ж�b���Լ��������̳�
���Լ��͵ļ۸������
������־ͻ�����Լ�����վ
���ṩ�ḻ������Ӫ ����
����վ�������jϵ��ʽ,�����ʺ�,������Ϣ
��������������Ʒ�Ѿ��ϴ������ּ��ɾ�Ӫ
�������������Ʒ�̳�---������ˣ�ֻ��һ���Խ���1980Ԫ�Ϳɼ��˰��������Ʒ�����̳ǣ�ӵ�кͰ���һ�����վ��������������ۡ������̳�Ϊ������ջ����������£���һ��һ�ᣬ������������Ʒ�ۼ�ȥ����ۺ��˷ѵ�������ͨ������100%!!��ֻ��Ҫ������ı��������Ŭf�������������վ��ͬʱ������߷�����Ķ����ͻ�ԴԴ���ϣ�һ��������Ԫ���ѣ�����ʵ�����ڼ��﹤�����˯��Ǯ�����⣬�����̳ǻ�Ϊ�������ع���ʮ���ֵ��ǧԪ�Ĺ���ǿ���Ⱥ�������������ַ�����һ�ܵ���ϢȺ��������������վ���ٳ�Ϊ���¡�����ǿ���ʵf��Ϊ�������ṩǿ����!��
���������������˰��飬�ɾ�����!!!��
����QQ:45536908��
�绰:13578573550��
�����̳���ַ����www.bl999.cn��
3314
����1980Ԫ��������Ʒ�������̼��ˡ����������Ʒ�̳�¡������(www.bl999.cn)��ֻ��һ���Խ���1980Ԫ�Ϳɼ��˰��������Ʒ�����̳ǣ�ӵ�кͰ���һ�����վ��������������ۡ������̳�Ϊ������ջ����������£�����ʱ���ʣ�������������Ʒ�ۼ�ȥ����ۺ��˷ѵ�������ͨ������100%!!��ֻ��Ҫ������ı��������Ŭf�������������վ��ͬʱ������߷�����Ķ����ͻ�ԴԴ���ϣ�һ��������Ԫ���ѣ�����ʵ�����ڼ��﹤�����˯��Ǯ�����⣬�����̳ǻ�Ϊ�������ع���ʮ���ֵ��ǧԪ�Ĺ���ǿ���Ⱥ�������������ַ�����һ�ܵ���ϢȺ��������������վ���ٳ�Ϊ���¡�����ǿ���ʵf��Ϊ�������ṩǿ����!��
���������������˰��飬�ɾ�����!!!��
����QQ45536908����
13578573550��
�����̳���ַ����www.bl999.cn��
483
����1980Ԫ��������Ʒ�������̼��ˡ����������Ʒ�̳�¡������(www.bl999.cn)��ֻ��һ���Խ���1980Ԫ�Ϳɼ��˰��������Ʒ�����̳ǣ�ӵ�кͰ���һ�����վ��������������ۡ������̳�Ϊ������ջ����������£�����ʱ���ʣ�������������Ʒ�ۼ�ȥ����ۺ��˷ѵ�������ͨ������100%!!��ֻ��Ҫ������ı��������Ŭf�������������վ��ͬʱ������߷�����Ķ����ͻ�ԴԴ���ϣ�һ��������Ԫ���ѣ�����ʵ�����ڼ��﹤�����˯��Ǯ�����⣬�����̳ǻ�Ϊ�������ع���ʮ���ֵ��ǧԪ�Ĺ���ǿ���Ⱥ�������������ַ�����һ�ܵ���ϢȺ��������������վ���ٳ�Ϊ���¡�����ǿ���ʵf��Ϊ�������ṩǿ����!��
���������������˰��飬�ɾ�����!!!��
����QQ45536908����
13578573550��
�����̳���ַ����www.bl999.cn��
6692
有几点和我的看法完全吻合。支持一下。
想友情链接的请留言