青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 青岛网站设计如何突出网页核心内容

青岛网站设计如何突出网页核心内容

奈薇网站制作 2019-07-14 16:54发表
阅读次数 1233
  对图文信息的提炼以及优化,是青岛网站设计最重要的一步,如何能够更加直观的突出网页的主题,传递页面内容?我们认为至少包括这四个方面:一、对于已经确定放置于页面的信息,如何更好的撰写文字、挑选图片才能达成功能性和视觉上美观的完美统一?二、从网站的整个诉求来讲,网页上需要放置哪些信息才能更好的实现网站的诉求?哪些信息是需要保留的?而哪些信息是需要放置在其他页面甚至干脆舍弃掉的?三、区分信息的重要程度,哪些是重要的,需要着重表现的?而哪些是次要一些的信息?四、区分出信息的主次后,在布局、色彩、尺寸上,即在视觉上如何更好的突出和表现?

  这四个部分的每一部分几乎都有讨论不完的话题,那么在这篇文章中我只就第四个方面,也就是网页上核心内容和视觉表现的关系来梳理和概括一下自己在这方面的一些理解,尽量的将我所考虑到的内容都写出来,同时举一些具体的案例来说明我的观点,便于大家更好地理解。

  一、核心内容对于页面布局的影响

  下图是一个提供WordPress网站建设的公司,在它的主页上从上到下可以看到这样几部分信息:导航、Logo、口号、作品展示、选择我们的理由、联系表单、日志列表、邮件订阅、Twitter信息以及版权信息。其中的第一视觉无疑是公司的口号和作品展示,这就是此网站主页上的核心内容。因为作为一个网站建设公司来讲,直观的让客户知道你是干什么的?干的怎么样?应该是客户最想要了解的内容。那么对于核心内容,在视觉上做了哪些考虑呢?

  我们可以看到,在宣传口号上设计师给”wordpress”这个词应用了非常大的文字尺寸,并且颜色上和其他文字区别开,使用了较深的灰色,强调本公司是建设专门以wordpress为后台的网站。在宣传口号的下方的作品展示图的尺寸很大,宽度达到了540像素,而整个的设计宽度是1000像素,在主页上这样大尺寸的展示图能够非常清晰而直接的让客户看到作品的原貌,从而对于公司的制作水准有了一个直观的印象。而这样的大尺寸的作品展示其实已经隐约的决定了整个网站的布局。想想看,在屏幕的左上方区域摆放上一个宽540像素,高460像素的矩形之后,接下来的区域该放置哪些信息,其实就像是摆放积木一样,按照重要程度挨个放置就行了。当然这并非是唯一的布局方式,但是无论何种布局方式,我们的想法都应该在功能性的考虑的范围内进行。所以创意我们可以有,但是要明白和天马行空的纯创意的区别。

  如果上面的页面布局仍然让人觉得中规中矩的话,下面的一个酒店的主页的布局也许会让我们感觉有些新意。可以看到,此设计的背景用了大幅的食物图片,导航和主内容区只占到整个页面高度的三分之一,让背景的图片大面积的呈现出来,和上面的设计一样,这样布局的目的并非单纯是为了标新立异或者是为了视觉上的美观,而是该酒店的特色也许就在于餐饮方面,所以为了对核心内容进行突出,在布局上做了相应的考虑。再下面的一张餐厅也在主视觉部分强调了美味的食物,但两者采用了完全不同的布局方式,虽然各自有信息架构方面的独特考虑,但是也不妨将它们看作同样一种核心内容的两种不同的创意方式。

  二、核心内容对于色彩方案的影响

  Lofter是网易提供的轻博客服务,其中的信息类型主要有四类:即:图片、音乐、文字、视频。关于Lofer的模板设计,木偶同学在《LOFTER轻博模板设计》一文中对主要展示图片的模板的有如下设计方面的考虑,”该模板通常是为了满足摄影用户,图片展示面积要够大,够爽;模板首页一屏能看多图;背景要暗,突显当前图片;边框的设计让图片更突出,或让图片更精美。”通过分析和理解此设计思路,我们能够发现,其中的图片展示面积要够大,也就是我们上面提到的布局方面的考虑,而背景要暗即是我们这里要讨论的对于色彩方案的影响。

  另外的一个例子来自于韩国的搜索引擎服务网站Naver。liuman0722在《高效的设计可视化》一文中针对Naver的设计写到”韩国著名门户/搜索引擎网站Naver旗下的NaverShopping,其产品定位即提供商品的搜索服务,通过搜索商品名称,可以按照商品类别列出几乎韩国所有的大型电子商务网站提供的该商品链接。所以在界面上,用强对比色调突出搜索功能和导航区(页面左上角的绿色区域)。通过视觉化引导,让用户专注于核心内容,聚焦用户视线的焦点,在白色为主色调的页面,视线会先看到强色调的部分,所以也可以用强色调来突出核心内容,让用户的视觉聚焦在那里。”

  从木偶同学的完成作品中我们可以看到,按照设计思路做出来的灰色的背景平静而低调,和白色的图片边框和背景形成鲜明的对比,而灰白的色彩方案和色彩多变的图片不会冲突,无论图片怎么变化都能和灰色和白色百搭,所以彩色的图片在白色的背景和边框的映衬下更加抢眼,让照片这样重要的信息在视觉方面得到了充分的表达。

  所有的视觉设计都是围绕信息来做的,我们必须首先梳理好了信息的内容和结构,才能知道应该在哪里施以重墨,在哪里点到为止。反过来,很多的设计思路和想法可以说本身已经暗含在信息中了,比如我们上面提到的布局和色彩方案。只要提炼和优化好了信息,怎么来做其实在梳理信息的过程中就渐渐的明晰了。

  信息始终是网页设计的中心,任何的设计都需要为信息传递服务,更加直观的传递品牌的寓意。

青岛网站设计如何突出网页核心内容相关标签:网站申请企业网站建设网站制作网站搭建
相关热点推荐
关于VIP用户研究与产
三种链接方式的介绍及应
网站制作必须要注意的事
网站技术规范
建站注意事项(2)
SEO--谈谈分词技术
企业域名保护刻不容缓
如何让你的网站或是个人
青岛网站建设哪家好?
细节决定成败网站建设的
做优化犹如做体操 平衡
如何提高百度收录
密码保护信息的用户体验
站长做好链接该注意的三
青岛高端网站设计公司哪
让访客信任你的十二大网
网站的要素
如何规避企业建站的误区
实现网络搜索营销的诀窍
企业网站应该怎样来定位
网站内容段落的处理技巧
企业建站的误区与解决方
网站工作者必须掌握的技
搜索引擎优化(SEO)
如何设计网页横幅
SEO,可能的搜索引擎
企业建网站的趋势
如何做成一个好的网站设
新站如何提高百度权重
黑色网页设计
罕见设计创意的WEB网
网站建设的步骤有哪些
为什么你的网站百度收录
网页设计配色应用实例剖
如何建立个人网站?
网站前端页面设计分析
浅谈对学习网络推广的一
企业建立网站,对企业有
IE不能上网浏览的常见
网站登陆页面应遵循的原
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
159个月 4