网页设计“立体感”不够,技巧来凑!

发表于:2017-09-30

  我们生活在三维的立体空间,周围的物体都是三维的存在,能看得见摸得着。但是浏览网站的设备屏幕是二维,看得见摸不着,所以在网站页面上的视觉表现要比真实生活用肉看看到的视觉感差。

  为了能让设计更有深度,看起来更加“立体感”,该从哪些方面进行调整呢?

  重叠位置关系

  设计稿版面的中心位置是视觉的焦点,也是最佳的视觉区域,然后依次为上方、左侧、右侧、下方的位置顺序。通过重叠的位置关系,将图象或文字作前后叠压排列,将重要的信息或视觉流程的信息安排在注目价值高的部位,让主要信息掩盖次要信息,同时营造了一种纵深感。

  比例关系和尺寸

  大的物体看起来要近,小的物体看起来远一些,即近大远小产生近、中、远的空间层次。在设计排版的时候,可以将主体形象或标题文字放大次要形象缩小,通过不同尺寸大小的物体来建立层次分明的空间关系,以达到增强设计稿的立体视觉效果。

  动静关系、画面肌理

  “动”态的设计稿视觉上充满活力,能够吸引用户获得更高的关注度;“静”态的设计稿版面则会比较含蓄高冷,两者在版面的组织上,以动为前,静为后,彼此以动静的对比关系来建立空间感。

  画面肌理的运用会给浏览者一种暗示,以细小的文字或图象组织的版面,透过屏幕可以感受到现实生活中视觉元素的表面。

  黑、白、灰的空间层次

  网站设计强调色彩的调性,或高调、低调、灰调;或对比强烈;或对比柔和。优秀的网站制作公司,设计稿色调都非常明确,网站整体浏览起来非常和谐。

  反之,如果色调没有处理妥当,网站整体会比较混乱,严重降低用户的浏览体验。因此,应加强形与空间大小面积的对比关系、文字的整体关系,以及用集中近似的面积等来达到色调统一。

  总结

  更多的设计技巧可以更好的驾驭设计,不同的方法可以展现设计稿有不用层次的“立体感”,不妨试试以上几种方式,在网站制作的过程中让网页设计更出彩。




(非特殊说明,本文版权归原作者所有,转载请注明出处 )
标签: 上海网站建设、上海网站制作、高端网站设计、迈若网络


迈若微信公众号_上海网站建设公司

手机随时获取迈若动态,扫描左侧二维码
添加迈若微信公众号【manro_since2005】