很多小白排版只凭感觉调间距 分不清元素之间谁是一组，用户一眼看过去乱糟糟😮‍💨
✅两个原则通俗解释 接近性原则：放得更近的元素，大脑默认是一组 🌰购物卡片：商品图、标题、价格挨在一起，代表同一件商品 间距拉开，就代表属于不同模块
相似性原则：样式一样的元素，用户会自动归为一类 🌰页面里全部蓝色文字都是可点击链接 同样圆角卡片，就代表是同类内容
简单一句话： 用位置和样式，帮用户快速识别信息分组
❌新手高频误区 ▪️间距统一全部设成一样，模块之间没有区分，看不出分组 ▪️样式乱用，同类按钮忽大忽小、颜色来回换 ▪️两个原则互相打架：位置很近，但样式完全不同，用户会混淆 ▪️过度使用，为了相似强行统一样式，忽略信息优先级
重点提醒 这两个原则经常搭配使用 接近性负责划分模块，相似性用来标记同类元素
📝小白实操小建议
先靠间距分组，模块内紧凑，模块之间拉开距离
同类功能保持视觉一致：按钮、标签、卡片样式复用
不要同时制造多种差异，一次只靠一种线索引导用户
做完简单自测：遮住文字，只看图形，能不能分清信息组
✨一句话总结 格式塔不是玄学，是利用人的视觉习惯做设计 不用读文字，用户扫一眼就看懂页面结构。

📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，用每天 5～10 分钟的坚持，换取终身受用的“设计竞争力”。
你会发现，那些焦虑和迷茫，都在稳步提升中烟消云散。
#ui设计 #ux设计 #交互设计 #设计教程 #设计文档 #界面设计 #apple #ui教程 #UX教程