04UI公开

元素：三台并排的 iPhone 手机外壳（贯穿画面，自左至右排列于浅色背景上）

普通知识

• iPhone 自 2007 年发布以来，已成为全球最具辨识度的科技产品符号之一，Apple 的产品发布会被称作「科技界的春晚」
• 手机壳展示（Mockup）是产品发布会、广告与设计稿常用的呈现方式，类似于把商品放在橱窗里
• 三联屏（Three-panel layout）构图让人联想到漫画分镜、电影三联屏，以及 Instagram 多图轮播

设计语言

• Mockup 拟真展示：用真实设备外形包裹 UI，是产品营销与 Dribbble/Behance 设计社区惯用手法，让屏幕里的 UI 获得「真实可触」的可信度
• 等距三栏对称构图：三台手机尺寸一致、间距均匀，形成稳定的视觉节奏，是商业展示页（landing page）「英雄区（hero section）」的经典排版
• 浅灰背景的衬托作用：避免与彩色屏幕争夺视线，同时让黑边手机框更突出，类似 Apple 官网的产品摄影逻辑
• 倾斜角度的轻微变化：三屏并非完全平行排布，带有自然的展示角度，模拟用户在手中翻看手机的真实动作，比纯正面更具亲和力

元素：左屏黄色主界面「Discover. Create. Enjoy.」与底部输入框（位于左侧手机屏幕内部）

普通知识

• 柠檬黄让人联想到阳光、向日葵、香蕉、小黄人、皮卡丘——是「快乐、能量、青春」的视觉通感
• 「Discover. Create. Enjoy.」三个动词并列呼应了广告史上经典句式「Just Do It」（Nike）、「Think Different」（Apple）
• 底部搜索/输入框是 Google 搜索栏、ChatGPT 输入框、微信聊天框的全球通用入口符号

设计语言

• 高明度单色铺底：使用接近 #F4D35E 的奶油黄作为整屏底色，单色大面积铺底是 Gen-Z 品牌（如 Glossier、Reddit redesign）惯用的「情绪化配色」手法
• 短句三段式 Slogan：三个动词用句号断开（period stacking），是 Pentagram、Massimo Vignelli 推崇的「瑞士排版」修辞在数字时代的回归，强调节奏与留白
• 拟物化按钮（skeuomorphism 残留）：底部输入框带阴影与圆角，营造可点击的物理感，比纯扁平多一层触感温度
• 左对齐的信息层级：标题、菜单项、输入框全部左对齐，符合西方阅读 F-pattern 视线流，让信息可被快速扫读

元素：中屏粉色主视觉「Activities just for your taste」（位于中间手机屏幕内部）

普通知识

• 粉色在 2016 年后随着「千禧粉（Millennial Pink）」风潮成为 Instagram、Tinder、Glossier 的代表色
• 「For your taste」呼应了 Spotify、Nike By You、Netflix 推荐系统的个性化算法时代精神
• 黄色便签纸让人联想到便利贴（Post-it）、办公场景、To-do list——是「待办与灵感」的世界通用符号

设计语言

• 糖果色撞色：粉底 + 黄便签 + 紫星形 + 蓝圆，构成马卡龙调色板，是孟菲斯设计（Memphis Design）在 2020 年代的「软萌重生」
• 手绘涂鸦元素：便签纸边缘、星星、笑脸等元素带有不规则手绘感，是「对抗完美主义」的新丑风（New Ugly / Anti-design）代表语言
• 大字 + 小字的不对称层级：主标题字号巨大、辅助文案极小，形成强烈字号对比（typographic contrast），是时尚杂志封面与 Spotify Wrapped 的常用手法
• 叠加图层与错位排版：便签纸、几何色块随意叠放，营造「随手贴上去」的随意感，呼应 Z 世代审美中的「真实、不完美」价值观

元素：右屏紫色统计图表与「Data / Time / Audience Flow」（位于右侧手机屏幕内部）

