UI设计去哪学?教你如何制作多款按钮(转载)

3年前 (2021-08-29)阅读713回复0
莈冇仌哙恠苸
莈冇仌哙恠苸
  • 管理员
  • 发消息
  • 注册排名101
  • 经验值150
  • 级别管理员
  • 主题30
  • 回复0
楼主
印刷厂直印加工●彩页1000张只需要69元●名片5元每盒-更多产品印刷报价➦联系电话:138-1621-1622(微信同号)

  LV. ★

  初入设计,学做按钮PSD中四色黑底色怎么换成单黑。只会套个底色,加个阴影,字体纯白,小聪明的弄个圆角。

  LV. ★★

  (描边、字体、内阴影)

  看了很多案例,学会了一些小技巧,内描边1PX深色描边使效果有所提升PSD中四色黑底色怎么换成单黑。注意描边要贴近按钮色,不要用纯黑和纯白。

  其次,字体的颜色也同样不要用纯白,要用贴近按钮色的单色最佳PSD中四色黑底色怎么换成单黑。

  当学会了内阴影这项技能后,你就发现高光的按钮看起来非常美好PSD中四色黑底色怎么换成单黑。

  LV. ★★(渐变叠加)

  渐变叠加可以让按钮产生更多de的质感效果,多多尝试,会有新的发现PSD中四色黑底色怎么换成单黑。

  LV. ★★★(1像素的高光)

  如果这是渐变的一种,明暗清晰PSD中四色黑底色怎么换成单黑。其次,这里要说的是利用矢量图做出1px的高光,伴起左、右、上,让按钮质感更加强烈。

  LV. ★★★(叠加的模糊光)

  这是常用的一种网页按钮,很懂看起来绚丽的高光,如此技法PSD中四色黑底色怎么换成单黑。甚至在红色的按钮叠加黄光,黑色的按钮叠加紫光等等,具体大家自由发挥。

  LV. ★★★(图案叠加)

  图案叠加更多的是加强纹理,比如贴上皮革、金属、木纹等素材,强调按钮的与众不同PSD中四色黑底色怎么换成单黑。这里的叠加,扩展了纹理。

  LV. ★★★★(外发光)

  利用文字的外发光,让按钮看起来更富有光感,注意发光de的颜色要贴近按钮色,不要有太大的差异PSD中四色黑底色怎么换成单黑。

  LV. ★★★★(投影)

  不要总使用默认的投影,多尝试他们的数值,会有不一样的感觉PSD中四色黑底色怎么换成单黑。还有在字体上加入1px的内阴影,让字体更加凸起。

  LV. ★★★★(1px的内阴影和投影)

  了解了内阴影和投影的使用,就多玩玩1px的威力PSD中四色黑底色怎么换成单黑。它会让你的按钮看起来凹陷感更强烈。

  LV. ★★★★(逆渐变)

  大部分的这种技能用在按钮触碰效果,使其和静态按钮拥有很大的反差,提醒用户鼠标悬浮于此PSD中四色黑底色怎么换成单黑。

  LV. ★★★★★(斜面和浮雕)

  这个技能用得好也是一神技,他能让按钮效果片刻出结果,也同样能制作金属质感,当然,这需要调整它的曲线,你可以试试PSD中四色黑底色怎么换成单黑。

  LV. ★★★★★★(外围辅助)

  这种外围的辅助,让按钮看起来更是掉到了坑里PSD中四色黑底色怎么换成单黑。更加的吸引眼球,引起注意。其次注意这个按钮PSD的渐变,不是图层叠加而是直接渐变。

  LV. ★★★★★★(厚度)

  这种按钮的现在用的非常多,加上一层使其空间感更加强烈,很多的手机应用下载按钮就是用到了他PSD中四色黑底色怎么换成单黑。注意PSD中它的阴影使用。

  LV. ★★★★★★(透明)

  外围的辅助,也有这样的功能,调整它的填充或者透明度,这样的按钮在有背景的页面里效果尤为突出PSD中四色黑底色怎么换成单黑。之前我们说过的光叠加,也可以这样叠加。

  LV. ★★★★★★★(内发光)

  内发光的按钮,不好掌握很容易出丑,如果用的好,也为自己的设计提分PSD中四色黑底色怎么换成单黑。内发光不限于亮光,也适用于暗光。

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

  到这里,就没有太多可以注解的技能可以说了PSD中四色黑底色怎么换成单黑。唯一要注意的,就是细节。

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

  所有的一切,就是一个细节PSD中四色黑底色怎么换成单黑。

  最开始我们用1分钟做一个按钮,到我们用30分钟甚至1个小时去思考,去调整,去尝试PSD中四色黑底色怎么换成单黑。

  LV. ★★★★★★★★★★★★★★★★(扁平不平PSD中四色黑底色怎么换成单黑,无限可能)

  现在流行扁平化设计,让人感觉它非常容易入门,而且简单PSD中四色黑底色怎么换成单黑。

  其实并非如此,扁平不平,暗藏杀机,它降低了一切光影质感,尽量减少最小甚至感觉不到它的存在,如此来提高它的美感PSD中四色黑底色怎么换成单黑。

  现在设计一个按钮PSD中四色黑底色怎么换成单黑,你会想什么?

  让我们回顾一下这一切按钮的变化史PSD中四色黑底色怎么换成单黑,你是否从中受益了呢?

  UI设计讲求的是一个融会贯通,UI设计专业涉及到的面非常广,需要注意的东西也很多,因此对于UI设计初学者来说,我们需要掌握的东西还有很多,包括专业知识、设计技能,以及一些职业技能的培训,因此没有经过专业系统的培训是很难跟上步伐的PSD中四色黑底色怎么换成单黑。很多人为了高效提升自己的专业知识,大多会选择CGWANG这样一些专业的职业人才培养机构进行进修,通过一定时间专业系统的学习,达到一定的技术水平,从而更好地走上工作岗位。

0
0
收藏0
回帖

UI设计去哪学?教你如何制作多款按钮(转载) 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息