优艾设计网

Photoshop通过图层样式制作网页按钮

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:情非得已
先看看效果图 LV. ★ 初入设计,学做按钮。只会套个底色,加个阴影,字体纯白,小聪明的弄个圆角。

LV. ★★★★★★★(细节)

到这里,就没有太多可以注解的技能可以说了。唯一要注意的,就是细节。

比如做2px的圆角,比如字体颜色再蓝一些,比如阴影的明暗再舒服些,比如描边可以用渐变,更比如,之前的文字没有剧中对齐,把它调整好。

所有的一切,就是一个细节。

最开始我们用1分钟做一个按钮,到我们用30分钟甚至1个小时去思考,去调整,去尝试。

Photoshop通过图层样式制作网页按钮

LV. ★★★★★★★★★★★★★★★★(扁平不平,无限可能)

现在流行扁平化设计,让人感觉它非常容易入门,而且简单。

其实并非如此,扁平不平,暗藏杀机,它降低了一切光影质感,尽量减少到最小甚至感觉不到它的存在,如此来提高它的美感。

现在设计一个按钮,你会想什么?

Photoshop通过图层样式制作网页按钮

让我们回顾一下这一切按钮的变化史,你是否从中受益了呢?

更多的美好设计,我期待与你一起探讨!

Photoshop通过图层样式制作网页按钮

 

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消