1. 首页
  2. 网页设计
  3. 正文

网页设计策略

  一、网页设计策略

       1、保持导航可见

  导航是网站的重要组成部分,它能成就一个网站的好体验,也能毁掉它。而在设计网页的时候,最大的风险之一,就是可用性低的导航设计,导致用户在使用过程中迷失。通常,这种设计会让用户感到挫败感。所以,尽量使用悬浮置顶的导航栏,或者固定式的导航栏,一方面让用户始终明白自己所处的位置,另一方面也方便用户跳转到其他的位置。

  当为移动端进行设计的时候,需要注意的是导航会不会占据太大的空间,比较合理的策略是让导航在滚动的时候隐藏,当准备回到顶部或者停下的时候显现。

  2、加入动效提升参与感

  以视差滚动为代表的动画特效是让用户滚动浏览更加有趣的一种设计技巧,同时它通过有趣的设计,吸引用户不停滚动下去,让用户始终处于探索“接下来还有什么”的过程中。

  考虑到页面常常被设计成不同的区块,可以将富有创意的动效到不同的区块当中,让用户在不断滚动当中,沿着设计好的路径来浏览。

  视差滚动是目前最流行的特效之一,设计师可以借助元素移动速度差来创造深度和沉浸感。当用户在平滑的滚动浏览内容的时候,视差特效所创造出的沉浸感能够让用户有身临其境的感觉。

  3、避免滚动劫持

  滚动劫持这个概念并不难理解,浏览器本身的滚动机制被替代,用户无法按照他们预期的、习惯的方式来滚动浏览,有的时候这种状况是设计师刻意营造的浏览效果,但是并不一定能给用户以好的体验,至少多数时候是超出用户预期并且难以控制的。滚动劫持这种状况要尽量避免。


  4、页面风格要保持一致

  用户对网站的第一印象是非常重要的,每一个网站建设前都要先进行合理的网站规划,规划使用什么样的风格。可以在每一个网页都添加企业的LOGO,这样也能让顾客对企业产品有更深的印象。为了能够让用户有一个更好的阅读空间。另外在内页的设计上也要注意下以下几点:

  ①结构一致性:网站的统一性在网站营销中占重要地位,而网站结构是网站风格统一的重要手段,包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等。

  ②色彩一致性:方式是保持站点主体色彩的一致,只改变局部色块,优点是一个独特色彩的网站会给人留下很深刻的印象。

  ③利用导航取得统一:导航是网站的一项重要组成部分,一个出色的富有企业特性的导航将会给人留下深刻的印象,比如将标志的形式寓于导航之中,或将导航设计在整个网站布局之中等等不一而足,花点力气在导航上,也会设计出一个出色的站点。

  ④特别元素的一致性:在网站设计中,个别具有特色的元素(如标志、象征图形、局部设计等)重复出现,也会给访问者留下深刻印象。比如网站结构在某一点上的变化,由直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。

  ⑤利用图像取得统一:利用图像取得统一,决不是在每页中放置几个动面!而是作为网站结构一部分的局部图像,根据网页内容的不同,配以相应的图像或动画,从而给浏览者形成页面的连续性。

  ⑥利用背景取得统一:从技术上而言,网页背景包括背景色和背景图像两种,一般来说,我们并不提倡使用背景图像,而使用背景色或色块。原因很明显:第一,背景色的下载速度忽略不计,而背景图像就得根据图像字节大小下载了;第二,背景图像容易使得前面的文字很难辨认,给人一种很不舒服的感觉,让人无法停留。

  5、确定首页的首导设计

  网站首页是企业网上的虚拟门面。一定要注意自己门面的设计,决不能敷衍了事、马马虎虎。一般来说,网站首页的形式不外乎有两种,一种是纯粹的形象展示型。这种类型文字信息较少,图像信息较多,通过艺术造型和设计布局,利用一系列与公司形象和产品、服务有关的图像、文字信息,组成一幅生动的画面,向浏览者展示一种形象、一个氛围,从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力,能够努力挖掘企业深层的内涵,展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导,通过色彩、布局给访问者留下深刻的印象。

    延伸阅读

  • 网页设计的构图法则分析

    平衡意味着和谐。当你看到一些看起来不错一致性和相似的感觉,你看到一个完美的平衡的构图。它可能是一幅画,一栋楼,一个摄影,甚至一个网站。在这篇文章中,我们希望你去注意网页设计中的...

  • 网页设计中字号的秘密!

    你网站上的正文字体太小。虽然桌面显示器和手机屏幕的尺寸在增加,但是机身字体似乎在缩小。虽然他们的原始尺寸是一样的,但感觉上他们比以前更小。我经常发现自己眯着眼睛看屏幕上的内容,...

  • 如何在网页设计中培养情感投入?

    心理学表明,大多数人根据他们对产品的感觉(他们的情感)来决定购买行为而非理性思维。与你的客户培养情感是很重要的。如果你的网站不能与访问者产生情感共鸣,你会为此丢失很多业务。在下...

  • 网页设计色彩搭配之清淡柔和的蜡笔色

    最近,你可能已经注意到,一些新的网站设计变得更加柔和轻盈。在所有五颜六色的色彩之间,似乎有些设计师正在采用更微妙的方式,通过使用更轻或者更平淡的颜色来创造不一样的设计。虽然它们...

  • 网页设计中的页面尺寸

    网页的尺寸受限于两个因素:一个是显示器屏幕(显示器现在种类很多,17寸为主流,正在朝19寸及宽屏的方向发展,但目前也有为数不少的15寸显示器)另一个是浏览器软件(我们常用的IE...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/6190.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();