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