为什么我做的页面总是很“土”?

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
31392 0 34 2020-05-26


菜心的第149篇原创

2020年的第27篇

距离2020年小目标40篇原创还有13篇




不知道大家有没有觉得自己做的东西总是很土、很普通,反正我是经常有这种想法,所以总是想尽一切办法做到更好。


前几天做了抽奖页面,中间用了一下小技巧,迫不及待分享给大家,先看下主形象效果:




小技巧分享:



1.善用透视


适当的透视可以增强画面的冲击力,让画面立体起来。


比如这个抽奖的主形象,我最开始把转盘和吉祥物都用纯正面展示:




整体画面就会很平,当适当调整角度后:



冲击力就会变强一些,因为我们看到了一些厚度。


再比如之前做漫动画闪屏的时候,整个页面最大的亮点也就是这个影带的构图和透视了:




透视、角度、构图是一个非常容易出效果的设计手段,比如别人都是正面看一个物体,而你就来一个从底下看的,那就是很不一样的。


这是一条很好的创新路径。



2.色中带色


有时候一种颜色难免会比较单一,比如我们在拉渐变的时候,一个色相的渐变就会稍显呆板:





所以很多时候会蓝中带点紫色,或者绿里带点黄色:




除此之外,我还经常会在环境光中使用这一手法,比如先大面积的紫色光,然后再加入一丢丢的蓝色光:




使整体更富有细节,更加耐看!




 3.增强质感


一个物体有质感可以很大程度的提升你的画面可观性。


质感最重要的一条就是清晰度,如果你的画面连清晰度都不够,那何谈质感。

所以我每次在后期修图的时候,都会用ps增加画面的锐化,工具大家应该都知道吧,就是中间这个小三角:




除了保证清晰度以外,剩下的就是高光、投影、反光、环境色了,也就是该亮的地方亮,该暗的地方暗,我们可以看看下面这个小形象,增加质感前后的对比效果:




是不是耐看很多,嘻嘻!




 4.少用正色


我最怕用红黄搭配,因为很容易做的很土,还好之前有做过一些关于红色的练习和项目,做法就是让红色不要太正,像左边的就太正了,右边调整之后会好一些:




除了红色不要太正以外,我还在红黄里面融入了少量的蓝色和紫色,大概的比例如下:




整体的配色效果如下:




这样看起来就没有那么常规和土气了!




总结 


以上就是今天分享的小干货了,这个画面用业余时间调整了很久,尤其是主形象这块,过程稿有这么多:



各种调整尝试,最后才得到勉强满意的效果。


反正就是咔咔一顿整啊!


所以,大家点个赞,那真是比啥都强了!



Powered by Froala Editor

全部评论:0条

  • 2022-06-14 18:03

    @台风他大哥: hahahhaha

  • 飞虎6717

    2021-04-22 10:12

    @宇宙大黑洞: 人家问的是这个光哪里来的,不是问怎么做得出来的。。。

  • 宇宙大黑洞

    2021-02-09 11:16

    @鼻子打不开: 这个光ps可以加,或者在c4d打个灯光都行

  • 胡小园✨

    2020-08-13 16:29

    @矮油我会发光: 最后一张配图不就是设计过程吗

  • 巴泥的漂泊

    2020-08-11 10:28

    @鼻子打不开: 我觉得这个主要是让头像的白色不那么单一,增加变化,这样看起来层次丰富饱满。

  • 鼻子打不开

    2020-08-04 11:13

    嗨,Bro,我有一个疑问,头像下给了蓝紫色的环境光,这个环境光的反射来源是哪儿呢?

  • 葫芦娃快到碗里来

    2020-07-27 17:38

    大神,可以给初学者介绍几本书或者几个有指导意义的APP或者网站么?

  • Paranoia谭

    2020-07-12 14:58

    我们以前的设计课都没涉及到C4D 甚至都不知道C4D是什么东西 17届毕业的 其实那时候C4D还算普及了 但是我们培训的课程中 只有PS AI ID CDR 后面参加工作后 发现了C4D是目前主流的设计工具之一 然后自学了C4D 相比PS C4D做出来的效果更真实,更好一点

  • 矮油我会发光

    2020-07-10 16:28

    可以简单说一下整个设计的过程么 本人比较小白 想多学习一点

  • 龙洁

    2020-07-09 09:34

    喜欢菜心设计铺

  • cl20067

    2020-06-16 15:45

    @台风他大哥: 对于这种审美有问题的领导,也只好认命,我就碰到过,哈哈

  • 王陆吾Daddy

    2020-06-15 09:49

    @菜心设计铺: 好滴咧

  • AIR一

    2020-06-12 11:23

    就喜欢这简单粗暴的干货

  • 台风他大哥

    2020-06-10 17:48

    然后你用了偏色 领导: 你这个颜色像是洗衣粉洗褪色了呀 看着好难受啊

  • 173***8429

    2020-06-09 17:06

    @: 还有抖音?我从来没刷到过

  • 废弃账号1

    2020-06-08 10:58

    @beattbox: 是颜色在画面中的占比,眼镜那块就是蓝紫色,整个页面只有黄红两种颜色就会显得太过单调,普通了。巧用互补色和对比色能让画面显得更丰富、活泼。

  • beattbox

    2020-06-07 08:15

    @Lemon丶: 我个人想法是新建图层加入颜色调整透明度吧

  • 三通啊

    2020-06-06 17:17

    对呀,为什么呀?

  • 我就是我哒

    2020-06-05 17:11

    @Lemon丶: 类似色搭配互补色

  • 2020-06-05 16:20

    我已经是你的抖音铁粉了。

  • 2020-06-04 15:36

    不错

  • 王亿亿

    2020-06-04 14:59

    菜心,你永远这么优秀,做的东西也是我喜欢的风格~

  • smart丶小云

    2020-06-03 15:06

    很好

  • Lemon丶

    2020-06-03 14:59

    怎么在红黄里融入的蓝色紫色

  • 怪兽来袭

    2020-06-02 20:35

    @菜心设计铺: 厉害哦

  • 凌笑笑

    2020-06-01 22:09

    讲解详实,很棒的经验分享~!

  • 黑衣闪现的镇魂曲|

    2020-05-29 22:07

    细节魔鬼,超级棒

  • 喵呜喵

    2020-05-29 09:44

    赞是肯定要赞的~ 棒棒!

  • Shiika

    2020-05-28 19:56

    反光和高光很受用~!

  • XSHAO

    2020-05-28 17:54

    长点心,比啥都强

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票