申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
18562723728
知识普及 » 青岛网站设计如何突出网页核心内容
青岛网站设计如何突出网页核心内容
奈薇网站制作
于
2019-07-14 16:54
发表
阅读次数
2403
次
对图文信息的提炼以及优化，是
青岛网站设计
最重要的一步，如何能够更加直观的突出网页的主题，传递页面内容？我们认为至少包括这四个方面：一、对于已经确定放置于页面的信息，如何更好的撰写文字、挑选图片才能达成功能性和视觉上美观的完美统一？二、从网站的整个诉求来讲，网页上需要放置哪些信息才能更好的实现网站的诉求？哪些信息是需要保留的？而哪些信息是需要放置在其他页面甚至干脆舍弃掉的？三、区分信息的重要程度，哪些是重要的，需要着重表现的？而哪些是次要一些的信息？四、区分出信息的主次后，在布局、色彩、尺寸上，即在视觉上如何更好的突出和表现？
这四个部分的每一部分几乎都有讨论不完的话题，那么在这篇文章中我只就第四个方面，也就是网页上核心内容和视觉表现的关系来梳理和概括一下自己在这方面的一些理解，尽量的将我所考虑到的内容都写出来，同时举一些具体的案例来说明我的观点，便于大家更好地理解。
一、核心内容对于页面布局的影响
下图是一个提供WordPress
网站建设
的公司，在它的主页上从上到下可以看到这样几部分信息：导航、Logo、口号、作品展示、选择我们的理由、联系表单、日志列表、邮件订阅、Twitter信息以及版权信息。其中的第一视觉无疑是公司的口号和作品展示，这就是此网站主页上的核心内容。因为作为一个
网站建设公司
来讲，直观的让客户知道你是干什么的？干的怎么样？应该是客户最想要了解的内容。那么对于核心内容，在视觉上做了哪些考虑呢？
我们可以看到，在宣传口号上设计师给”wordpress”这个词应用了非常大的文字尺寸，并且颜色上和其他文字区别开，使用了较深的灰色，强调本公司是建设专门以wordpress为后台的网站。在宣传口号的下方的作品展示图的尺寸很大，宽度达到了540像素，而整个的设计宽度是1000像素，在主页上这样大尺寸的展示图能够非常清晰而直接的让客户看到作品的原貌，从而对于公司的制作水准有了一个直观的印象。而这样的大尺寸的作品展示其实已经隐约的决定了整个网站的布局。想想看，在屏幕的左上方区域摆放上一个宽540像素，高460像素的矩形之后，接下来的区域该放置哪些信息，其实就像是摆放积木一样，按照重要程度挨个放置就行了。当然这并非是唯一的布局方式，但是无论何种布局方式，我们的想法都应该在功能性的考虑的范围内进行。所以创意我们可以有，但是要明白和天马行空的纯创意的区别。
如果上面的页面布局仍然让人觉得中规中矩的话，下面的一个酒店的主页的布局也许会让我们感觉有些新意。可以看到，此设计的背景用了大幅的食物图片，导航和主内容区只占到整个页面高度的三分之一，让背景的图片大面积的呈现出来，和上面的设计一样，这样布局的目的并非单纯是为了标新立异或者是为了视觉上的美观，而是该酒店的特色也许就在于餐饮方面，所以为了对核心内容进行突出，在布局上做了相应的考虑。再下面的一张餐厅也在主视觉部分强调了美味的食物，但两者采用了完全不同的布局方式，虽然各自有信息架构方面的独特考虑，但是也不妨将它们看作同样一种核心内容的两种不同的创意方式。
二、核心内容对于色彩方案的影响
Lofter是网易提供的轻博客服务，其中的信息类型主要有四类：即：图片、音乐、文字、视频。关于Lofer的模板设计，木偶同学在《LOFTER轻博模板设计》一文中对主要展示图片的模板的有如下设计方面的考虑，”该模板通常是为了满足摄影用户，图片展示面积要够大，够爽；模板首页一屏能看多图；背景要暗，突显当前图片；边框的设计让图片更突出，或让图片更精美。”通过分析和理解此设计思路，我们能够发现，其中的图片展示面积要够大，也就是我们上面提到的布局方面的考虑，而背景要暗即是我们这里要讨论的对于色彩方案的影响。
另外的一个例子来自于韩国的搜索引擎服务网站Naver。liuman0722在《高效的设计可视化》一文中针对Naver的设计写到”韩国著名门户/搜索引擎网站Naver旗下的NaverShopping，其产品定位即提供商品的搜索服务，通过搜索商品名称，可以按照商品类别列出几乎韩国所有的大型电子商务网站提供的该商品链接。所以在界面上，用强对比色调突出搜索功能和导航区（页面左上角的绿色区域）。通过视觉化引导，让用户专注于核心内容，聚焦用户视线的焦点，在白色为主色调的页面，视线会先看到强色调的部分，所以也可以用强色调来突出核心内容，让用户的视觉聚焦在那里。”
从木偶同学的完成作品中我们可以看到，按照设计思路做出来的灰色的背景平静而低调，和白色的图片边框和背景形成鲜明的对比，而灰白的色彩方案和色彩多变的图片不会冲突，无论图片怎么变化都能和灰色和白色百搭，所以彩色的图片在白色的背景和边框的映衬下更加抢眼，让照片这样重要的信息在视觉方面得到了充分的表达。
所有的视觉设计都是围绕信息来做的，我们必须首先梳理好了信息的内容和结构，才能知道应该在哪里施以重墨，在哪里点到为止。反过来，很多的设计思路和想法可以说本身已经暗含在信息中了，比如我们上面提到的布局和色彩方案。只要提炼和优化好了信息，怎么来做其实在梳理信息的过程中就渐渐的明晰了。
信息始终是
网页设计
的中心，任何的设计都需要为信息传递服务，更加直观的传递品牌的寓意。
青岛网站设计如何突出网页核心内容相关标签：
网站规划
，
网站建设方案
，
企业建站
，
企业网站制作
相关热点推荐
传统FLASH建站已经
方便和实用
从网页设计到UI设计—
优化网站设计的五种方法
CMS系统的选择及对S
网页设计元素的减法式优
教你如何解除“该网站可
全局于网站整体的网页设
为什么说设计是网站的肢
如何做到网站设计影响最
青岛网站建设公司是怎么
告诉你怎么做个旅行社网
使用框架和滑动门技术进
企业建站误区
企业为什么要做微信营销
网站建设与网站推广 g
时刻关注网站的健康程度
如何恢复百度权重(最新
网页设计之论摹仿和抄袭
网页设计要决
简洁的网页设计
网站前端页面设计分析
细节处理让网页设计与众
交互设计模式——分页
迭代的设计
网站制作的要领下
网站技术规范之质量保证
瞎扯之Web导航
企业网站建站的首要解决
网页设计与用户浏览体验
网页设计中的版式原理
策划制作网站应该注意的
网站建设中的“几点小事
网站优化中你不曾注意的
网站的价值
短兵相接勇者胜—紧张项
History.bac
获取百度高权重的方法
谈品牌因素对SEO的影
百度推广与精准长尾关键
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户