认识达内从这里开始

掌握不同的网页构图方法能够让UI设计师在面对不同的设计需求的时候能够有更多的设计选择，下面我们就通过案例分析来简单了解一下，常见的网页构图方法都有哪些。

1.现实形态

字面意思就是以生活当中的物体形态进行创作，将项目主题和设计图形强相关，从主题出发进行创作，提炼关键需求内容，在内容上做加或减法，填充符合产品需求的视觉元素、文案信息。

利用现实形态、场景来表达创意构图可以产生很多的方案。但是有时会发现，在执行中会可能比较复杂、或者没有合适的形态来表达主题，那么用”几何形态“来进行定位主题，可以帮你来解决这类难题。

2.几何形态

提到几何形态大家马上会浮现“方形、圆形、三角形”的影子。

其实利用这三种几何形态来辅助构图，也能传达较为准确的视觉感受。特别是在做视觉构图排版、辅助文字、辅助构图时，几何形态更是便捷的元素。

方形

方形是简洁的形态，由直线构成、在很多的排版中常出现，方形、矩形会让你的设计空间利用佳化，在阅读浏览上方形可以尽量排除形态上的干扰，横平竖直以整洁的方式梳理信息，所以方形经常出现在信息量较大的页面中，包括一些文字的排版，利用方形的几何规则，会让你高效地进行创作。

圆形

圆形跟方形完全不同，圆形是使用较多的一种图形，它是由弧线组成、外形光滑、圆润饱满，这样的形态通常让我们浮现，可爱、灵动、有亲和力的画面想象，它通常在一些Q版、欢乐的主题中出现。运用圆形元素，会有令你意想不到的效果，圆形往往是很吸引眼球的，它会让你脱颖而出。圆形的构图会让画面信息留白，适当的留白对产品来说相当重要，同时也考验设计师的基础训练是否扎实。

三角形

三角形跟以上两个图形比起来更加特殊，三角形上有急转、指示的意思，尖锐的造型给人以强烈的情感刺激和反差，倾斜的角度也会带给人以速度感。所以三角形的形态给我们带来的感受通常是刺激的，运动的，时尚的，尖锐的。这样的形态时常会出现在一些时尚运动品牌或体现速度感、暴力、刺激等主题中。

3.线的运用

在构图排版中“线”的使用是必不可少的，灵活地借助线排版会让设计构图变得更加准确高效。

辅助线：运用线来进行元素对齐，可以帮助设计构图、版式中构建更好的秩序和层次结构，从而实现设计稿层次清晰、简单易读，视觉美观的布局。

分割线：为了用户更好的阅读浏览，可以运用细线来区分在板块结构、或主题文字等……不仅起到了分割效果，而且整体排版中带有节奏和对比。

引导线：引导用户浏览路径，让元素、图片、内容更好的对应，让用户在看完内容后，顺其自然的将焦点引导看到后续内容。又使得排版的形式不一样，弥补画面平衡。

其他线：波浪线、曲线、斜线等。线的宽窄样式和线的平直弯曲，这些形态上的变化，可以表现出谨慎严肃，也能释放某种率性天真。可完全装饰，也可附带功能，实际应用中需要根据自身的需求来搭配运用。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。