Redian新闻
>
你的设计,没层次!

你的设计,没层次!

文化

大家好,

新一期的干货表情包,来了~


你有没有遇到过这样的情况,甲方爸爸看完设计稿后,来一句:“有点平”、“嗯,总感觉少了点什么。。。”



这个时候,先不要急着掏出你的三十米大刀,先看看自己的设计是不是缺了一点层次感。


这也是我帮各位门友看作品集的时候,发现的最多的问题。


所谓层次感,就是指画面中的各个元素清晰合理、有节奏地组合在一起,从而使整个画面看起来更加舒适、协调。


话不多说,下面我们就来看看,如何使画面有层次感。


动图走一波先。。。





文字的层次感并不是指复杂的字体特效,而是重点突出,层次分明的排版方式。我们来看看有哪些常用的手法可以丰富文字的层次感。


大小对比:


文字叠压:


虚实效果:


再通过一个实操案例,给大家演示一下如何强化标题文字的层次感。


第1步,

先抠一张产品图。



第2步,

把鞋子倾斜一下,再用橙色和黑色来分割画面,确定画面的主色调。



第3步,

打上标题。



现在标题有点单调,我们来看看如何一步步来丰富它的层次感。


第4步,

将主标题折成两行,添加小英文字母,形成大小对比。



第5步,

在标题底下叠加空心的英文字母,然后整体再叠加一层碎裂纹理,这样整个标题的排版就比较丰富了。



第6步,

在上下各添加一条字母带,进一步丰富版式效果。



第7步,

在背景上添加网络纹理,再完善一下文案信息。



OK,完工。


继续,走你。










主体是一个画面中最重要的组成。为了让主体与背景更加融合,我们通常会通过添加前景和后景元素,来营造出前后空间感,从而丰富它的视觉层次。


原图:


为了让主体不会显得单薄,可以在它的背后添加一些相关元素,形成前后的位置关系。



我们也可以在主体的前面添加一点遮挡元素,同样可以形成前后的空间对比,从而使主体更有层次感。



下面再来看一个电商的实操案例。


第1步,

先抠好产品图。



第2步,

将背景换成深绿色,确定画面主色调。然后在底部画一个台子,承托起产品。



第3步,

为了让主体显得没那么单调,我们在产品的前面和后面各自加上不同的元素,形成前-中-后的层次关系。



第4步,

处理好前景和后景元素的细节。



第5步,

在背景上叠加一层光影效果。



第6步,

排版好文案信息。



OK,完工。


精彩继续。。










无论是任何类型的设计,色彩永远都是用户第一时间感知到的内容。想要让画面更有视觉冲击力,那么使用反差大的对比色,是非常有效的设计手法。


色彩的变化十分丰富,一般我们会从明暗、色相、纯度这三个维度来控制它。



通常来说,一个画面的色彩至少要一个维度上有着明显的变化和对比,这样才不会显得单调。


来看看实操案例。


第1步,

先抠一张模特图。



第2步,

换上合适的背景色,以及排版好标题之后,总觉得画面略显得单调些。



第3步,

为了让画面的色彩看起来更加丰富,我们在人物的背景添加一个色块。与背景色形成明确的反差效果。



第4步,

再添加文字和线条的装饰效果。



第5步,

最后排版好文案信息。



OK,完工。


再钓一条就走。。








背景设计需要恰到处好,既不抢主体的风头,又能起到拉近画面各个元素之间关系的作用。


常用的背景处理方式有下列3种:


添加肌理:


光影效果:


点线面等几何元素:


下面来看看实操案例。


第1步,

先抠两张《八角笼中》的人物图。



第2步,

抠图,去色。



第3步,

为了丰富背景的层次,我们先用不同的色块,大致确定一下色彩的分布。



第4步,

将色块细化一下,换成文案以及斑驳的背景。



第5步,

给背景添加划痕做旧的纹理,同时在标题的边缘也添加一些手写的痕迹,使整体的风格更加统一。



第6步,

排版好其它文案信息。



OK,完工。


好了,

今天的内容就到这。。


走了,88。



下面就到你们动手的时间。

结合今天讲到的内容,自拟素材,做1-4张练手海报。


