Mac Lifetime Deals
Skip to content
Zipic

Zipic

Mac image compression tool that optimizes images while preserving quality. Supports multiple formats, batch processing, automated workflows, local processing.

30% OFFGraphics & DesignProductivityUtilitiesPhoto & VideoBlack FridayLifetime

Deal Details

Report issue
Price
USD 29.99USD 20.99
License
Lifetime

Official X Account

Is this app on X?

Connect the official X account to unlock real-time updates right here.

Mentions & Discussions

十里
十里@okooo5km·Dec 13
5.7K Followers
Zipic 用的也是系统控件,为什么看上去会有一点点不一样? Zipic 的 UI 严格遵守《写给大家的设计书》里的四个基本原则:亲密性、对齐、重复、对比。这四个原则简单易懂,却是让 UI 提升一个台阶的最简单可行的方式。 亲密性(Proximity):相关的元素放在一起。Zipic 的压缩列表里,每个文件项的缩略图、文件名、大小、压缩率紧挨着,形成一个视觉单元;而不同文件之间有明显的间距。用户扫一眼就能分清哪些信息属于同一张图片。设置面板也是,按功能分组——输出设置放一块,质量设置放一块,不会把「输出路径」和「压缩质量」混在一起。 对齐(Alignment):所有元素都要有视觉上的连接。Zipic 的侧边栏、列表视图、详情面板,相同元素内所有文字都有对齐。看起来是小事,但如果对齐乱了,整个界面会显得「业余」。SwiftUI 的 `alignment` 参数用得很多,`.leading`、`.trailing`、`.center` 要根据内容类型选择。 重复(Repetition):统一的视觉元素贯穿始终。Zipic 里的圆角半径是统一的,所有可点击的文字都用同一种颜色。图标风格也统一——要么都用 SF Symbols,要么都用自定义图标,不混搭。这种一致性让用户觉得「这是一个完整的产品」,而不是「拼凑出来的」。 对比(Contrast):重要的东西要突出。压缩率是用户最关心的数据,所以用蓝色渐变标签显示;文件名次要,用常规字体;原始大小更次要,用浅灰色。主次分明,用户不用思考就知道该点哪个。 这四个原则听起来简单,但真正用好需要不断调整。我的做法是:写完代码先跑起来看效果,觉得哪里「不对劲」就用这四个原则去检查。是不是相关元素没有靠近?是不是对齐出了问题?是不是重复的元素不够统一?是不是该突出的没突出?
Tweet media
Tweet media
Tweet media
Tweet media
2
3
29