优秀的 UI 界面设计对产品的成功有很大的影响。今天我想总结 30 个非常实用的设计细节，帮助提升 UI 设计品质。

这些细节写过很多次，但在实际项目中依然有人犯错。所以，建议你一定要完整看完，并带入自己的项目进行反思，相信会有新的收获。

这些细节提升技巧包括了布局、颜色、字体等等，既适合新手学习拓展，也适合有经验的设计师反思补充。

在生活中我们所使用的软件范围并不会很广，兜兜转转还是一些常用的软件，用多了也就觉得差异并不是很明显。作为 UI 设计师来说，我们需要刻意体验更多并不常用的软件，以此打破固化的思维。通过海量的体验我们可以发现更多设计解决方案，也能体验到打破常规的 UI 设计表达。

最近被刀郎的《罗刹海市》洗脑了，相信大家的朋友圈也被刷屏啦！

当然，闲暇时光听听音乐也是大家放松心情的不错选择，科技的进步让听歌变得很容易，身边的音乐产品也非常多。平时黑马哥也会选择不同的音乐产品体验听歌的乐趣，每个产品都有自己的风格，特别是在音乐播放器界面的设计上面，都在努力的突破差异和带给用户更好的感官体验。

今天黑马哥特意体验了不同音乐产品的播放器界面，如果你要听《罗刹海市》，你会选择哪个播放器的设计呢？

大家好，这里是 TCC 翻译情报局，我是李泽慧。作者在此篇文章中向我们介绍了网格的发展历史，并科普了在当代网页设计中常用的网格（栅格系统）以及页面布局类型。一起来学习如何高效使用网格系统吧。

大家是否有关注到，在过往的面试过程中，经常被问到的一类问题就是岗位间的区别，比如产品与交互、交互与 UI、UI 与视觉等等。笔者在之前帮团队面试交互设计师的时候，也喜欢给出一个需求背景，让求职的小伙伴聊聊不同岗位是如何思考的，因为大多数交互设计师都是由上下游岗位转岗而来，思维可能还停留在原有的岗位中，所以就希望通过这类问题，来初步的判断下对方是否匹配当前岗位的要求与工作。

我认为一个设计师从入门到“上道”，可以分为三个阶段。

第一阶段：只在视觉执行层的设计师：工作中只会照搬产品的原型，对原型图进行 UI 填充，不考虑业务与交互上的问题；

第二阶段：开始在交互层进行思考的设计师：会对产品经理的需求以及原型进行查缺补漏， 根据自己对交互的理解认知去补全完善逻辑。

第三阶段：有全局思维的设计师：会在业务背景、产品目标、使用角色上综合考虑，挖掘产品原始需求，寻求最优解决方案。

软件技法的突破是强化设计的基础，阻碍设计能力的提升不只是软件而已，设计思维的改变更为重要。通过优秀案例的分析总结才能不断改变固化的思维，眼界的提升也离不开海量的存储。

今天黑马哥将会继续延续往期的分享，给大家带来更多大厂设计细节的解析，希望通过每一次的总结带给大家更多设计思维。

会员卡片是少数几种概念和样式都来源于现实，并且设计上相差不大的组件。在手机出现之前的很多年里，各种高端的店铺、银行、俱乐部都会给重要的客户发放实体的 VIP 卡片，一来彰显客户地位，二来提供针对性的服务促进高端用户的消费。