网页设计必须围绕其中心内容进行

网页设计必须围绕其中心内容进行

一、中心内容对于页面布局的影响
下图是一个提供WordPress网站建设的公司，在它的主页上从上到下可以 看到这样几部分信息：导航、Logo、口号、作品展示、选择我们的理由、联系表单、日志列表、邮件订阅、Twitter信息以及版权信息。其中的第一视觉 无疑是公司的口号和作品展示，这就是此网站主页上的中心内容。因为作为一个网站建设公司来讲，直观的让客户知道你是干什么的？干的怎么样？应该是客户最想 要了解的内容。那么对于中心内容，在视觉上做了哪些考虑呢？
我们可以看到，在宣传口号上设计师给”wordpress”这个词应用了非常大的文字 尺寸，并且颜色上和其他文字区别开，使用了较深的灰色，强调本公司是建设专门以wordpress为后台的网站。在宣传口号的下方的作品展示图的尺寸很 大，宽度达到了540像素，而整个的设计宽度是1000像素，在主页上这样大尺寸的展示图能够非常清晰而直接的让客户看到作品的原貌，从而对于公司的制作 水准有了一个直观的印象。而这样的大尺寸的作品展示其实已经隐约的决定了整个网站的布局。
想想看，在屏幕的左上方区域摆放上一个宽540像素，高 460像素的矩形之后，接下来的区域该放置哪些信息，其实就像是摆放积木一样，按照重要程度挨个放置就行了。当然这并非是唯一的布局方式，但是无论何种布 局方式，我们的想法都应该在功能性的考虑的范围内进行。所以创意我们可以有，但是要明白和天马行空的纯创意的区别。

如 果上面的页面布局仍然让人觉得中规中矩的话，下面的一个酒店的主页的布局也许会让我们感觉有些新意。可以看到，此设计的背景用了大幅的食物图片，导航和主 内容区只占到整个页面高度的三分之一，让背景的图片大面积的呈现出来，和上面的设计一样，这样布局的目的并非单纯是为了标新立异或者是为了视觉上的美观， 而是该酒店的特色也许就在于餐饮方面，所以为了对中心内容进行突出，在布局上做了相应的考虑。再下面的一张餐厅也在主视觉部分强调了美味的食物，但两者采 用了完全不同的布局方式，虽然各自有信息架构方面的独特考虑，但是也不妨将它们看作同样一种中心内容的两种不同的创意方式。


二、中心内容对于色彩方案的影响
Lofter 是网易提供的轻博客服务，其中的信息类型主要有四类：即：图片、音乐、文字、视频。该模板通常是为了满足摄影用户，图片展示面积要够大，够爽；模板首页一 屏能看多图；背景要暗，突显当前图片；边框的设计让图片更突出，或让图片更精美。”通过分析和理解此设计思路，我们能够发现，其中的图片展示面积要够大， 也就是我们上面提到的布局方面的考虑，而背景要暗即是我们这里要讨论的对于色彩方案的影响。
从木偶同学的完成作品中我们可以看到，按照设计思路做 出来的灰色的背景平静而低调，和白色的图片边框和背景形成鲜明的对比，而灰白的色彩方案和色彩多变的图片不会冲突，无论图片怎么变化都能和灰色和白色百 搭，所以彩色的图片在白色的背景和边框的映衬下更加抢眼，让照片这样重要的信息在视觉方面得到了充分的表达。

另 外的一个例子来自于韩国的搜索引擎服务网站Naver，其产品定位即提供商品的搜索服务，通过搜索商品名称，可以按照商品类别列出几乎韩国所有的大型电子 商务网站提供的该商品链接。所以在界面上，用强对比色调突出搜索功能和导航区（页面左上角的绿色区域）。通过视觉化引导，让用户专注于中心内容，聚焦用户 视线的焦点，在白色为主色调的页面，视线会先看到强色调的部分，所以也可以用强色调来突出中心内容，让用户的视觉聚焦在那里。”

所 有的视觉设计都是围绕信息来做的，我们必须首先梳理好了信息的内容和结构，才能知道应该在哪里施以重墨，在哪里点到为止。反过来，很多的设计思路和想法可 以说本身已经暗含在信息中了，比如我们上面提到的布局和色彩方案。只要提炼和优化好了信息，怎么来做其实在梳理信息的过程中就渐渐的明晰了。