美文网首页
专题页设计中的构图

专题页设计中的构图

作者: 夕颜___ | 来源:发表于2016-02-29 14:12 被阅读195次

    原文地址:mux.baidu

    一、几何切割

    在现实生活与自然界中,我们随处可见几何图形的存在,简单的三角形、正方形、长方形和圆形甚至几根线条就可以组成很多有趣的图形,也很符合现代审美需求,适当的画面切割能够给页面带来动感与节奏感。加入几根线条,几个块面就能令页面起到意想不到的效果。

    实现的时候需要注意的是素材不适合太过复杂和花哨,一般会是纯色大块搭配渐变,主要突出形状和区块。

    a. 简单切割


    Paste_Image.png
    Paste_Image.png
    Paste_Image.png

    b. 对称切割

    Paste_Image.png
    Paste_Image.png
    Paste_Image.png

    这种构图方式的前提一般是内容分主要两部分,并且这两部分是对立关系的情况下,比如说:对战,男女,冷热等等。页面一分为二,内容划分明确也更加具有视觉冲击力。

    c. 组合切割

    Paste_Image.png
    Paste_Image.png

    集中而规律的排列,从整体上抓住人们的视觉。这种构图方式适合那种每个区块中的内容属于平级关系的专题,例如示例中的几个功能点和分类,都是属于同一级的内容,所占的比例也相同,用这种组合的排列能够保持各内容的关系,也能让布局更有创意。
    d. 多重切割

    Paste_Image.png Paste_Image.png

    不规则的构图,稳定而锐利,干净的排版,易于识别,不规则的构图方式,避免了画面生硬,不易产生审美疲劳。不同的形状和排列,呈现出来的视觉效果也不一样。这种构图方式使用最多的一般是为了体现时尚感,科技感,与锋利感觉的专题,例如时装,家电,以及游戏战斗类的专题等等。

    二、主体轮廓
    设计的时候将形状尽量轮廓化,加以强调突出,主体不需要太具象,舍弃一些繁琐的、次要的元素,通过图片素材来激发创意。

    Paste_Image.png
    Paste_Image.png
    Paste_Image.png
    Paste_Image.png
    Paste_Image.png
    Paste_Image.png
    Paste_Image.png
    Paste_Image.png

    此种主体内容很明确以及具象,能够用物品或轮廓直接代表,比如:端午可以用龙舟、粽子;中秋可以用月饼、玉兔;会员可以用皇冠,钻石等等

    三、放射及透视
    通过整体放射状加透视构图,使画面呈现立体与空间感,视觉焦点明确,画面冲击力强,富有动感。适合文字较少的时候。


    Paste_Image.png
    Paste_Image.png
    Paste_Image.png

    四、整体场景
    专题内容不多,要突出趣味性,让用户迅速置身在搭建的场景中,带动情绪,参与互动,直观获取有用信息。切记场景不要抢了内容的视觉焦点,在适当的时候做些减法。


    Paste_Image.png
    Paste_Image.png
    Paste_Image.png

    五、流程图
    渐进以及流向又或者是展示各节点的内容,专题运用这种构图方式能够将步骤,关系,各个节点以及整体流向展示清楚,配合图片展示,一个枯燥的流程瞬间变得个性十足,用户浏览简单又明了,并且充满了趣味性。

    Paste_Image.png
    Paste_Image.png
    Paste_Image.png

    相关文章

      网友评论

          本文标题:专题页设计中的构图

          本文链接:https://www.haomeiwen.com/subject/gxegkttx.html