“优化和提炼信息永远是设计的_步”，这是百度同盟用户体验中心旗号上的一句话。在做网页策动的过程当中，我对太多的演绎和综合有了愈来愈多的个人理解和设法。当然，这句好话的确涵盖了不少内容。我以为至少包括以下四个方面：
一、 从网站的总体需要来看，网页上应该安排哪些信息，才气更好地知足网站的需要？必需保留哪些信息？哪些信息应该放在其余页面上以至当即丢弃？
二、 对付曾经排在页面上的信息，怎样更好地写笔记、选图，体现成果与视觉抚玩的总体同一？
三、 区分信息的首要性，哪些是首要的，必需注意体现？只知其一，不知其二信息是甚么？
四、 在区分了主次信息后，在规划、颜色、大小等方面，也就是说，如安在视觉上更好地突出和体现？
这四个部门的每一个部门都有没有量无尽的话题要接头。在本文中，我只对第四个方面，即核心内容与网页视觉表达的关系进行梳理和总结。我将把我思索过的内容写出来，并给出一些具体的案例来讲明我的概念，以便于各人更好的理解。
一、 核心内容对页面规划的影响是：导航、logo、口号、作品展现、选择咱们的理由、接洽体式格局、逐日列表、电子邮件定阅、twitter信息和其主页高低的版权信息。_个视觉成效无疑是公司的口号和作品展现，这也是网站主页的核心内容。作为一家网站配置的设备部署公司，让客户直观地知道你在做甚么？你好吗？这应该是主顾最想知道的。那末核心内容的视觉思索是甚么呢？
咱们可以看到，在口号中，设计师在“wordpress”这个词上运用了十分大的字迹比例，颜色也差别于其余字迹，运用了更深的灰色，吹捧我公司正在建立一个以wordpress为背景的网站，进行设备部署。口号下方的作品展现尺寸十分大，宽度为540像素，而整个设计的设计宽度为1000像素。在主页上，如许的大屏幕可以明晰直观地让客户看到作品的原貌，从而直观地感遭到公司的出产水平。而云云大规模的作品展现，无形中决议了整个网站的规划。想一想看。在屏幕左上角区域放置540像素宽和460像素高的矩形后，下一个区域应该安排哪些信息？这就像放置积木。按首要水平逐一分列。尽管这不是_的规划要领，可是无论是哪一种规划要领，咱们的思惟都应该在效力的思索范畴内实现。咱们可以有以下的设法，但咱们应该分明，地道的缔造力和狂野的想象力之间的区分
若是上面的页面规划仍是让人感觉颇有法则的话，下面酒东家页的规划能够会给咱们一些新的设法。可以看到，本次设计的背景运用了大量的食物图片，导航和主要内容区域仅占整个页面高度的三分之一，如许背景图象就能够大面积显示，这和上面的计划是同样的。这类规划的目的其实不是简略地浮现出立异能够是为了视觉抚玩，而是宾馆的特征能够是在餐饮方面为了突出核心内容，对规划进行响应的思虑。下一家餐厅在主视觉部分也夸张了甘旨，但他们采用了彻底差别的规划体式格局。尽管每回种要领都有其共同的信息架构想一想，但将它们视为具备沟通核心内容的两种差别的创作要领其实不首要。
二、 核心内容对配色计划lofter的影响是网易提供的一个轻博客。lofter中有四个首要的信息示例：图片、音乐、笔记和视频。对付lofer的模板设计，我在《lofter light blog模板计划》一文中对首要展现图片的模板有以下设计思绪，模板的设计常规是为了知足照片用户的需要。图象显示区域应足够大，足够凉爽；模板首页可以在一个屏幕上看到多张图片；背景应为深色，以突出当前图片；边框的设计使图片愈加突出，使图片愈加突出精巧。”经由过程对计划构想的阐明和理解，咱们可以大抵理解到图片的显示区域应该足够大，这是对上述规划的思索，而深色背景是咱们在这里要接头的配色计划的影响。
从以上完成的作品中可以看出，根据设计思绪制作的灰色背景平静低调，与白色相框和背景造成为了淡淡的对比，而灰色配色计划和色采多变的图片则不会惹起争辩。无论图片怎样变革，都能与灰白相婚配，因而彩片以白色背景为背景，边框愈来愈抢眼，使照片中的这些首要信息在视觉方面获患有充实的表达。
另外一个例子来自韩国搜索引擎网站naver。liuman0722在“高效计划可视化”中写到naver的计划，即“naver shopping的商品定位，一个在韩国的搜索引擎网站/naver。其商品定位是提供商品搜索处置。经由过程搜索商品名称，可以按商种类别列出韩国一切大型电子商务网站提供的商品链接。为了在界面上突出搜索成效和导航区域（页面左上角的绿色区域）具备猛烈的婚配色调。经由过程视觉引导，用户可以存眷核心内容，存眷用户视野的核心。在主色调为白色的页面上，视野起首会看到色调猛烈的部门，如许用户的视野就能够集中在何处
一切的视觉设计都盘绕着信息。咱们必需起头收拾整顿信息的内容和规划，如许才气知道哪边应该重墨，哪边应该被触摸。相反，许多设计思惟和思惟可以说是隐含在信息中的，上面提到的规划和配色计划。只有对信息进行提炼和优化，在梳理信息的过程当中，怎样做到这一点，才是真正明晰的。
