辣条vi设计的核心价值在于为企业打造独特的品牌,辣条vi设计可以给企业带来良好的社会声誉和经济效益。
按钮和导航元素很可能是桌面和移动设计中最常用的界面对象。他们把一个界面拉在一起,让用户只需点击一下就能从垃圾箱里出来。
最重要的是,阿布顿要好看。它必须尖叫"点击我!"否则它根本不会像它需要的那样有效。按钮通常用于"搜索"、"提交"、"发送"、"购买"和"上传"。"
在本文中,我们将探讨现代界面设计中七种常见的按钮元素:纹理、图案、三维、像素级完美笔触、缩进背景、发光和高亮。
你会发现这些技术的35个极好的例子,以及大量的用计算机修改(图片或照片)迷你教程。
1.口感
使用纹理是给按钮增加一些深度,让它们从界面的其余部分中突出来(最终让它们更容易点击)的好方法。下面是按钮纹理的一些很好的例子。
谢尔弗使用纹理来增加界面的维度,尤其是在按钮和文本字段区域。
整个界面都使用了纹理,但在"上传"按钮区域更重,使其成为焦点。
这里的纹理与斜面按钮融合得很好,看起来很真实。
纹理实际上并没有用在这个用户界面按钮上,而是出现在背景中,让按钮突出来。
创建带纹理的按钮
使用形状工具添加噪波(滤镜噪波添加噪波)创建一个简单的背景。
重新选择形状工具,画一个矩形,确保它的顶部隐藏在画布边缘之外。
将形状的颜色更改为蓝色。我用了#00A3D9 .
复制形状层,并在相同的位置调整其大小。把颜色改成稍微深一点的蓝色。
再次复制图层。将图层放在最后两个形状图层的下面,并将颜色改为浅灰色。
拍照或下载一张贴图(我用了《迷失》里的一张)。转到文件放置,找到要放置在文档中的文件。调整大小并将其放置在蓝色形状上。
使用选框工具移除任何多余的纹理,并更改纹理的混合模式。尝试不同的模式,因为不同的纹理会产生不同的结果。你可能还想降低一点不透明度。
打开图层样式窗口为你的深蓝色的形状,并应用以下的阴影样式添加一个白色的阴影。
现在使用下面的设置给你的形状添加一个星形。
最后,给形状添加一个内阴影,给它更多的维度。
给按钮添加一些文字,就大功告成了!
2.模式
模式是给界面按钮增加趣味和深度的另一个好方法。下面是几个按钮图案的例子,都很微妙但很有效。
在按钮的左边使用了一个对角线反射来区分图标和字体。
这款纽扣使用了一条斜线,既符合复古风格,又增加了设计的立体感。
这是我在这些例子中最喜欢使用的一种模式。虽然按钮本身没有使用,但灰色标题中的图案增加了整个设计的维度,最终帮助橙色按钮脱颖而出。
创建图案化的功能区按钮
使用上一个小教程中的技巧创建了一个纹理背景后,使用形状工具绘制一个复杂的区域,并用蓝绿色填充。我用了#008B8D的颜色。
用同样的高度和颜色画另一个形状。
使用套索工具,创建一个三角形,如下所示。把它放在新形状的边缘,点击"删除"键删除我
总监微信咨询 舒先生
业务咨询 张小姐
业务咨询 付小姐