木子素材 首页 大神 UI设计 查看内容

写给新手设计师:为什么你做的页面总是很土?

2020-5-28 00:23| 发布者: admin| 查看: 287| 评论: 0

摘要: 不知道大家有没有觉得自己做的东西总是很土、很普通,反正我是经常有这种想法,所以总是想尽一切办法做到更好。 前几天做了抽奖页面,中间用了一下小技巧,迫不及待分享给大家,先看下主形象效果: 小技巧分享: 善 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

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

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

写给新手设计师:为什么你做的页面总是很土?

小技巧分享:

善用透视

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

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

写给新手设计师:为什么你做的页面总是很土?

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

写给新手设计师:为什么你做的页面总是很土?

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

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

写给新手设计师:为什么你做的页面总是很土?

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

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

色中带色

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

写给新手设计师:为什么你做的页面总是很土?

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

写给新手设计师:为什么你做的页面总是很土?

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

写给新手设计师:为什么你做的页面总是很土?

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

增强质感

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

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

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

写给新手设计师:为什么你做的页面总是很土?

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

写给新手设计师:为什么你做的页面总是很土?

是不是耐看很多,嘻嘻!

少用正色

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

写给新手设计师:为什么你做的页面总是很土?

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

写给新手设计师:为什么你做的页面总是很土?

整体的配色效果如下:

写给新手设计师:为什么你做的页面总是很土?

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

总结

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

写给新手设计师:为什么你做的页面总是很土?

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

拓展阅读:

如何提升界面品质感?来看这篇超全面的总结!

一、当前背景今天聊些设计基础部分。

阅读文章 >

欢迎关注作者的微信公众号:「菜心设计铺」

写给新手设计师:为什么你做的页面总是很土?

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×