toolbar wpf 按钮带文字_图片、按钮、投影在设计中的运用

Hello，大家好，我是阿岳，一名北漂UI/UX设计师，这是我100天阅读的第23篇总结，今天的文章主要从UI设计中如何选择图片，制作按钮和投影来分析，希望对你有所帮助。 一.图片在设计中的运用

图片的使用原则 1.传递的信息必须准确，让图片和使用场景互相对应。 2.图片必须友好，同时有引导用户下一步操作。 3.图片不要过度，图片不要有太多的视觉焦点，影响用户对界面的操作行为。 4.只有一个焦点，图片内容清晰，用户一目了然，知道主题是什么。 5.高分辨率、无失真，图片可以适应不同的分辨率，不要出现拉伸变形的情况。 图片上放文字的主流技法

1.黑色渐变蒙层，70%-0%渐变，高度视图片内容制定。 2.图片上叠加渐变，叠加10%黑色透明度，保证文字内容清晰。 3.文字加投影，在文字所放的图片区域干净。 4.渐变彩色区域，在图片上叠加彩色渐变到透明，运用几何图形叠加层级渐变，带颜色的蒙版遮罩。 二. 按钮的视觉设计层次

如何来创建一个有层次的按钮层级 1.弱化负行动按钮，通过视觉设计，让用户优先去点击我们希望他去点击的功能按钮。 2.创建视觉层次按钮，按钮要有主次，不要让用户产生困惑，突出下一个行动点。 3.幽灵按钮突出文字信息 三. UI设计中的投影

投影的类型 1.卡片投影 使用阴影突出组件间的高度差异，可用于多个组件如：卡片、菜单、侧边栏、工具栏等。 2.弥散投影 投影颜色是物体材质本身的颜色，比如按钮制作：复制一层，调整宽高-高斯模糊-黑色叠加层10%。 3.照片投影 在使用图片的场景下，阴影是通过复制一层做模糊处理，这种投影大都应用于音乐播放器专辑页面，和图片展示类APP。 4.长投影 目前UI中已经很少使用了。 今天的总结就这三点，更多的还是需要我们在设计中灵活使用正确的方法和技巧，从实践中增长经验，一起加油啦！

?精选文章快速传送门?全新iPhone 12手机样机素材设计师职业生涯中常犯的错误设计师如何从0到1的做项目