宝宝怎么提升前端审美

你可以直接拿现在的“职位收藏管理页”练，不用先去学画画。核心是：从“感觉哪里不好看”，练到“能指出哪里不对、怎么改”。 比如职位卡片里，职位名、公司名、薪资、地点、收藏按钮全部一样显眼，页面就容易乱。你可以先让职位名成为第一层，公司和薪资第二层，地点和更新时间弱一些；把收藏设成次要操作。先不加渐变和阴影，信息也会更清楚。 我建议这样练： 先练看懂，而不是只收集好看的截图。 找一个你觉得舒服的招聘网站或管理后台，具体观察：第一眼看到什么？内容区域多宽？标题和正文差多少？哪些地方用留白分组，哪些用边框？主按钮为什么显眼？ 每次写出三条具体原因。不要只写“高级、简洁”，要写“次要文字对比更弱，所以不会抢职位名的注意力”。 再做同类页面的对照复刻。 你的项目是管理页，就先参考列表、筛选栏、表单和弹窗，不必照搬品牌官网的大字和动画。 挑一个页面，自己实现后用相同窗口尺寸截图，并排比较。一次只改一类问题：先布局和对齐，再字号与间距，最后颜色和细节。这样更容易看出，究竟是什么让页面变好了。 给自己的项目定一套小规则。 例如，这可以作为练习起点，不是通用标准： 正文用 14 或 16px，辅助信息略小，页面标题明显大一档。 间距优先从 4、8、12、16、24、32px 里选，不要每个地方随手填。 只设一个主强调色，其他主要用中性色和必要的状态色。 同级按钮、输入框、卡片的高度和圆角保持一致。 重点不是这些数字多正确，而是让相同东西看起来属于同一套系统；弱化文字时，也别淡到读不清。 最后，检查“真实内容下好不好看”。 不要只看五张内容整齐的职位卡片。试试超长职位名、缺失薪资、没有收藏、加载失败，以及手机窄屏。能容纳这些情况，比只有截图漂亮更体现前端设计能力。 AI 或审美 Skill 可以辅助，但别只说“美化一下”。你可以这样问： “请检查这个职位管理页的信息层级、对齐、间距和文字可读性。先指出三个最影响阅读的问题，解释原因，再给最小修改方案，不要直接换成另一套风格。” 你负责比较修改前后，判断它有没有解决问题，而不是把它的结果默认当成审美标准。 想补基础，可以看 Figma 这篇排版入门，重点关注文字层级、对齐和留白： https://www.figma.com/resource-library/typography-in-design/ 对你现在最有效的练法，就是把同一个页面认真迭代几轮，并能说清每次为什么改，而不是不断换模板。