网站标签设计

打开网站就会使用到各种各样的网站标签 , 今天 , 我们就来设计几款不同的网站标签 , 从中学习一下网站标签的画法 , 体会一下网站标签的细节色彩与文字的处理技巧 。

网站标签设计

文章插图

需要这些哦
ai
电脑
方式/
1【网站标签设计】利用矩形画出标签的摆布布局 , 再用文字东西打出数字与文字 , 让文字与矩形在竖直偏向上中间对齐 。
网站标签设计

文章插图

2利用桃红红色填充标签的左侧 , 利用品红色填充标签的右侧 , 在进行下方的标签右侧填色时 , 我们改变品红色的色调 , 让其慢慢变暗 。
网站标签设计

文章插图
网站标签设计

文章插图

3接着 , 我们用半透明的灰色渐变填充标签之间的暗影 , 暗影别离放置在标签上下间隙与右侧结尾位置 , 完当作粉红色标签设计 。
网站标签设计

文章插图
网站标签设计

文章插图

4接着 , 我们再来设计一条目灰色标签 , 先用矩形东西画出标签的本家儿体 , 让其左对齐 , 再用文字东西打出标签上面的文字 , 让其位于标签的左侧位置 。
网站标签设计

文章插图

5利用灰白色的渐变填充标签的本家儿体 , 再用灰黑色填充标签下方的距离线条 , 利用黑色填充文字、三角形、圆形等标签概况的元素外形 , 完当作灰白色标签设计 。
网站标签设计

文章插图
网站标签设计

文章插图
网站标签设计

文章插图

6最后 , 我们利用圆角矩形东西画出标签的外边内三个条理 , 再利用文字东西与钢笔东西别离画出标签上同的图形与文字的路径 。 利用深绿色的渐变与淡绿色的渐变填充外部的边框与边缘的亮光路径 , 再用草绿色的渐变填充标签的内部本家儿体 。
网站标签设计

文章插图
网站标签设计

文章插图
网站标签设计

文章插图

7利用红色填充无线标记的图片路径 , 再用白色填充文字 , 而下方的桔红色的标签也是利用三种分歧的桔红色渐变填充标签的外边内三个条理的路径 , 完当作网站标签设计 。
网站标签设计

文章插图
网站标签设计

文章插图
网站标签设计

文章插图


以上内容就是网站标签设计的内容啦 , 希望对你有所帮助哦!

    推荐阅读