菜心UI通用武器库——包装之六脉神剑

Recommanded by editor
深圳/学生/1年前/3150浏览
菜心UI通用武器库——包装之六脉神剑Recommanded by editor
今天给大家分享
六个包装原则
——包装之六脉神剑
其中包括:
01. 设计原则;
02. 看清原则;
03. 字体原则;
04. 重复原则;
05. 层次原则;
06. 冲击原则;
01. 设计原则:没有设计不算作品
从创业开始,不管是招聘还是给学生辅导,都需要接收大量的作品集,看过的作品集成千上万个,我会发现很多同学的设计作品集都是“假的”,这个假的不是说抄袭或者搬运,而是说设计作品集里面的内容根本算不上设计。
比如很多同学的作品是这样的:
菜心UI通用武器库——包装之六脉神剑
Collect
这样的作品,其实除了文字就是图片,根本算不上设计,也没有任何门槛,随便一个会软件的大学生都可以轻松将你替代。
尽量作品里带有一些这样的设计,增强你的不可替代性,这些都是我们同学的作品:
菜心UI通用武器库——包装之六脉神剑
Collect
菜心UI通用武器库——包装之六脉神剑
Collect
如果你的设计作品集里都没有设计,你想想,还能有面试官要你吗?
02. 看清原则:重要内容让人看见
作品集看多了,你会发现,很多人不会展示,总喜欢把所有作品平铺在作品集里。
假设我们有一个这样的界面需要展示,可能很多同学就是一个平铺就结束了。
菜心UI通用武器库——包装之六脉神剑
Collect
其实界面底部的图标是用MJ生成的,而且做的很精致,但是在界面中占比太小,很难被注意到。
我们是不是可以对图标进行一个放大的处理,来强调一下这个优势呢?
菜心UI通用武器库——包装之六脉神剑
Collect
像这个H5活动页也是同样的道理,界面中的盲盒刻画的非常精致,如果只是在界面里展示未免有些可惜了:
菜心UI通用武器库——包装之六脉神剑
Collect
我们完全可以把盲盒放大,来一个重点展示:
菜心UI通用武器库——包装之六脉神剑
Collect
这就是看清原则,把重点内容放大来强调自己的优势。
03. 字体原则:别总整奇怪的字体
文字排版是包装中非常重要的一个组成部分,中间也是有很多学问。在这里我们重点说一下字体的选择。
我们先来看一张图:
菜心UI通用武器库——包装之六脉神剑
Collect
图中,字体选择了一种非常不规则的可爱手写体,用在包装排版中,很容易显得凌乱,而且会导致整体风格显得幼稚。
我们可以选择一些相对规整的字体,使文字排版更加工整一些。如果想要字体有一些设计感,也是尽量在字体规整的基础上去找。
比如这张图,选用了比较规整的字体,但整体的排版还是非常有设计感的。
菜心UI通用武器库——包装之六脉神剑
Collect
我们可以通过在文字大小、文字粗细等等方面的调整,让文字排版更有层次,更耐看。
假设我们要做一个文字标题排版:
菜心UI通用武器库——包装之六脉神剑
Collect
首先,我们可以在字体大小上做一下区分:
菜心UI通用武器库——包装之六脉神剑
Collect
接着,在文字粗细上做一下区分;
菜心UI通用武器库——包装之六脉神剑
Collect
往下,还可以在字体的灰度上做区分,让小字部分弱下去一些。
菜心UI通用武器库——包装之六脉神剑
Collect
再来看一下排版前后的对比:
菜心UI通用武器库——包装之六脉神剑
Collect
即使选择了非常中规中矩的字体,还是可以通过改变文字大小、粗细、灰度的方式,做出有细节的排版。
04. 重复原则:好内容可重复展示
当我们对某一些作品感到特别满意的时候,其实可以考虑进行重复的展示。
虽说是重复展示,但也不是完全的复制粘贴,我们还是需要在包装上下功夫,更换展示的形式,才能真正的成为加分项。
举个例子:
菜心UI通用武器库——包装之六脉神剑
Collect
我们会发现,虽然包装中的徽章是重复的,但都分别采用了不同的包装样式进行排版,使整体变得更加丰富,同时不断加深观众对好作品的印象。
05. 层次原则:作品单薄多加修饰
很多同学会遇到作品包装比较单薄的情况。这时我们可以遵循层次原则,通过添加修饰丰富包装层次。下面就给大家分享几种比较好用的包装小技巧:
1)背景底纹
添加背景底纹是即好操作也容易出效果的一种。
文字背景:
菜心UI通用武器库——包装之六脉神剑
Collect
需要注意的是,文字作为背景纹理使用的时候,尽量选用粗一点的字体,相对来说会更饱满一些;另外,把文字放大一些,也会使排版看起来更大气。
图形背景:
菜心UI通用武器库——包装之六脉神剑
Collect
除了文字以外,各类图形也是比较常用的。我们可以使用和主体物或者是产品、品牌相关的图形作为背景底纹,这样不仅能丰富包装层次,还能增强主题的关联性,可谓是一石二鸟。
2)元素
除了丰富背景纹理以外,在包装中添加一些3d小元素,也能丰富层次。
菜心UI通用武器库——包装之六脉神剑
Collect
和图形一样,我们可以多用和主体物或者是产品、品牌相关联的元素,来强化整体的关联性。
3)警戒线
警戒线也是一种非常好用的包装形式。它除了能丰富层次以外,还能起到分割页面的作用。
菜心UI通用武器库——包装之六脉神剑
Collect
菜心UI通用武器库——包装之六脉神剑
Collect
常用于一些年轻化的产品或者主题。
以上就是层次原则的内容,给大家总结了几种丰富层次的包装小技巧,都非常实用,大家可以多多尝试起来哟。
06. 冲击原则:包装展示要有冲击
作品包装非常重要的一点是要具备视觉冲击力,这样才能保证在一众的作品中脱颖而出,给面试官留下深刻的印象。
其实用好背景色,就能轻松营造出很强的视觉冲击力。因为背景色占据的面积是非常大的,基本覆盖了整个包装。
我们先来做一个对比:
菜心UI通用武器库——包装之六脉神剑
Collect
我们会感觉右边的颜色比左边的颜色更吸引注意力一些。
有两方面的原因。
一方面是
颜色色相
,左边图使用的是清一色的黑,右边图除了黑以外,还使用了两个高饱和颜色:黄色和绿色,高饱和的颜色是自带“吸睛”属性的,所以我们会觉得右边图更吸引眼球。
还有另一方面是
颜色节奏
,我们发现右边图的颜色由上至下是黄、黑、绿、黑,从颜色节奏的角度上来说就是轻、重、轻、重,相互之间的节奏对比是很大的,这也是我们会觉得右边图更有视觉冲击力的原因。
我们来看下这两种背景色在实际包装中的样子,以同学的作业为例:
菜心UI通用武器库——包装之六脉神剑
Collect
优化前的背景只用了黑色,除了导致包装有点平以外;展示的内容也没有被很好的区分开,因为所有的彩色元素都在同一个黑色背景上,容易显得琐碎。
优化后,背景使用了黄、黑、绿、黑这样的颜色搭配,使视觉冲击力变强了很多;除此之外,不同的背景色划分出了不同的模块,内容被归类在模块当中,会使排版看起来整体一些。
菜心UI通用武器库——包装之六脉神剑
Collect
这就是由背景色带来的视觉冲击力。
好啦,今天的
六个包装原则
——包装之六脉神剑就分享到这里了,希望对大家有所启发和帮助!
79
Report
|
109
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
MOVA 扫地机器人-活水版
Homepage recommendation
相关收藏夹
设计文章/教程
设计文章/教程
设计文章/教程
设计文章/教程
作品收藏夹
教程学习
教程学习
教程学习
教程学习
作品收藏夹
排版 版式
排版 版式
排版 版式
排版 版式
作品收藏夹
文章
文章
文章
文章
作品收藏夹
文章
文章
文章
文章
作品收藏夹
设计落地
设计落地
设计落地
设计落地
作品收藏夹
大家都在看
Log in