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


27. 偶尔使用纯粹的装饰性元素是可以的 , 但要保持可访问性
快速提升UI设计效果的44个小技巧
本文插图
需要适当 , 如果装饰的强了主要表达的 , 则不可取
28. 使UI中的元素相互区分
快速提升UI设计效果的44个小技巧
本文插图
按钮 。 通知 。 UI中两个独立但必不可少的元素 。
一定要确保你的用户能够快速准确地将他们区分开来
29. 阴影不要太重
快速提升UI设计效果的44个小技巧
本文插图
舒服的投影会增加你的设计的质感 , 和透气感 。 太重的投影会显得你画面比较脏
30. 使用递进分类时 , 需要明确当前选中的元素
快速提升UI设计效果的44个小技巧
本文插图
31. 使用高度饱和的颜色?试着用色调或阴影把事情调小一点
快速提升UI设计效果的44个小技巧
本文插图
高度饱和的颜色(明亮的蓝色、红色、绿色等)在网站上看起来很不错 , 但过度使用时 , 会让用户眼睛疲劳 , 主要是与文本内容一起使用时 。
32. 使用用户熟悉认知的图标表达
快速提升UI设计效果的44个小技巧
本文插图
在向设计中添加图标时 , 使用用户熟悉认知的图标 。 新的图标虽有很好看 , 很有个性 , 但是会让用户疑惑
33. 接近律
快速提升UI设计效果的44个小技巧
本文插图
需要承上表达的元素 , 排版上接近对应的元素 , 可以让用户心理联系起来是一体的 。
34. 减少标题的行高是很好的
快速提升UI设计效果的44个小技巧
本文插图
与长格式正文文本(需要足够的行高以提高可读性)不同 , 标题通常要短得多 , 因此可以稍微缩小间距 。 标题的建议行高通常是文本大小的1到1.3倍
35. 从色轮上挑选配色
快速提升UI设计效果的44个小技巧
本文插图
类比色和邻近色是最和谐的配色方案之一 , 也是最不会出错的配色
36. 想用更轻松的语气 ,尽量用小写字母
快速提升UI设计效果的44个小技巧
本文插图
在处理特定项目时 , 使用类似于所有小写字母的文本可以表达更加轻松的意思
但需要注意 , 在图像和文本之间使用某种颜色叠加 , 以获得更强的对比度
37. 使用重量、大小和颜色来表示你的结构层次感