核心内容对网页设计影响.docVIP

核心内容对网页设计的影响 网页的布局变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要，但只有当网页布局和网页内容成功结合时，这种网页或者站点才是招人喜欢的。缺任何一面你都无法留住太过“挑剔”的访问者。 　　??? 网页布局就是以最适合浏览的方式将文字、图片和动画按照一定的形式美的法则,遵循一定的视觉规律,放置于页面的不同地方。网页布局的研究表明,网页布局在一定条件下可以提高视觉搜索的绩效。“对信息的优化和提炼永远都是设计的第一步。”这是百度联盟用户体验中心Banner上的一句话。 一、核心内容对于页面布局的影响 ??? 一个提供WordPress HYPERLINK 网站建设的公司，在它的主页上从上到下可以看到这样几部分信息：导航、Logo、口号、作品展示、选择我们的理由、联系表单、日志列表、邮件订阅、Twitter信息以及版权信息。其中的第一视觉无疑是公司的口号和作品展示，这就是此网站主页上的核心内容。因为作为一个 HYPERLINK 网站建设公司来讲，直观的让客户知道你是干什么的？干的怎么样？应该是客户最想要了解的内容。那么对于核心内容，在视觉上做了哪些考虑呢？??? 在宣传口号上设计师给”wordpress”这个词应用了非常大的文字尺寸，并且颜色上和其他文字区别开，使用了较深的灰色，强调本公司是建设专门以wordpress为后台的网站。在宣传口号的下方的作品展示图的尺寸很大，宽度达到了540像素，而整个的设计宽度是1000像素，在主页上这样大尺寸的展示图能够非常清晰而直接的让客户看到作品的原貌，从而对于公司的制作水准有了一个直观的印象。而这样的大尺寸的作品展示其实已经隐约的决定了整个网站的布局。 ??? 想想看，在屏幕的左上方区域摆放上一个宽540像素，高460像素的矩形之后，接下来的区域该放置哪些信息，其实就像是摆放积木一样，按照重要程度挨个放置就行了。当然这并非是唯一的布局方式，但是无论何种布局方式，我们的想法都应该在功能性的考虑的范围内进行。所以创意我们可以有，但是要明白和天马行空的纯创意的区别。 ??? 如果上面的页面布局仍然让人觉得中规中矩的话，下面的一个酒店的主页的布局也许会让我们感觉有些新意。可以看到，此设计的背景用了大幅的食物图片，导航和主内容区只占到整个页面高度的三分之一，让背景的图片大面积的呈现出来，和上面的设计一样，这样布局的目的并非单纯是为了标新立异或者是为了视觉上的美观，而是该酒店的特色也许就在于餐饮方面，所以为了对核心内容进行突出，在布局上做了相应的考虑。再下面的一张餐厅也在主视觉部分强调了美味的食物，但两者采用了完全不同的布局方式，虽然各自有信息架构方面的独特考虑，但是也不妨将它们看作同样一种核心内容的两种不同的创意方式。 ??? 不论你做什么样的设计，色彩都是一个不容忽视的问题。色彩以一种“隐蔽”的方式传达的各种信息，这些信息会影响观看者的心理和感受，左右他们的判断和选择，色彩对于设计而言实在太重要。这篇文章就要比较系统地介绍一些在网页设计中如何使用色彩的入门知识。??? 色彩是设计者的得力助手，前提是应用得当。对于网站设计而言，色彩的重要性尤其突出，不过经常被粗心的站长忽视。我们经常说“第一映像最重要”，于是设计网站时，设计者经常会花很多精力制作一个“富于冲击力”的LOGO或者BANNER，当然，它们很重要。但是，访问者访问网站时的第一映像实际上并不来自这些LOGO或者BANNER，而是——色彩！ 二、核心内容对于色彩方案的影响 ??? Lofter是网易提供的轻博客服务，其中的信息类型主要有四类：即：图片、音乐、文字、视频。关于Lofer的模板设计，该模板通常是为了满足摄影用户，图片展示面积要够大，够爽；模板首页一屏能看多图；背景要暗，突显当前图片；边框的设计让图片更突出，或让图片更精美。”通过分析和理解此设计思路，我们能够发现，其中的图片展示面积要够大，也就是我们上面提到的布局方面的考虑，而背景要暗即是我们这里要讨论的对于色彩方案的影响。 ??? 按照设计思路做出来的灰色的背景平静而低调，和白色的图片边框和背景形成鲜明的对比，而灰白的色彩方案和色彩多变的图片不会冲突，无论图片怎么变化都能和灰色和白色百搭，所以彩色的图片在白色的背景和边框的映衬下更加抢眼，让照片这样重要的信息在视觉方面得到了充分的表达。 ??? 另外的一个例子来自于韩国的搜索引擎服务网站Naver。liuman0722在《高效的设计可视化》一文中针对Naver的设计写到”韩国著名门??/搜索引擎网站Naver旗下的Naver Shopping，其产品定位即提供商品的搜索服务，通过搜索商品名称，可以按照商品类别列出几乎韩国所有的大型电子商务网站提供的该商品链接。所以在界面上，用