当前位置: 首页 >文章 > 以中秋主题开聊闪屏设计
收藏
分享

以中秋主题开聊闪屏设计

举报黑马青年黑马青年发布于 2018-09-283554阅读12点赞1评论
中秋虽然已经过去了~但是国庆的设计思路还能从里面借鉴^_^,今天给大家分享的是关于中秋闪屏设计的一些知识梳理,希望带给你新的思路与灵感。...


关于闪屏

闪屏约等于启动页,其存在的目的都是为了缓解用户等待过程中产生的焦躁情绪,也辅助传达了品牌信息、产品基础信息、广告内容、节日氛围等等。一般展示时间在3S左右,大部分应用提供了“跳过”这个功能。

闪屏/启动页呈现类别

闪屏页与启动页承载的功能是一致的,只是闪屏页一般都是品牌宣传、广告内容、节日氛围等,两者在呈现形式上面主要有下面几种形式:

a. 只有启动页呈现,通常为品牌信息传播;

b. 启动页+闪屏先后呈现,一般启动页为品牌信息,闪屏为广告内容、节日氛围等;

c. 启动页和闪屏交替呈现,在平时以品牌信息等默认启动页,节日活动时展示闪屏页。

节日氛围闪屏

闪屏的设计中除了广告内容以外,节日氛围营造也是较为常见的形式。这也是今天为大家分享的主要内容,以中秋闪屏设计为案例解剖,为大家梳理一下中秋闪屏在设计中的表现形式与设计思路。

广告内容结合中秋热点

在节日氛围中结合广告内容是商家最惯用的伎俩之一,这也是为啥现在节日变的越来越多,除了传统节日以外,一些商家自定义形成的节日也逐步开始流行,如:双十一、双十二、618、购物节等等。

中秋这个热点中加入广告内容是最好不过的了,这个热点是最利于达成交易的节日热点之一。

品牌信息的结合

品牌信息结合中秋主题主要体现在品牌特征元素或者LOGO图形通过艺术化处理相互结合,在突出中秋主题的同时加强了品牌的亲和力。在闪屏设计的表现形式上面也各有不同,主要集中在以下形式:

a. 品牌信息直接嵌入

这是最为简单的手法,只要设计一幅与中秋相关内容的闪屏画面,然后直接露出品牌信息即可。

b. 利用同构图形的创意手法

这样的设计形式比较考验品牌图形与中秋元素的融合性,一般是以LOGO图形与中秋相关元素进行同构。中秋相关元素包含:月饼、圆月、玉兔等,如360手机浏览器的闪屏设计就是LOGO图形结合月饼造型同构而成。

c. LOGO图形剪影形式

这个设计形式较为少见,是利用LOGO图形或者其他特征图形的外形形成剪影,然后结合中秋场景插画,是比较简单的设计手法之一,如百度地图就是以这样的形式设计过一次中秋主题的闪屏作品。

d. 品牌特征图形、品牌简称、字母等形式作为纹理结合中秋元素

这样的设计形式是充分利用中秋元素的造型纹理与品牌图形或者字形进行组合,组合形式比较巧妙。

e. 品牌产品特征融入到场景角色中

将品牌产品特征结合中秋场景中的人物或者卡通形象等角色,从侧面传播品牌信息、服务和产品推广。这样的形式灵活性比较高,在一些无法直接与中秋主题融合的产品,利用变相的手法也是非常巧妙的搭上了中秋的热点。

f. 吉祥物与中秋场景的结合

对于一些拥有吉祥物的品牌,将其融入到中秋场景中是比较常见的创意手法。由于吉祥物本身具备很强的亲和力,更加能够体现出中秋的氛围,拉进与用户之间的距离感。

插画在中秋闪屏设计中的运用

插画在闪屏设计中是非常常见的形式,搜索中秋闪屏设计作品中,几乎都是插画的表现形式。根据对中秋相关闪屏的分析,大致总结出在中秋闪屏设计中的插画表现风格与思路,希望带给你一些启示。

a. 全家福与圆月的组合

中秋是团圆的象征,利用全家福的场景与圆月进行组合可以在没有任何文案点题的前提下准确的进行信息传达。这样的形式不仅可以勾起用户的共勉,也能在没有更好的创意的前提下,比较通用的表现形式。

b. 利用相思与游子产生共勉

对于很多远乡异地的游子来说,中秋小长假是难以赶回团圆的,利用这样的场景结合圆月也是很能与之共勉的。一般场景中出现独立的角色或者没有人物角色,用这样的场景表现孤独,然后配合产品的服务打破这样的孤独感,与这部分游子群体产生共勉。

c. 玉兔在场景中无处不在

中秋的节日氛围中玉兔的出现是非常常见的,动物本身的亲和力就很强,兔子在我们生活中更是可爱的象征,一般呈现的形式有玉兔与主角结合、玉兔作为主体、玉兔作为配饰等。

d. 场景插画在中秋主题中的运用

有一部分中秋闪屏设计是利用旅途风景插画、城市夜景、窗户视角等场景插画结合圆月来呈现。这样的形式视野开阔,但是节日氛围相对较为冷清,运用这种插画形式的品牌比较少。

