Archive

Archive for the ‘WebDesign’ Category

一些精美的内容较多网站的版式设计

April 1st, 2010 CoCoWool No comments

内容众多网站的设计原则是什么?我这里很赞同 1 的看法:在整个网站中保持必要且一致的导航,以及保持整站的可读性

现阶段,网络越来越多的进入我们的生活,并且越来越多的传统媒介,诸如新闻报纸、出版物也开始朝着在线内容提供商的方向发展。在这个过程中,在内容载体发生改变的情况下,这些媒介依然保留了他们原始的布局和层级的特质。

下面是一些比较好的内容丰富的网站的结构、布局设计,我们先来参考一下:

1、Fusion Ads。

这个站点保留了典型的产品站的风格,整个站点围绕着产品展开,展示产品相关的方方面面的内容。

image 2、zendesk。

我觉得这个最大的亮点就在于导航的一点突起,类似于不规则广告牌的效果,有效地指明了当前所处的位置。

image

3、Blik。

博客风格,cnbeta好像就是这样的哦,但是今天在我的IE6下走形了, lol

image

4、The swish Life。

不得不说,英文字体非常适合进行这种区块的版式设计,如果内容中的问题换为中文,则效果肯定要打一些折扣,所以中文重内容网站的设计还是需要不断探索更新的形式。

image5、The Humble Gourmand。

image6、The Feast。

这个站点色调不好,感觉不干净,也许和我的审美有关 – -

image  7、Lord Likely

有点像,但肯定不是Kindle,也许在显示屏上模拟Enk屏的效果可以试一试

image 8、9513。

image9、We Are The Friction。

我觉得这个不算Content Heavy,作者也许搞错了。

image  10、Revive Africa。

好吧,我们西南也在大旱,不过色调很好

image 11、Pure Grips。

恩,这个是Content Heavy,但是不乱

image 12、Housing works

image 13、Nosotros。

image 14、Livestream。

image15、CSR360.

这个感觉口味比较重,眼睛使劲儿往右下跑

image  16、Checkout app

山寨的苹果的…

image 17、Change

改版后的Change

image 18、Design Shack。

至简

image 19、The New Yorker

NYTimes的兄弟

image 20、Taobao。

熟悉吧,flash很吸引人,好像开始借用了Yahoo的一些思路。

image

参考资料:
1、Content Heavy Websites with Beautiful Structure , Layout and Hierarchy
2、淘宝

Categories: WebDesign Tags:

2009年重新设计过的著名的Logo

January 8th, 2010 CoCoWool No comments

Logo设计的好坏,关系着一个企业如何树立形象的问题。Logo设计本身就是一个困难的课题,有了著名的Logo,将它重新设计就是一项更加挑战的工作。如果处理不当,他会带来怎样的后果?文中列出了2009年重新设计过的著名Logo,在这里不评判他们的好坏,只是列在这里,供大家来参考。

1、Telcom

image

2、Play Station 3

image

3、Sunny Delight

image

4、Lays

image

5、Sony Ericsson

image

6、Yale

image

7、Sprite

image

8、Segd

image

9、Pfizer

image

10、Opera

image

11、OMCA

image

12、MSN

image

13、Nicklodeon

image

14、Movistar

image

15、Meiji

image

16、Kraft Foods

image

17、Doctor WHO

image

18、Jack in the box

image

19、France

image

20、Master Card

image

21、Forth Worth Museum of Science and History

image

22、Cadillac

image

23、Discovery Kids

image

24、Chicken Now

image

25、City of Melbourne

image

26、Cheer

image

27、Bavaria

image

28、Audi

image

29、AOL

image

30、Art Gallery of Alberta

image

31、Videocon

image

32、Veggie Tales

image

33、Olympic Air

image

34、Quick Time

image

35、Firefox

image

 

最后,其实还有我们国内的新浪

image

Categories: WebDesign Tags: ,

Comic Sans – 让人由爱到恨的字体

December 2nd, 2009 CoCoWool No comments

原来,我以为好看的 Comic Sans 字体,在大多数设计师的眼里名声都不太好,这是为什么呢?

 

Comic Sans 的简单介绍

1994年,Vincent Connare 为 Microsoft 创造出了 Comic Sans 字体。最初,这个字体是为 Microsoft Bob 项目设计的,但由于工期延后太多了,虽被发明出来却没有包含到这个项目中。(由此可见,项目有计划并且能按期完成是多么重要)

我想,这位老哥一定心理很不平衡,要不然,他也不会在自己的主页上挂这么一段话。

8888

这种字体的灵感来源于作者办公室中的漫画书,特别是 Watchmen 和 The Dark Knight Returns。

9999 左边是 Watchmen ,右边是 The Dark Knight returns

据 Connare 自己说,他从来没打算将这种字体用于普通的应用,可是历史总是很有幽默感的不是。字体最终不但用在了 Microsoft 3D Movie Maker中,后来还被加入到了 Win 95 Plus中,最后,IE中也包含了。

 

1112

随后,很多著名的产品中都是用了 Comic Sans 字体,比如 Beanie Babies、The 2004 Canada Day 25-cent collector coin、还有 Sims 的Video。

1113

由爱生恨的转变

之所以人们的感情会发生改变,主要是随着使用范围越来越广泛,特别是 Comic Sans 甚至被用在了一些严肃或者正式的场合中,这开始成为“原恨”的发源地。虽然 Comic Sans 非常适合为儿童或者相关的卡通、漫画书作为字体,但是在商业和专业领域,它一点都没有地位。但是,它却不断地出现在原本缺席的地方。

后来,出现了“Ban Comic Sans” 的运动,在1999年, Dave 和 Holly Crumbs(面包屑路径?)在拒绝了一个员工的使用 Comic Sans 的请求之后,发起了这个运动。

1114

 

来看看下面这些图:

今后,我们在使用 Comic Sans 的时候就要注意了,不能用在特别正式和职业的场合中。

好在,我们还有一些替代的字体可以用来选择。

1121

Lexia Readable

1122

p22 Kaz Pro

1123

JM Doodle Medium

 

参考资料:

1、Comic Sans: The font Everyone Love to hate

Categories: WebDesign Tags: ,

具有动感的文字

September 8th, 2009 CoCoWool No comments
height

height

一幅具有动感的Logo,将单词中的H替换为符号,并不影响人们认识到整个单词的含义,同时增强了文字带跟人们的动感。

Categories: WebDesign Tags: