PageTalks » PageShow

Impact – Make It Impressive

Robin — Fri, 29 Aug 2008 08:45:37 +0000

让自己的主体以最醒目的方式呈现出来应该是你的首要任务。也许你该向报纸、杂志的设计学习，他们采用了最简单的方法，即让主体足够的大！
在Web2.0的感念驱使下，更多的网站为了提供更佳的浏览体验，通常会将页面简洁化，留下醒目的枝干，这就和传统印刷设计有异曲同工之妙了。
今天向大家介绍的两个比较典型（这种站其实现在有点泛滥）的站点：Life Lab和Miiingle。

可以观察一下Life Lab的水平的分页比例。在窗口模式下观看这个页面，基本上顶部Bannar占据了二分之一的空间，反而这样有使页面更加开阔的效果（？）。

Miiingle的布局很简单，美工方面也没多大工夫，但它的Nav设计和LOGO上就是一个“大”字，作为宣传网站，它已经成功了。

已收录到PageShow，快去看看！

Grace and Grand

Robin — Fri, 29 Aug 2008 08:41:18 +0000

这是某人的传记站点Judo Klub，不管内容，页面组织的相当不错。另外，这色彩设计真是表达出高贵、庄严的感觉；细节方面也是很用心，看看那些标题的背景吧……没什么特别想要指出的，只是觉得这个页子很棒。

Illustration Is Power

Robin — Fri, 29 Aug 2008 08:27:05 +0000

好的插图连同网页的其他元素一起会给浏览者深刻的印象。这也是最能体现设计师风格的地方，所以不要吝啬于你的颜料，大胆的挥洒吧。
今天向大家介绍的Web Design Wall就是相当华美的一个到处都是插图的网站。

网页由背景所支撑，由于主体和背景分割的很好，也并没有使背景喧宾夺主。

导航栏的Hover效果也相当有趣。

至于收集到的其他例子，可以去看看Spoon Graphics、espira。

已收录到PageShow，快去看看！

Texture and Material

Robin — Fri, 29 Aug 2008 08:07:31 +0000

质地和材料看似只有实物设计的时候才会碰到？其实计算机里到处都有材质的问题，PageShow里面有相当多的拥有与众不同的背景的网站；材质的运用正是他们脱颖而出的原因。材质的运用能赋予作品一种风格，准确地说，它能更准确地传达真实世界的感受，同时会带来料想不到的效果。
之前看过优秀的例子很多，不过目前手头上就两个：NOL BLOG和Sroown。

Nol BLOG的顶部图片背景为陈旧的前面，注意看，还有一支苍蝇在飞来飞去哦!

Sroown是一家设计公司，其主页的背景模仿了木质效果，配以绿色植物的环绕，整个页面生机盎然。

已收录到PageShow，快去看看！

Colorful and Beautiful

Robin — Fri, 29 Aug 2008 07:47:15 +0000

如何添加绚丽的色彩而又避免页面的凌乱是摆在设计师面前的难题。有时候在引入一些素材的时候，我们不得不将里面的颜色做很多的处理，但到头来最终效果还是不尽人意。
今天为大家介绍的lesycr.cz的确是一个生动的例子，绿色系的配色和亲近自然的设计让我们很容易想到这是一个关于植物，准确说是关于松树的网站（尽管我们读不懂语言）。

顶部的导航栏连同顶部bannar一同凸起，突出了主题，也使网站在使用上更加友好。在代码方面，正确的使用ul元素也为SEO做出了不小的贡献。下部还有三个凸起图片，但明显他们没有导航栏显眼。

回顾一下整个页面的颜色，背景是绿色的渐变和少量阴影效果，其他方面还用到了橙色、深绿、蓝色等颜色的渐变。好吧，你必须承认以上这些颜色都可以在顶部的图片中找到。设计者没有准备让颜色孤立起来！

整体上，如果底部的树叶能处理的更漂亮一些（起码要对得起那漂亮的顶部导航吧），页面毫无疑问会更加迷人。

已收录到PageShow，快去看看！

Flexible and Informative

Robin — Fri, 29 Aug 2008 07:42:16 +0000

三栏版式是很多BLOG和新闻站点（CNN、Engadget等）经常采用的排版。这样做的好处是很明显的，三栏的设计能容纳足够的信息，并且能让管理人员快速灵活地使用站点来发布他们的信息。
这次介绍的这个站点可以算是三栏设计的典范了。整个设计并没有过多的修饰，但从整体上来说它传达了科技感、专业感以及企业最想要的信赖感。可能美工又要抓狂了，难道想让我们下岗吗？其实这个页面的图片处理还是很讲究的；色彩方面也并非单纯的白纸黑字……

我们重点要欣赏的是设计上采用的三栏：主要讯息呈现在最左，互动表单放在右侧第一栏，页面链接和杂项讯息放在最右——主次分明。

做这种分割，需要你能在心中想象出标尺，每块内容的间距、大小都要一致。注意页脚遵循的宽度是根据上面的三栏分割而来。

PS 其实这个页面的顶部Flash也很赞……

已收录到PageShow，快去看看！

Uni and harmony

Robin — Fri, 29 Aug 2008 07:30:20 +0000

今天展示的站点是来自一家视觉设计公司的thegoodness，首先吸引我注意的是他们的官方网站。与其他的工作室的首页不同，他们的页面宁静、统一、和谐，黑色系的色调让人觉得高雅、专业。从某种程度来讲比另外用其他色彩取胜的站点更胜一筹。

页面上最给我印象深刻的是色彩的统一、布局的统一、视觉流的统一

这种开PS的人就可以做出来的效果在却显得非常漂亮，这就是统一所带来的力量。

作品展览页下面的页面导航，遵循了顶部导航的风格。
整体来说，是一个很难得的站点，用简单的线条、形状构筑了丰富的内涵。

已收录到PageShow，快去看看！

Clear One-Page Layout

Robin — Fri, 29 Aug 2008 07:10:16 +0000

对于一个呈现信息很少，目的很单一的站点，也许你为它构建导航栏是多余的。这不仅会浪费浏览者的时间，也会降低站点的流量效率。偶尔，你可以耍点个性——做个单页呈现的页面吧。
今天向大家介绍的ceruleandesigns.com就是很好的例子，采用了垂直布局，单页就把所有内容完整的表达出来，一气呵成，页面整体效果非常不错。

首先进入视线的是蓝色的朦胧背景，蓝色和白色的对比是相当舒服的。在表单的处理上，订制了背景图片，为什么没有处理提交按钮让我很纳闷。尽管表单的效果看起来很Cool，但是第一次浏览的时候我却不敢把鼠标往那块点，因为看起来像Buttom而非TextArea。

作品列表的设计也相当精致，有悬浮效果，背景图片采用了半透明效果。醒目且美观，总而言之是实用性很强。

也许这个作品并不能算成熟的作品，但是单页布局的设想让我们在构建内容不多的网站时有了另一个思路！

已收录到PageShow，快去看看！