网页设计之破格术

过渡

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

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

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

隐藏

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

△  并没有展现全部的图形，部分留于浏览器之外，让画面更显得大气。

层叠

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

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

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

错位

将图形、图片、文字等信息进行错位布局，不拘泥于条条框框之内。

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

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

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

结语

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

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!