0 Fork 0

Files

T

maogeigei d3f98dda77 feat(MCN工作台): 数据功能页+图标扁平化+多项UI优化

- 工作台大版本升级：hash 路由 + 6 数据功能页（周榜/热门账号/账号详情/视频详情/AI写脚本/AI写作复盘），只读复用 dsh 库副本 + 抖音榜单 JSON
- 数据库隔离：复制 dsh 库到 mcn-work-shop/，与 dsh 原库各访问各的（已 gitignore）
- 图标全面扁平化：Lucide 线性 SVG，功能图标亮色区分，文字标题去图标
- 首页重构：功能入口卡 + AI写剧本快捷卡片(2列/8个/5行预览) + 独立帮助页 + header 精简
- 新增设计技能 impeccable + taste-skill（生成网页时参考）
- 修复：fmtTime 跨 script 全局冲突(P0)、弹窗关闭、外链新标签打开等

2026-08-27 12:33:57 +08:00

3.6 KiB

Raw Blame History

iOS platform

For native iOS / iPadOS apps: SwiftUI, UIKit, React Native, Expo, Flutter shipping to Apple hardware.

On native, the visitor mode narrows what expression may override. HIG conformance governs structure, navigation, and interaction in every mode; brand expresses through the layer the platform leaves open (tint, type, motion, content).

The iOS slop test

Would a fluent iPhone user trust this app, or pause at off-spec controls? The tell is "ported from a website": reinvented navigation bars, custom back gestures, web-shaped buttons, hover-dependent affordances. Default to the platform's components; depart only for a reason the user would thank you for.

Layout & structure

Safe area. Lay out inside the safe-area insets. No controls under the notch, Dynamic Island, home indicator, or rounded corners.
System navigation. Tab bar for 2–5 top-level sections (sections, never actions), navigation stack for hierarchy, sheet for self-contained tasks. No custom global nav, no mixed metaphors.
Edge-swipe back stays alive. The left-edge back gesture is muscle memory; never disable or overlay it.
Large titles on top-level screens, collapsing to inline on scroll. Deep detail screens stay inline.

Touch targets

44×44 pt minimum for every tappable control, with breathing room between adjacent targets.

Typography

Dynamic Type. Use the system text styles (Large Title through Caption) so text follows the user's reading size. No hard-coded point sizes.
San Francisco carries the UI. Body, labels, and controls stay on SF Pro / SF Compact; a brand face may appear in display moments.
11 pt floor; Body is 17 pt.

Color & materials

Semantic system colors (label, secondaryLabel, systemBackground, separator, tint). They adapt to Dark Mode and increased contrast automatically; raw hex breaks there.
Dark Mode is a first-class appearance. Design and test both.
One tint color drives interactive elements; decoration is not its job.
System materials for blur and translucency behind bars and sheets; no hand-rolled glassmorphism.

Components & controls

Platform controls. Switch, segmented control, stepper, system pickers, action sheets, alerts, context menus, swipe actions. Reinventing these for flavor is the most common native slop.
SF Symbols for iconography: baseline-aligned, Dynamic Type-aware, weight and scale variants. Don't mix in a web icon set.
Deliberate modality. Sheet for a focused dismissible sub-task, full-screen cover for immersion. Clear Cancel/Done; honor swipe-to-dismiss unless data loss requires a guard.
Grouped/inset lists for settings-shaped content; no bespoke card stacks.

Motion

System transitions. Push slides, sheets rise, dismiss reverses the entrance. Custom transitions that fight the navigation model disorient.
Honor Reduce Motion. Crossfade instead of parallax and large slides.

3.6 KiB Raw Blame History Unescape Escape