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