e. 嫦娥在中秋闪屏中作为主角存在

以嫦娥作为中秋节日氛围体现是神话故事流传的结果,在以前的中秋主题插画设计中是最为常见的形式,近些年相对出现较少,因为如果表现不好容易比较传统,在互联网这个新时代里面,大家都在不断地追求新的元素来刺激传统的思维。

中秋闪屏插画表现技法

在绘制中秋闪屏插画中,插画的表现形式很多,根据产品的风格选择适合的表现技法,才能更加突出产品的气质。通过对中秋闪屏设计作品的分析,总结出以下不同的插画表现技法,希望你以后在中秋闪屏设计中对每一种技法都有所了解。

a. 扁平插画

扁平插画是近两年非常流行的插画风格之一,把复杂的图形结构进行简约化,让画面风格更加简洁清爽。符合快节奏下大家追求效率优先的理念,高效的传达画面主题。在中秋闪屏设计中也是非常常见,设计周期也相对比较短。

b. 描边风格插画

在插画设计中利用清晰的描边对外形轮廓进行交代,可以使插画具备更强的风格特征,这种形式的插画作品个性比较强,一般表现形式较为随性、年轻化。

c. 立体插画

立体插画也称为2.5D插画,就是在二维的空间里表现三维的事物。在中秋闪屏设计中通常会结合偏写实风格的角色出现,利用立体插画的透视来表现场景的空间感,以表现建筑、室内场景、桌椅设施、中秋元素等插画为主。

d. 手绘风格插画

将手绘风格插画运用到中秋闪屏中需要设计师具备很强的绘画功底,是插画设计中难度比较高的技法之一。手绘可以给人更强的亲和力,削弱了几分机械的味道,通常用于表现一些与中秋相关的故事场景。

e. 肌理/笔触

在插画设计的局部利用肌理效果或者适当地运用笔触,可以增强插画的技法表现。在中秋闪屏中一般会在角色的局部或者场景插画的局部加以运用,来丰富整个插画作品的表现力度。在设计软件中一般会采用自带的特殊画笔或者安装一些笔刷,现在网上下载与安装笔刷还是非常方便的。

f. 写实风格插画

为了让中秋闪屏插画更加细腻,偏写实类型的插画表现风格相对比较常见,利用仿照真实环境中的光影变化来表现插画场景,使得插画作品细腻美观。这种插画形式比较考验设计师的美术功底与技法的熟练度,通常一些专业的插画师或者美术功底较强的设计师比较能够驾驭。

素材合成

对于手绘功底薄弱的设计师也会利用素材合成来实现闪屏设计,但是个人建议UI设计师最好还是加强一下基础的插画设计技能。对于素材合成闪屏分为两种情况:插画素材合成和图片素材合成,但是需要注意素材的版权因素。

中秋闪屏设计构图归纳

闪屏设计除了创意与技法表现以外,构图也是非常重要的。无论是插画还是设计排版,对于每一个元素的位置排布都是设计师精心的安排,在《设计的教室》一书中提到每个对象的摆放都必然存在关联性与根据。

a. 中心对称构图

中心对称是中国传统的设计美学,无论是古代建筑、生活器具、配饰纹样等都采用了对称的设计美学,这样的设计形式使得构图稳定,内容呈现丰富。在中秋这个传统节日的闪屏设计中,中心对称的构图形式运用非常广泛。

b. 斜角构图

斜角构图分为左右两种形式,斜角构图比起中心对称构图画面感更加灵动,一些元素的安排有时候是为了起到平衡画面的作用。

c. 中心发散构图

以中心点向四周进行插画元素布局,可以使得画面平衡饱满,在中秋主题突出团圆这个主题上面应用也是较为常见。中心发散构图以元素环形排列,中心点的元素将会被视为主体元素存在。

d. 透视的运用

透视在插画设计中是非常重要且需要掌握的基础技能,透视的运用可以使得插画空间感更强,在表现场景插画的时候是必不可少的。透视可以利用元素的大小对比、色彩的深浅对比、造型的繁简度对比、元素数量对比等形式体现。

e. 满屏构图

大部分设计师喜欢通过留白让画面感更加通透,个别的作品也会特意将元素铺满整个闪屏,突出热闹的氛围。这种构图把控难度相对大些,如果元素之间的对比处理不当就会使得画面很拥挤,给人窒息的错觉。需要找到重点突出的元素,形成以此为重点进行环绕构图,这样画面的重心才会得到平衡。

小结

通过中秋主题进行闪屏设计的知识梳理,希望大家以后在面对节日氛围相关的闪屏设计时有一定的了解。设计的形式、方法、技巧和思路各有不同,我们要善于对已有设计作品进行总结归纳,找出优秀作品的设计轨迹,知道背后的原理,这样以后在进行项目设计的时候轨迹是可以被复制和优化的。

作者:黑马青年(黎波)

1条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩18天47人已报名
【5月】零基础手绘插画训练营
距离开班仅剩18天27人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩35天9人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了44,206
并提交了243份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证