普通知识

• 条形图（bar chart）是 Excel、PowerPoint、股票软件中最常见的数据可视化符号，几乎人人见过
• 「Audience Flow」让人联想到 Google Analytics、Spotify Wrapped、Netflix 年度报告——大数据时代每个人的「数据画像」
• 紫色历来是尊贵色（罗马帝国紫、Card Box 紫），同时也是 Twitch、Yahoo、Yahoo Mail 的品牌色

设计语言

• 柔和紫粉渐变底色：低饱和的粉紫（pastel purple）比深紫更年轻化，呼应 BeReal、TikTok 紫色版本的「柔和数字感」
• 数据图表的视觉简化：条形图被简化为粗短的圆角矩形，去掉网格线与刻度，让数据从「专业工具」变成「装饰元素」，是 Gen-Z 数据可视化（data art）的典型语言
• 三栏并列的导航逻辑：Data / Time / Audience Flow 三个 tab 横向排列，是 iOS Settings、Instagram Profile 顶部 tab 的成熟导航范式
• 人形剪影作为头像占位符：用通用人形图标代替真实头像，是 Material Design 与苹果 SF Symbols 的「中性占位符」做法，避免种族/性别偏见

元素：贯穿三屏的拟物化 UI 组件（按钮、卡片、Tab 栏，分布于每屏底部与中部）

普通知识

• iOS 底部 Tab 栏是全球 iPhone 用户每天触摸几十次的界面，是「App」的视觉同义词
• 胶囊形按钮（pill button / capsule button）是 iOS 原生按钮、iPhone 电源键、胶囊咖啡机共用的形态
• 圆角矩形卡片让人联想到便利贴、拍立得照片、宝丽来相纸——是「可独立分享的内容单元」

设计语言

• 统一圆角语言：所有卡片、按钮、输入框都使用大圆角（border-radius ≥ 16px），是 Apple iOS 7 之后确立的「软性极简主义（soft minimalism）」核心规范
• 黑底白字的底部操作栏：底部 Tab 栏使用纯黑 + 白色 icon，与糖果色屏幕形成强烈反差，类似舞台聚光灯效果，让导航永远「最后一眼可识别」
• 多层投影（layered shadows）：卡片、按钮、便签都带有微弱投影，营造轻盈的悬浮感，模拟纸张与卡片在真实世界的物理层次
• 24/8 网格节奏：按钮高度、Tab 高度接近 8 的倍数（24、48、56），符合 iOS Human Interface Guidelines 的触控热区规范，确保可点击性

元素：整体配色逻辑（贯穿全图，三屏之间形成黄→粉→紫的渐变叙事）

普通知识

• 黄、粉、紫构成的三色组合让人联想到独角兽（Unicorn）、彩虹、独角兽星冰乐、Instagram 早期滤镜——是「梦幻少女心」的视觉通感
• 这套配色也常见于 80–90 年代的 Lisa Frank 笔记本、Hello Kitty 商品、糖果包装

设计语言

• 高明度低饱和（pastel）的色彩策略：三色都把饱和度压到 30–50%，明度提到 80% 以上，既鲜艳又不刺眼，是 Instagram 滤镜美学与 Gen-Z 平面设计的共识
• 色相的等距分布：黄(60°)、粉(330°)、紫(280°) 在色环上跨度大、对比强，但通过同步降低饱和度达到「吵而不闹」的视觉平衡，呼应 Josef Albers《色彩相互作用》的色彩理论
• 情绪化品牌色（emotional branding）：抛弃科技公司惯用的「安全蓝/极客黑」，转用糖果色，让产品自带情绪与亲和力，是 Glossier、Duolingo、Headspace 共同的品牌策略
• 糖果色在数字 UI 中的回潮：从 2020 年起，糖果色从童装、美妆向金融、工具类 App 渗透，标志着数字产品从「效率工具」转向「情绪伙伴」的设计哲学转变