当前位置 >主页 > 设计 >
查看新闻

网页设计之破格术

* 来源 :http://www.squaredanceaustralia.com * 作者 : * 发表时间 : 2017-09-26 05:49

  当然我们很多时候任然无法避免分割中的直线,也不可能把所有的直线都改为曲线,这时候我们可以适当利用一些元素让模块之间有个过渡。

  △ 左右分屏是最近一年比较流行的布局方式之一,这种布局能够更加强调品牌的色彩调性,避免图片与文字的叠加干扰阅读,带来的问题就是中间死板的分割线,设计师将输入框横跨了两个模块,巧妙地打破了这个死板的形式

  △ 利用的播放图标,让左边的线描图与右侧实景图有较好的过渡,同时也成为画面的点睛之笔。

  有些信息不一定完整的展示出来,可以只展示最重要的部分,将不重要的置于画面之外,适度的隐藏,更有利于突出重要信息,也能够让画面有一定的延伸感,不死板。

  将图形、图片、文字等信息进行层叠,打破传统的左右、上下布局,增加画面的透视与层次关系。

  △ 主体人物与文字进行叠加,文字虽然做了一定的遮挡,若隐若现却不影响阅读。

  △ 不是一张图干巴巴的诠释,利用多个元素层叠交错,营造出画面的层次、透视与场景。

  △ 图片与背景块错位布局,看似好像没做完,实际是设计师精心的布局方式,让画面充满动感,同时图片的投影也让这部分信息顿时有了层次感。

  △ 利用文字、方框与主体图片进行交错组合,让这些碎片信息融为一个整体,视觉上也更加有层次感。

  △ 将四张商品图片进行波浪式的排列,虽然只是稍微改变了水平对齐的方式,但是立刻让画面充满了韵律感。

  以上方法并非只是为了突破而突破,是基于浏览体验的前提下,做出更具特点的视觉形式,设计师不须拘泥于传统的布局方式,也无须受制于同类产品形式的影响,可以大胆尝试各种布局方式,做出创新与特色。