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

网页设计怎样设计出“一致性”?

  一个风格一致的网页比那种看起来杂乱无章的网页更吸引人,并且风格一致的网站有利于推广品牌和提升辨识度,那么怎么设计出这种风格一致的网页呢?

  一、怎样设计出“一致性”?

  说起来容易做起来难,如何打造一致性设计呢?如何让视觉形象成为联系用户与品牌的纽带?

  我们网页设计师真正能够把握的,也无非这几点:

  1.      色彩 (主色、配色方案的选择)
  2.   视觉元素 (图像,照片, 图标, 按钮的整体风格)
  3.   字体 (大小, 排列)
  4.   尺寸 (内容尺寸,图像尺寸, 间距大小)
  5.   还记得向莎士比亚学习!你值得掌握的网页设计焦点法 这篇文章吗?里面提到过,利用色彩、尺寸、视觉层级可以打造出视觉焦点。同样还是这些东西,这次利用他们打造出网页设计的一致性。
  6.   优秀的体验设计来自于对细节的追求。我们格外的需要在这些小细节上下功夫。
  7.   设计时也要考虑不同页面之间的一致性,尽管功能不同,但是要大体上(也就是说可以略有变通)保持不同页面之间视觉风格的一致——比如说,Logo和导航的位置。

  具备一致性之后的进阶


  1、大胆用色

  色彩的情绪效应想必大家都知道了,大胆的色彩能够有效的吸引用户。

  但是要注意,一定要注意色彩与品牌间的联系。例如,今年极为流行翡翠绿,可是你用翡翠绿为主色给可口可乐设计网页,就有点不合适了吧?

  2、彰显个性

  任何设计都有自己的基调,设计的基调影响了用户对网页的印象。在保持一致性的前提加入一点个性化是非常不错的想法,能够提高内容的表现力。

  再想想,某些网站虽然具备一致性,但是风格死板,让用户感到非常的无趣。如果网页设计的很鲜活,很个性化,而且联系紧密,用户首先会感觉非常有趣,其次会想,”嗯,这个网页的风格还挺一致的。”(不要为了一致性而死钻牛角尖,还要从更整体的角度看待设计。)

  3、充分考虑用户预期

  同时也要考虑到用户的预期,仔细思考下网页是如何与用户连结的,考虑下用户对网站的感觉。

  跟上面一样,不要一味的炮制一致性而忘乎所以,要考虑到用户,以用户为中心进行设计

  结论:

  理解一致性原则并加以运用,需要一定的设计基础。

  就像学习一套拳法需要动作分解一样,设计师首先要熟练掌握每个”小”元素的设计方法,然后再加以整合,形成”大”层次上的一致性。

    延伸阅读

  • 网页设计柔和色调使用的好处

    网页中的柔和色调的使用,不止是近来的趋势,这是一项设计师使用多年的技巧,用来创造有冲击力的视觉效果。当你听到“柔和”一词,想到的可能是淡粉色、淡蓝色、淡黄色,不过这种配色远不止...

  • 网站网页设计有哪些考虑方面

    一个好的网站网页设计,不仅吸引眼球,也是实用的、直观的、层级简单却足够保持用户兴趣的。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计,你的网站潜在客户也会再次浏览...

  • 什么是移动网页设计?

    一、什么是移动网页设计?“移动网页设计是为了确保您的内容能够被最多的用户访问。这对网站的成功和有效性至关重要,”一位资深设计师说道。在为移动设备上的最佳用户体验创建网站时,在计...

  • 长沙网页设计需要考虑哪些方面?

    长沙网页设计需要考虑哪些方面?1、企业自身的品牌形象每个企业都有其自身的品牌形象,从简单的看,每个企业的LOGO角色、形状都会有一定的区别,复杂一点来说,通过企业的介绍也可以分...

  • 网页设计过程中如何做好页面排版呢

    一个漂亮的页面能够吸引读者继续浏览,而要想页面漂亮,排版功不可没,那么如何做好页面排版呢,下面小编分享10个做好页面排版的基本功。1、多花些时间挑选合适的字体需要花费大量时间。...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/6918.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); })();