作品集设计好了,却在包装上犯难了?

用户头像
深圳/学生/1年前/4496浏览
作品集设计好了,却在包装上犯难了?
一套优秀的作品集从设计到包装中的过程都是非常重要的,一步都不能缺少。
今天就给大家分享一下,作品集包装中的几个较为重要的小技巧。
干货满满,全程高能无尿点!
1.排版分块
在包装中,好的排版可以给作品进行加分。可能有些同学觉得排版没什么难的,只需要将文字往页面上一放就行了。
其实不然,我们来看我们同学做的一个作业,在包装需求分析这一块内容的时候,排版就存在一些小问题:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2MjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
其实这样排版也不是不行,不过其中缺少细节。像文字的对齐、字体的字号、包括其中文字旁边的小元素:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2Mjg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们这里应该怎么去调整优化呢?
首先我们可以将内容进行分组,让整个页面变得工整一点:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2MzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们用色块区分完成之后,我们可以看到这里我们两个色块都用的是灰色的,有点区分不开的同时还显得单调。
我们就可以给其中一个添加上主色,这里页面的主色是粉色,所以我们就添加上粉色:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2MzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
给色块上完色之后,这一块的排版已经可以了,但看起来还是有点单调,所以我们可以添加一些小图标上去,增加一下视觉层次:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NDA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
优化前的排版普通,缺乏细节;优化之后的排版,视觉层次增加了,看起来也更加工整了,我们来对比一下:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
排版需要对审美有一定的把控和辨别能力,同时排版也不是什么简单的事。
下面是我们同学们的一组作业,这组作业中同样存在着一些排版问题:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这组作业其实总体还是比较不错的,不过在浏览的过程中我们就可以察觉到下滑的时候总体排版呈现给人一种很乱的感觉。
如果想要页面排版布局工整的话,一定要让内容模块化。在上面的过程中,我们也用到了模块化。
在这组作业中,它的背景全是由黑色组成的。根本看不出模块化,所以我们可以将它的背景色进行调整:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
优化之后,我们将背景色调整成了黑白绿三种颜色的搭配。
用背景色来区分,从而形成了模块化。这样看起来就显得较为工整了。
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
所以想要页面排版工整的话,模块化则是绕不开的一道坎。
2.减少繁琐
在做作品集的时候,有时候不需要太过繁琐的设计,大道至简。
尤其是刚开始做设计的小白,总想在页面上堆满一些没有必要的元素。下面是我们同学做的一组作业:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NjA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们同学做的这一组作业当中,整体的颜色中紫色为主,黑、白、绿为辅,但其中却突兀的出现了其他颜色。
我们来看一下这其中出现的颜色,哪里是和谐的哪里和整体又不和谐:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们通过观察可以看到这里突然出现的黄色和整体一点都不搭配,显的尤为不协调。
而且这里出现的绿色也和整体使用的绿色不是同一个色号,这些东西都是没有必要的,不需要这么复杂:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2Njg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们可以将这两个图标的颜色替换成主色和辅色种的任意一种,让其更好的融入主体:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
改了颜色之后,整体的颜色就变的统一了,不会出现杂乱无章的感觉。是不是整体看起来一下就和谐了:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2NzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
所以有些时候,我们不需要去做那些乱七八糟、各种各样花里胡哨的东西,把一些简单的东西做规范然后将其排版做好就行了。
3.包装破形
作品集包装有三种常见好用的方式。
1)横带包装
首先,第一种方式就是我们经常可以看到的使用两条横带的这种方式。这种方式非常好用,利用横带来将画面其中一块给破开。
这样一来,把横着的画面直接就给破开了,就不会显得那么呆板:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2ODA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
2)样机包装
第二种方式,首先利用样机来初步包装,随后将样机给破开你的形状,当然你的形可以是横的也可以是曲线,还可以让里面的内容有一种破窗而出的感觉。
最主要的一点,就是利用样机破开其中的小形:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2ODQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
3)元素压线
第三种方式,就是利用元素或者卡片来压在横线当中。
用一个物体来压在横线中称为物体压线:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2ODg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
相反,还可以利用卡片来压在两个画面的横线中,这种自然就称为卡片压线:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2OTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
4)破形
第四种,也就是最后一种。在包装的形状基础上,将它的形状破开。
我们可以采用较为常见的图形来进行破形,例如圆形:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE2OTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
除此之外,还可以用其他形状,例如异形:
作品集设计好了,却在包装上犯难了?(图ZMTQ4NTE3MDA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
区别与其他的普通横线展示形式,这样带点小异形的方式更具有设计感与细节!
临近结束,我们再来回顾一下前面讲的三个点。
1.排版分块
2.减少繁琐
3.包装破形
三个点分别讲了关于排版、设计繁琐程度、包装上的一些细节。将今天的内容学会之后,那么你离做出一套完美的作品集就又进了一步。
今天的分享就到这里了,我是菜心,我们下期再见!
106
举报
|
186
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】银行卡icon
智能家居中心 简约 UI设计组件库
我的钱包-UI界面设计-app
UI界面 组件
【新年UI图标】影音icon
【新年UI图标】30个图标
盲盒APP UI设计
UI 登录界面设计模板包
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】美食icon
【新年UI图标】珠宝icon
UI应用平面图标
【新年UI图标】家具icon
Security Camera UI kit
科技医疗透明柜UI界面设计
钱包ui模板
【新年UI图标】美妆icon
新能源APP应用UIKit
手表表盘UI系列
高级表盘系列UI源文件
拟物风质感写实UI卡片合集源文件
柠檬黄主题UI作品集模版
【新年UI图标】酒店icon
你可能喜欢
相关收藏夹
大家都在看
登录注册