Archive for category 設計記

“Chocolate”这个词可以让人联想起许多词,如:黑,白,牛奶,热,甜,辣等。但有没有尝试过和网页设计联系在一起?我们做了。我们尝试着去搜索任何和“Chocolate”相关的网站,并且发现这个搜索结果是值得收集以及展示的。然而有趣的是,你永远不会偶然发现这些结果里面的其中一些网站。所以下面的内容将可以给你提供一个独特的视角并且能刺激您的创意源泉源源不断。

正如人们所期望的,“Chocolate”的网站经常使用的开胃褐色为主色。如果你花时间看看它的配色,你会发现有很多的组合工作得很好。除此之外,每个站点都是特别的而且都会根据它的内容而有着自己的个性的。

我们来轻松随意地探讨以下网站的设计特色。其中有一些是flash展示产品的好例子,有些很优雅,有些则很艺术,不过,他们有着一个共同点特点:它们都有着让人着迷的甜味

“Chocolate”在网站设计的异同:

我们发现在这些与“Chocolate”相关的网站中,似乎有三个共同的特点一次又一次的重现着。它们就是,大多数的网站都是用了水平的导航,漂亮的产品以及内容图片,以深褐色为主结合其他明快和强烈的颜色作为搭配。

CharlesChocolates
明亮的蓝色使得网站的颜色搭配显得有趣和新鲜,但厚重的页脚导航才是CharlesChocolates网站真正出彩的地方。

Chocolate-40 in Showcase of Sweet Chocolate Websites

这一类的导航模式已经很普遍并且方便,不过,我们也注意到有一些极少不常见的导航菜单。有趣的是,我们看到的是3两个死板沉闷的模板。显然,大多数“Chocolate”网站和“Confectionery”网站的设计者的确很在意他们的品牌以及产品在网络上独特的展示方式。事实上,很多网站尽量做到娱乐性,营造一个用户有参与的,互动的,并且难忘的体验。当然,这并不包括每一个行业的网站,譬如,医疗网站。

水平顶部导航:

因为“Chocolate”网站有着鲜明突出的产品和原料的图片,于是饱满了网站很大一部分的布局以及视觉效果,所以,水平的顶部导航来得十分合适。导航的选项一般有5个到9个不等(不包括每个选项的下级链接选项)。通常链接会去到“Chocolate”的描述页面,售卖“Chocolate”的店铺的介绍页面,以及用户可以订购“Chocolate”作为商务礼物、婚庆礼物的“礼物”页面,等等。有时,导航链接也会包括一些食谱的选项。

Jeff de Bruges

Chocolate-32 in Showcase of Sweet Chocolate Websites

Godiva Chocolatier

Chocolate-7 in Showcase of Sweet Chocolate Websites

Jacques Torres Chocolate

Chocolate-31 in Showcase of Sweet Chocolate Websites

TCHO: Buy Dark Chocolate and Gifts

Chocolate-5 in Showcase of Sweet Chocolate Websites

Chocri chustomized chocolate bars

Chocolate-34 in Showcase of Sweet Chocolate Websites

Daskalides

Daska2 in Showcase of Sweet Chocolate Websites

Cadbury: Cadbury Chocolate

Chocolate-23 in Showcase of Sweet Chocolate Websites

漂亮的产品以及内容图片:

“Chocolate”网站上的产品摄影图片的质量是非常高的。通常以横向或者纵向的大图为主导。事实上,“Chocolate”尤其是美味的“Chocolate”在视觉上是很吸引的。而深入地去探究它也是非常美妙的事情。因此,这对于一个售卖“Chocolate”的网站来说,很多设计师都会选者用令人垂涎的形象来包装“Chocolate”。

Festival Internacional de Chocolate de Obidos

Chocolate-21 in Showcase of Sweet Chocolate Websites

Green & Blacks Organic Chocolate

Chocolate-27 in Showcase of Sweet Chocolate Websites

Dagoba Organic Chocolate

Chocolate-24 in Showcase of Sweet Chocolate Websites

Mindy’s Hot Chocolate

Chocolate-33 in Showcase of Sweet Chocolate Websites

Patrick Roger

Chocolate-20 in Showcase of Sweet Chocolate Websites

Toblerone

Chocolate-2 in Showcase of Sweet Chocolate Websites

Haigh’s Chocolates

 in Showcase of Sweet Chocolate Websites

Chocomize

Chocolate-41 in Showcase of Sweet Chocolate Websites

深褐色为主结合其他明快和强烈的颜色的配色方案:

很明显,深褐色色调主宰巧克力的网站。然而搭配方案中往往会加上有跳跃的鲜明的颜色,例如,红色、绿色等等。一般来说,大多数“Chocolate”网站都会使用暗色调,并经常会使用与主题相关的平铺或者是摄影图片作为背景。

Dove Chocolate

Chocolate-4 in Showcase of Sweet Chocolate Websites

Divine Chocolate

Chocolate-6 in Showcase of Sweet Chocolate Websites

Valrhona

Chocolate-42 in Showcase of Sweet Chocolate Websites

Hemmankonditor

Chocolate-13 in Showcase of Sweet Chocolate Websites

Promise Me Chocolate…

Chocolate-14 in Showcase of Sweet Chocolate Websites

The Cocoa Tree

Chocolate-19 in Showcase of Sweet Chocolate Websites

Brookside Foods

Chocolate-16 in Showcase of Sweet Chocolate Websites

独特的设计:

某些“Chocolate”网站使用了非常鲜明的设计元素和非常规的导航来刺激用户的眼球。如下的一些例子,在这种情况下,给站长还有用户带来的都是难忘的体验。

Max Brenner

Chocolate-30 in Showcase of Sweet Chocolate Websites

Bloomsberry

Chocolate-38 in Showcase of Sweet Chocolate Websites

Pierre Marcolini

Chocolate-45 in Showcase of Sweet Chocolate Websites

Wispa

Chocolat-47 in Showcase of Sweet Chocolate Websites

Chocolate Research Facility

Chocolate-15 in Showcase of Sweet Chocolate Websites

更多的“Chocolate”网站例子:

zchocolat

Chocolate-3 in Showcase of Sweet Chocolate Websites

Kommunarka

Chocolate-39 in Showcase of Sweet Chocolate Websites

Pionir:

Chocolate-10 in Showcase of Sweet Chocolate Websites

Chocolate Editions:

Chocolate-11 in Showcase of Sweet Chocolate Websites

Icam:

Chocolate-12 in Showcase of Sweet Chocolate Websites

Spartak:

Chocolate-1 in Showcase of Sweet Chocolate Websites

Chocolatfrey:

2010-04-13 18 35 06 in Showcase of Sweet Chocolate Websites

Kambly SA:

Chocolate-18 in Showcase of Sweet Chocolate Websites

Askinosie Chocolate:

Chocolate-43 in Showcase of Sweet Chocolate Websites

Ps:以上是自己翻译的,凑合着看。

想看原帖的,在这里