8 个好看的手机主屏幕设计灵感：小组件搭配与配色

想让手机主屏幕又好看又好用，关键不在于塞满小组件，而在于选对 一个视觉中心、两三个辅助信息、一套统一配色。下面整理了 8 套可以直接照做的主屏幕方案，每套都写明了小组件和尺寸组合，以及配色要点，iPhone 和安卓都适用。

#动手之前：四条设计原则

1. 一个焦点：每屏只设一个“主角”，通常是中号或大号小组件，其余元素围绕它安排。
2. 三色以内：壁纸、小组件背景、文字颜色加起来尽量不超过三种主色。
3. 留白比填满重要：空出一两行，会让界面更透气，也更容易找到 App。
4. 字体一致：同一屏的小组件使用同一种字体风格，比混搭更显精致。

如果还不熟悉添加和调整小组件的操作，可以先看 iPhone 添加小组件教程 或 安卓添加小组件教程。

#方案一：极简黑白

• 组合：顶部一个中号数字时钟 + 底部一排四个常用 App 图标，中间留白。
• 配色：纯黑或深灰壁纸，小组件白字无底色或极浅灰底。
• 适合：想减少分心、专注工作的人。iOS 18 及以后可在 编辑 → 自定 里切换深色图标，让整体更统一。

#方案二：奶油色温柔风

• 组合：一个大号月历 + 两个小号（天气、倒数日）。
• 配色：米白、燕麦、浅咖三色，文字用深棕而非纯黑，柔和不刺眼。
• 小技巧：壁纸选带纹理的纸张或亚麻质感图，小组件用纯色底，层次会更清晰。

#方案三：自律打卡风

• 组合：一个中号习惯打卡（显示三四个习惯）+ 一个小号进度环 + 一个小号今日日期。
• 配色：白底配一个高饱和强调色，比如草绿或亮橙，只用在完成状态上。
• 适合：想养成早起、喝水、阅读等习惯的人。强调色只用一处，完成时才更有成就感。

#方案四：液态玻璃通透风

• 组合：一个中号天气 + 两个小号（时钟、日程）组成智能叠放。
• 配色：明亮、色彩柔和的渐变壁纸，小组件使用半透明玻璃质感。
• 说明：iOS 26 引入了“液态玻璃”设计语言，主屏幕图标和小组件可以选择透明的玻璃外观。安卓上可以选择半透明背景的小组件，模拟类似效果。注意壁纸不要太花，否则文字不易看清。

#方案五：照片回忆墙

• 组合：一个大号照片小组件占据上半屏 + 下方两个小号（时钟、天气）。
• 配色：从照片中取一个主色，作为其他小组件的文字或背景颜色。
• 小技巧：选色调接近的一组照片，比如同一次旅行的海边照，整屏会更协调。

#方案六：东方节气与农历风

• 组合：一个中号农历日历（显示农历日期、干支和传统节日）+ 一个小号时钟。
• 配色：朱红、墨黑、宣纸白，或青绿山水色系。
• 说明：WidgyKit 内置越南农历小组件，按越南时间（UTC+7）计算，显示农历日月、干支和传统节日。以示例日期为例，2026 年 10 月 10 日是丙午马年九月初一。喜欢东方审美的话，搭配水墨或古风壁纸很有味道。

#方案七：效率工作台

• 组合：一个大号日程列表 + 一个中号世界时钟 + 一个小号倒数日（如项目截止日）。
• 配色：深蓝或石墨灰为底，白字，加一个冷色强调色。
• 适合：需要跨时区沟通、日程较满的上班族。工作日用这一屏，周末可以切换到其他主题。

#方案八：每日一句文艺风

• 组合：一个中号语录小组件放在屏幕中央 + 底部一排图标。
• 配色：低饱和莫兰迪色，比如灰粉、雾蓝、橄榄绿，搭配衬线字体。
• 小技巧：语录小组件周围多留白，像一张明信片挂在墙上，阅读感更强。

#尺寸搭配速查

#常见问题

#小组件太多会卡吗？

一般不会明显影响流畅度，但信息过多反而难以阅读，建议每屏不超过三个。

#不同 App 的小组件风格不统一怎么办？

这正是主屏幕“乱”的主要原因。尽量选择同一来源、同一套设计语言的小组件，或者统一调成相同的配色。

#换主题麻烦吗？

可以把常用的几套布局放在不同页面，按心情或场景切换。

#写在最后

好看的主屏幕往往来自克制：一个焦点、统一的配色、足够的留白。如果你希望时钟、天气、日历、习惯和语录都出自同一种视觉风格，WidgyKit 把这些小组件放在同一个 App 里，每个模板都有小、中、大三种布局。可以先在 小组件一览 里挑选喜欢的风格，再看看 在线演示。