【网页设计】网页核心内容对视觉表现的影响

对信息的优化和提炼永远都是设计的第一步！

在自己做网页设计的进程中，愈来愈对这样的概括有了切身的体会和想法。固然，这句精炼的句子其实包括了非常多的内容，我个人认为，最少包括这四个方面：

1、从网站的全部诉求来说，网页上需要放置哪些信息才能更好的实现网站的诉求？哪些信息是需要保存的？而哪些信息是需要放置在其他页面乃至干脆舍弃掉的？

2、对已肯定放置于页面的信息，如何更好的撰写文字、挑选图片才能达成功能性和视觉上美观的完善统一？

3、辨别信息的重要程度，哪些是重要的，需要侧重表现的？而哪些是次要一些的信息？

4、辨别出信息的主次后，在布局、色采、尺寸上，即在视觉上如何更好的突出和表现？

这四个部份的每部份几近都有讨论不完的话题，那末我只就第四个方面，也就是网页上核心内容和视觉表现的关系来梳理和概括一下自己在这方面的一些理解，尽可能的将我所考虑到的内容都写出来，同时举一些具体的案例来说明我的观点，便于大家更好地理解。

1、核心内容对页面布局的影响下图是一个提供WordPress网站建设的公司，在它的主页上从上到下可以看到这样几部份信息：导航、Logo、口号、作品展现、选择我们的理由、联系表单、日志列表、邮件定阅、Twitter信息和版权信息。其中的第一视觉无疑是公司的口号和作品展现，这就是此网站主页上的核心内容。由于作为一个网站建设公司来说，直观的让客户知道你是干什么的？干的怎样？应该是客户最想要了解的内容。那末对核心内容，在视觉上做了哪些斟酌呢？

我们可以看到，在宣扬口号上设计师给”wordpress”这个词运用了非常大的文字尺寸，并且色彩上和其他文字区分开，使用了较深的灰色，强调本公司是建设专门以wordpress为后台的网站。在宣扬口号的下方的作品展现图的尺寸很大，宽度到达了像素，而全部的设计宽度是像素，在主页上这样大尺寸的展现图能够非常清晰而直接的让客户看到作品的原貌，从而对公司的制作水准有了一个直观的印象。而这样的大尺寸的作品展现其实已模糊的决定了全部网站的布局。想一想看，在屏幕的左上方区域摆放上一个宽像素，高像素的矩形以后，接下来的区域该放置哪些信息，其实就像是摆放积木一样，依照重要程度挨个放置就行了。固然这并不是是唯一的布局方式，但是不管何种布局方式，我们的想法都应当在功能性的斟酌的范围内进行。所以创意我们可以有，但是要明白和天马行空的纯创意的区分。

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

2、核心内容对色采方案的影响下面例子来自于韩国的搜索引擎服务网站Naver。其产品定位即提供商品的搜索服务，通过搜索商品名称，可以依照商品种别列出几近韩国所有的大型电子商务网站提供的该商品链接。所以在界面上，用强比较色调突出搜索功能和导航区（页面左上角的绿色区域）。通过视觉化引导，让用户专注于核心内容，聚焦用户视野的焦点，在白色为主色调的页面，视野会先看到强色调的部份，所以也可以用强色调来突出核心内容，让用户的视觉聚焦在那里。”

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