以中秋主题,为你科普闪屏设计的基础方法 - 优设网 - UISDC

以中秋主题,为你科普闪屏设计的基础方法

2018/09/25 14900评论 6

今天给大家分享的是关于中秋闪屏设计的一些知识梳理,希望带给你新的思路与灵感。

一、关于闪屏

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

二、闪屏/启动页呈现类别

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

  • 只有启动页呈现,通常为品牌信息传播;
  • 启动页+闪屏先后呈现,一般启动页为品牌信息,闪屏为广告内容、节日氛围等;
  • 启动页和闪屏交替呈现,在平时以品牌信息等默认启动页,节日活动时展示闪屏页。

三、节日氛围闪屏

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

四、广告内容结合中秋热点

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

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

五、品牌信息的结合

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

1. 品牌信息直接嵌入

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

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

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

3. LOGO图形剪影形式

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

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

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

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

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

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

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

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

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

1. 全家福与圆月的组合

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

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

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

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

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

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

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

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

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

七、中秋闪屏插画表现技法

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

1. 扁平插画

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

2. 描边风格插画

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

3. 立体插画

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

4. 手绘风格插画

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

5. 肌理/笔触

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

6. 写实风格插画

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

八、素材合成

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

九、中秋闪屏设计构图归纳

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

1. 中心对称构图

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

2. 斜角构图

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

3. 中心发散构图

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

4. 透视的运用

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

5. 满屏构图

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

小结

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

以今日的梳理分享抛砖引玉,希望大家能够总结出更多的设计经验与方法,分享给更多的朋友,大家互相进步。

欢迎关注作者的微信公众号:「 易设计课堂」

「如何做启动页设计」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/basic-method-of-splash-screen-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里