快速提升UI设计效果的44个小技巧


编辑导读:UI设计是体现一个产品审美属性的重要部分 , 能给用户带来视觉上的影响 。 本文作者分析了快速提升UI设计效果的44个小技巧 , 与你分享 , 一起来看看吧 。
快速提升UI设计效果的44个小技巧
本文插图
1.用微妙的双重投影来让你的卡片看起来更加清晰
快速提升UI设计效果的44个小技巧
本文插图
在某些元素周围使用多个放置阴影或非常精细的边框(仅比实际阴影暗一点)可以使这些元素看起来更清晰、更清晰 , 并帮助你避免那些看起来浑浊的阴影 。
2. 减少标题上的字母间距以提供更好的光学平衡
快速提升UI设计效果的44个小技巧
本文插图
你的标题很可能会比正文更大 , 也比正文更重 , 所以字母之间的间距有时会看起来更大 ,
减少一点间距 , 就可以使你的标题更加清晰 。
3. 为了保持一致性 , 请确保图标共享相同的视觉样式
快速提升UI设计效果的44个小技巧
本文插图
在ui中实现图标时 , 保持一致 。
确保它们具有相同的视觉风格;相同的重量 , 或者填充 , 或者轮廓 。
4. 在你的设计中只用一种字体就好了
快速提升UI设计效果的44个小技巧
本文插图
在创建设计时只使用一种字体是比较好的 , 这样做实际上可以帮助你产生统一的设计效果 。
使用字重、大小和颜色的组合 , 你还是可以用一个单独的字体表达清晰的文字的结构 。
5. 留白
快速提升UI设计效果的44个小技巧
本文插图
留白可以让你的设计具有呼吸感 , 更加舒适 。
6. 选择底色 , 然后使用色调和阴影来增加一致
快速提升UI设计效果的44个小技巧
本文插图
通过选择一个基色 , 然后使用你选择的颜色的色调和阴影 , 可以以最简单的方式为你的设计增加一致性 。
7. 提高用户的入职体验 。 拇指法则记住
快速提升UI设计效果的44个小技巧
本文插图
允许用户随时跳过你的移动应用程序登录序列 , 并将该跳过链接放在拇指容易触及的位置 。
只是一个简单的调整 , 可以让你的用户有更好的体验(我常常体验国内一些APP , 关闭按钮特别远 , 特别难按)
8. 光影需要是来自同一个光源
快速提升UI设计效果的44个小技巧
本文插图
确保你的阴影总是来自同一个光源 , 会素描的同学很好理解 , 光源关系一致表达空间统一性的基础