本文为前端工程师介绍了提升UI设计技能的7个关键知识点：留白、对齐、对比、比例、板式、颜色和视觉层次。通过理解和应用这些原则，可以创建更具吸引力和用户友好的界面。
前端程序员要懂的 UI 设计知识
疯狂的技术宅 前端先锋
翻译：疯狂的技术宅
作者：Per Harald Borgen
来源：freecodecamp
正文共：1401 字
预计阅读时间：5分钟
作为一个前端工程师，如果你对 HTML 和 CSS 有基本的了解，并希望在浏览器中创建美观的用户界面，那就别到处乱找资料了！在本文中，你将通过了解以下七个基本知识来提高 UI 设计技能：
留白
对齐
对比
比例
板式
颜色
视觉层次
让我们开始吧！
留白
我们要研究的第一个设计基础是空间留白，也被称为负空间。顾名思义，它是页面上元素之间的空间。
被压缩在没有留白的页面上的元素不仅看起来没有吸引力，而且难以浏览和阅读。
可以通过多种方式调整留白，包括填充、边距和行高。通过查看下图了解有效留白带来的不同。
调整留白前后<
最低0.47元/天 解锁文章
823
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
