2024 原创目标输出第 13 篇
--------------------------------
提高设计能力离不开经验的积累，黑马哥结合十年+职场经验和五年+教学经验，总结了 120+ 设计原则、设计细节和设计经验的案例分析。
案例内容涉及布局、图标、文本、配色、配图、规范、交互和设计经验等。目的是为了让我们的设计更规范、更专业、有细节、有亮点、有思维...
下面选择其中 5 个案例作为示意：
5 个案例示意
1. 通过蒙版降低信息干扰度
在图片上面展示文案时，需要考虑图片对于文案信息的干扰度。为了防止复杂场景的图片干扰信息传递，需要在信息区域添加渐变蒙版，以此来降低对于信息的干扰度。
2. 浅色背景不适合添加投影
浅色背景的卡片、按钮、标签、图片或者其他元素等，在白色背景中都不适合添加投影。投影使得视觉效果对比模糊，画面表现不够干净、通透，去掉投影反而更加清晰自然。
3. 渐变最好选择近似色
在主界面或者一些特殊场景中，需要对按钮添加渐变色时，最好选择近似色等邻近范围的配色，会使得视觉效果更加和谐、舒适。
4. 利用背景色突出小图标的空间占比
需要突出图标的空间占比时，放大图标会显得视觉焦点太强，也容易暴露图标绘制的缺点而显得粗糙。添加统一的造型和背景色，可以突出小图标的空间占比，提升感官体验。
5. 预估好信息呈现的最大值
在进行 UI 设计时，需要预估好当前位置所能承载的最大值，不能只在理想化的状态内设计。虽然简化的内容看起来更美观，但是最大值下的设计思考才能避免上线后的误差。
以上案例就是这 120+ 案例中随机挑选的 5 个作为示意，该系列案例也会持续更新。
如果你对这个系列案例学习比较感兴趣，希望提升设计细节处理技巧和设计原则的把控力，联系黑马哥加入学习吧！
课程内容：120+设计原则、设计细节、设计经验分享；
学习目的：让你的设计更规范、更专业、有细节、有亮点、有交互思维等；
学习形式：录播视频课程 + 一对一疑问解答 + 学习交流群
疑问咨询微信：heimaui（备注课程咨询）
