banner是什么意思(Banner设计的美学原理)

文/方卫 杨妮 Banner设计必须要遵循美学原理,通过色彩原理、节奏与韵律、对称和均衡等美学的原理去更好的体现设计作品。设计师必须学会应用美学原理来分析、鉴赏Banner作品,并不断提高设计创造力。

banner是什么意思(Banner设计的美学原理)

从字面上来说,Banner直接翻译过来是横幅广告,Banner的位置经常会设计成可以翻页的形式,我们也会称为首焦轮播位,翻页形式的第一页称为首焦第一帧,第二页是首焦第二帧,以此类推。一般为了集中流量,一般情况下会专注于同一档活动。

banner是什么意思(Banner设计的美学原理)

banner是什么意思(Banner设计的美学原理)

Banner设计中的美学主要指形式美,它可以有多种的表现形式。概括来说有以下六种表现形式:

banner是什么意思(Banner设计的美学原理)

banner是什么意思(Banner设计的美学原理)

这种形式表现,视觉上非常整齐,会使Banner的设计更有秩序、更有节奏感,但是这种表现形式,在设计的时候需要注意,避免画面单调乏味。

banner是什么意思(Banner设计的美学原理)

banner是什么意思(Banner设计的美学原理)

也可以说这是对称均衡的表现方法。具体来说,可分为对称和均衡,对称就是在外形上以假定的中轴线为基准两侧均等,有左右对称、上下对称、放射对称。这种表现形式容易让视觉表现出安静感、稳定感,比较能突出中心。但是也有需要注意的地方,在创作中需避免单调乏味。

banner是什么意思(Banner设计的美学原理)

那么,均衡是指在假定的中轴线两侧的形体之间等量不等形、对等不对称的组合关系,有重力均衡和吸引力均衡之分。这样的美学形式法则更容易表现出变化,但是需避免处理不当容易松散、失衡。

banner是什么意思(Banner设计的美学原理)

banner是什么意思(Banner设计的美学原理)

调和是指相近要素的组合关系,即把两种相接近的东西并列,在细微变化中给人以协调感,在差异中趋向一致。这种表现形式可以在变化中保持一致,容易突出主题,但是需要注意在应用中避免主题不明确, 给人散乱的印象。

banner是什么意思(Banner设计的美学原理)

对比是指相异要素的组合关系,即把两种极不相同的东西相并列,在差异中给人一种鲜明、醒目、活跃的感觉,在差异中倾向对立。这种表现形式运用得当更易突出效果,表现热烈气氛,如果处理不当会杂乱无章。

banner是什么意思(Banner设计的美学原理)

banner是什么意思(Banner设计的美学原理)

层次是指形式美要素之间构成关系的秩序性,有横的层次、纵的层次、空间的层次、时间的层次、广度的层次、深度的层次等。层次的表现可以让作品显得多而不乱、繁而不杂,但是如果处理不当会显得杂乱无章、呆板单调。

banner是什么意思(Banner设计的美学原理)

比例是指整体和局部、局部与局部之间的构成关系要合乎比例。比例处理得当使画面更有美感,如果比例失调会造成畸形,或者形象失真。

banner是什么意思(Banner设计的美学原理)

banner是什么意思(Banner设计的美学原理)

节奏是设计要素之间和整体构成在运动中的强弱变化的有规律、有秩序地连续性反复,构成节奏的要素有时间关系、力度关系。韵律是指在形象的排列组合中赋予一定情感色彩的节奏,节奏韵律的合理安排会使作品繁杂归于秩序、更富有层次感。

banner是什么意思(Banner设计的美学原理)

banner是什么意思(Banner设计的美学原理)

让多种设计元素在变化中求和谐,在参差中求整齐,局部从属于整体,这种表现形式处理得当,会使设计丰富而不杂乱,统一而不单调,处理不当会使主题杂乱,各自为政。

banner是什么意思(Banner设计的美学原理)

普通的电商Banner设计,会把尽量多的信息放在Banner上,如品牌名称、活动主题、活动时间、优惠信息等,会尽可能的希望通过Banner把各种可能吸引浏览者点击的信息都设计在banner里。这种类型的Banner设计会因为素材多,会经常用到层次比例的表现、多样统一的和谐、以及节奏韵律的表现这几种美学表现形式。

banner是什么意思(Banner设计的美学原理)

了解并掌握这些美学原理,对于Banner设计来说是至关重要的,可以帮助设计师更好的把握设计中的理论基础和规范。

banner是什么意思(Banner设计的美学原理)

① 官方头条号:设计智造 顶级创意设计师必备

② 本篇为 设计智造wwwcoo.top 编辑整理,版权归原作者所有,转载请注明出处!

本文来自投稿,不代表8898网立场,如若转载,请注明出处:https://m.jiameng8898.com/16467.html