影响视觉设计好坏的六要素之造型篇（上）

前言

上篇文章我们通过十七种构图方法对设计中的六要素之一的构图进行了剖析，淡忘了的小伙伴可以往回翻阅《影响设计好坏的六要素之构图篇》。

那么什么是造型呢？

Part01

— 造型的定义—

造型要素指构成形体的基本视觉元素。包括形态、肌理、色彩三个部分。【来源百度百科】

本文基于视觉设计，将造型定义为页面里组成元素的形态，像图标造型、卡片造型、banner造型、按钮造型、TAB造型、轮播点造型、标签造型等，这也是构成整个页面里的基本组成元素。（本篇文章将质感和颜色单独列出与造型并列，是为了方便讲解UI视觉设计）

Part02

— 元素造型剖析—

一、图标造型

说起图标造型，大家首先要洞悉图标设计风格，根据类型主要可以分为五大类：1拟物化风格、2扁平化风格、3轻拟物化风格、4新拟态风格、5玻璃拟态风格，这里不再做细讲，大家如若想了解更深，可以翻阅本公众号之前写的一篇文章——《五分钟带你了解UI设计风格分类》

从每一类的图标造型分析来看，图标造型必须遵循以下原则：

那么什么是物理中心和视觉中心呢？

二、卡片造型

常见的卡片造型有以下几种：

2）矩形卡片

4）装饰性卡片

卡片设计原则：

设计的功能模块是用于区分功能模块还是起修饰作用，也就是要明确卡片使用场景与功能需求相匹配。

卡片必须简单明了，它承载信息的背景元素，我们设计不能宣兵夺主，过分的装饰会消弱承载内容，我们要掌握这个度。同时应该注意简洁，清晰的表现形式和有层次的布局，以便用户快速理解和处理。

三、 Banner造型

Banner横幅广告（Banner Ad.）是网络广告最早采用的形式，也是最常见的形式。横幅广告又称旗帜广告，它是横跨于网页上的矩形公告牌，当用户点击这些横幅的时候，通常可以链接到广告主的网页。【来源百度百科】

1）矩形banner

3）不规则banner

弹出式banner是指在用户点击或浏览网页时自动弹出展示的广告。它的造型可以根据主题自由发挥，但要注意建立组件规范。

以上是几种常见的banner造型，但随着设计的进步，可能还会出现新的banner样式。

选择banner造型，我们要根据实际情况、比重等级灵活运用，不同地方的banner侧重点不同，对于用户的视觉体验也不同，并且还关系到运营的广告投放效果，大家灵活运用。

结语