注意了!

我给大家提供了一个作业PSD模板,必须按模板的尺寸提交,没有按模板要求提交的不参与优秀作业评选!!


下载地址:(提取码: pmzd)

https://pan.baidu.com/s/1XX2wG8L_yhNj_zKDQnhpUg?pwd=PMZD


文件命名:
你的名字-你的QQ-作业.jpg

例如:阿门-12345678-作业.jpg

提交作品时,务必将你的每个文件按格式要求命名。不需要发 psd 源文件,也不要压缩包,有多少张就直接上传多少张。

下面是投稿的邮箱。

投稿邮箱也换了!大家不要发原来的旧邮箱。


投稿邮箱:

[email protected]


邮件标题:

20230719-你的名字-你的QQ-作业


我会选择3位同学送出庞门正道定制本各1本,这个是只送不卖的纪念品,纪念你曾经努力的意义。



下一期教程出来的时候公布优秀结果。

期待你的参与,让一百多万门友共同见证你的进步!


上两期作业一共收到51份作品,希望大家都像这样同学一样,练起来!


全部作品截图:


很多同学都做得十分用心,相信时间会见证你们的进步,下面精选出3位同学送出小礼物:


01号作品

ZPZ
两张图都是居中构图,视觉上看起来很稳,色彩上也把辣椒的质感呈现得很不错。


02号作品

羊羊

左图的排版和细节都挺不错,右图元素的主次关系交待得不够清晰,主标题和猪以及肉三者的分布过于平均。


03号作品

小谢

整体的质感以及色彩都挺好,底下一排蓝色的字稍微有点跳,换成白色可能更协调些。



以上三位送出庞门正道定制本各一个!

请把你的 收件人姓名、手机号、收件地址 发送到邮箱。



-----------------------

好了,

学到干货的同学请大方地点击一下喜欢作者!!:)

这样下一期干货来得更快!

(点开公众号底部菜单,有惊喜)



 

越努力,越幸运。

这里是庞门正道。


微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
U设计周大谈AI时代的设计,不懂点大模型都落伍了【趣味测试】你的认知层次评估【提示】市人社局出台事业单位高层次人才招聘办法和特设岗位管理办法,为引育留用高层次人才赋能没有人会告诉你的设计院真相!别让低层次的阅读,束缚了你的视野独处,决定了你的层次40 岁后,你的心在什么层次,命运就在什么层次学区豪宅推荐|Wellesley精致优雅独栋,著名设计师设计,装饰华丽,6室6.5卫,带私人庭院1/4收入来自中国!芯片巨头冲击美股IPO,估值达640亿美元!你的手机上也有他们的设计...全网最齐全的设计模板库,有了!聊聊 消息中心的设计与实现从SaaS产品设计与OP产品设计,谈谈SaaS产品转型知名设计师陈幼坚推出首个家具设计,有点可爱!看了他的设计,我感觉亏了几个亿!17位设计师共议:生成式AI浪潮下的设计未来这样的设计,派上大用场了胡軍.周韻,祖峰//金婚風雨情》给骂我的教师们上一节逻辑课:你的思维层次太低了产品设计和工业设计,到底有什么区别?为存在而设计:迪特·拉姆斯的设计之道|筑格精选有一种绝望叫无能为力这两个简单的设计小巧思,让你的PPT不止高级20倍!为何有追求的设计师,都用VRay渲染?【提示】2023上海设计100+公众投票启动,快来选出你喜爱的设计→嘿,你的设计得加点萌料了~全网最新的设计资料,一次性全部拥有!某设计院:抱歉,我只招懂AI的设计师小说连载 《四维空间的魔鬼与人类起源》-- 08不是无缘无故花开设计就是设计,UNIQLO : C重新定义当代女性之美《尊一聲二奶奶》低层次的人内卷,高层次的人外卷超乎想象!全网硬核设计,挑战世界极限,关怀度爆棚:这样的设计多来点史上最简单面试题:“7分钟,从1写到300”,90%的人都失败了!这个细节暴露你的层次“一碗牛肉面,放几片肉最合适?”:你的思维层次,暴露了你赚钱的能力
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。