课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 从空间、变化、形式搞定电商网站设计
  • 从空间、变化、形式搞定电商网站设计

    发布:南昌UI培训      来源:优设网      时间:2016-06-03


  •   南昌达内ui设计培训专家从空间、变化、形式三个方面聊聊电商网站banner图要如何设计。

    一、空间

      空间是文字之间、图文之间的排列关系,是排版的第一步和基础,一张图的空间关系即构图自一开始就影响到整体的走向和最终的成型。

    垂直水平构图

      排版左中右对齐方式都有,比较随意直观,可灵活操作。

    斜线构图

      常用于促销类、居中排布、大多数会有图形辅助以和底部斜线构图明确区分并突出文本,或者部分也有跟随式斜着排版。

    三角构图

      一般居中排版,文字排布大小分明,结构感强,常以图形线条辅助排版。

    对角线构图

      常用于服装食品等类型、一般左或右对齐,文字选择简单直观粗细分明,常有线条或小图形辅助。

    辐射式构图

      和斜线构图很像,促销类、居中排布、大多会有图形辅助以和底部斜线构图明确区分并突出文本。

    框架式构图

      框架构图包括图形被框,文本被框或者图文都被框,文本被框是图形辅助排版的一种方式,之后详解。

      我们可以通过变化对齐方式、大小、粗细、角度、字体、颜色、错落方式等来说明各种排版变化方式带来的不同结果和感觉。

    二、变化

      对齐、大小、粗细对比是排版最基本的三大要素,是之后所有排版方式的基础

    ①起码有一边对齐,才会使版式整洁易读,层次清晰

    ②大小和粗细的对比做到了主次分明。banner设计的目的,其实就是最大化的呈现给用户活动的信息,要让最重要的,最有利的信息一瞬间就传递给们,通过对比即可使信息的传递层次清晰。

    角度

      角度不限于示例这种。对排版进行角度变化,会增加失衡和速度感。是促销类的banner常用的方式往往对应斜构图的背景,增加整体气氛。也有增加透视类的角度变化。

    字体

      第一个:清秀的方正书意宋,第二个:霸气的蒙纳超刚黑,稍微变换板式,出来了两种不同的感觉,虽然都是买买买,但是第一个明显是清新委婉的,第二种摆明了就是要放折扣大招的样子。字体对排版的重要性不言而喻。

    颜色

     颜色的变化一是根据整个设计选择颜色,二是类似上图对需要突出的信息进行颜色的突出,是最常用易用的方式。 

    错落

      一般萌系、食品类和扁平化等等的banner上,都需要这类随意轻快、错落有序的排版。设计过程中,适当对字进行大小变化和旋转,并且选择一些卡通化、手写体的字体,会有不错的效果。还有另一类错落的板式也比较常见,如下图所示,宋体字、毛笔字排版非常易用。

    三、形式

      形式简单可理解为对排版的辅助,他们不抢眼,但是加入后又能使版式不单板,善用可以使整个排版高大上,也能使逻辑结构更加清晰。

    图形辅助

      图形辅助一般用基础的方圆 三角等或者有特殊含义的图形(天猫、阿里旺旺剪影)为依托进行文字排版,可起到突出文本、增强对比、增加结构感设计感的作用。

    线条辅助

      以线条分割进行区块划分增加对比,也可用线条和图形进行串联,亦或聚焦视线,简洁有力,近期大量用于时尚简洁类的设计中。

    图文结合

      用图形结合文字和视觉,达到整体统一。

    总结:

      南昌达内UI培训专家提示,排版的重要性不言而喻,通过以上3个方面的介绍,帮助大家更加直观的认识电商banner的排版。





    原文链接:http://www.uisdc.com/space-form-banner-typesetting
    推荐文章

上一篇:25个活泼大气的粉色风格网页设计

下一篇:非常实用的CSS blackground属性解读

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56