搜课云网 > 上海跑赢职场 > 资讯总汇 > 网页设计的四点经验 让你的页面“活起来”

网页设计的四点经验 让你的页面“活起来”

机构:上海跑赢职场 时间:2016-02-20 09:30:39 点击:562

  一个完整的Web页面是需要点线面的合理结合,每一个页面都是一个神奇的空间,同时他的深度,广度和作者赋予的元素美感决定了这个页面的可观赏性。

  要想让自己设计的页面有鲜明的艺术特色,从众多的页面里脱颖而出,下面着重从以下四点去介绍。

  一、巧妙利用文字

  网页设计中,文字在整体界面中起到了主体的作用,是传达信息的主要元素,字体的的大小、颜色、字体样式甚至间距都会直接影响页面的视觉传达效果。

  如下图例:

  整体页面趋于简洁,但用文字跟图形做了巧妙的结合,使整个页面显的简而不空,同时整体文字大小对比也使页面变的更具层次感。

  合理的将字体打散进行灵活艺术加工处理使其图形化,既呈现了信息,又使整体看起来更加贴切设计主题,更具美感和艺术性。

  页面信息量虽大,但由于在间距和大小对比上做了合理的处理,使整个页面看起来满而不乱,很容易一眼就能找到信息点。

  二、使用几何图形

  网页一般都是由不同尺寸的栏目快和表格等组成,基本都是非常方正的表现方式,适当的运用一些几何图形加入其中,比如三角形,菱形或者圆形,会使整个画面更加的生动活泼和起到打破常规的作用。

  如下图例:

  提取了LOGO色,利用不同的几何图形组成固定的背景图案,使整体页面更加的形象化。

  LOGO采用几何图形的表现方式,导航则巧妙的使用了轮盘的表现形式,使原本信息量不大且方正的页面看起来活泼和饱满。

  利用几何外形直接作为栏目快,在hover的状态下直接呈现内容,使简单的画面丰富起来。

  三、合理的留白

  古人曾曰:”虚实相生,无画出皆成妙境。”说的就是场景中一实一虚留白的妙处。巧妙的留白可以让画面的视觉效果更加的通透,流畅和干净。避免元素的堆积造成的画面拥挤,辨识度低。当然留白并不是说页面中的白色区域,而是没有其他元素干扰的视觉区域。

  了解更多关于UI设计方面的知识,请访问上海UI设计培训学校

师资介绍