ULINKONE · App Icon

ULINK / ONE 两行字标图标

按你给的三个字标(ink / white / brand blue,均为不带 orb 的纯字标),把 ULINKONE 拆成 ULINKONE 两行,做成正方形 App 图标,三个颜色版本。下面是设计稿、尺寸阶梯,以及放进 iPhone 主屏和主流 App 摆在一起的实际观感。

浅色版#0B0B0C on #F2F3F5
深色版#FFFFFF on #0E0F12
品牌蓝版#1326FD on #FFFFFF

01 · 排版构造

两行等宽,锁成一个方块

ULINK 五个字母天然比 ONE 宽得多(543.5 : 391)。直接同字高居中会留下一个明显的缺口,把 ONE 拉开字距去补 又会散成「O N E」。这里的做法是放大 ONE 的字高,让它在保持家族字距不变的前提下正好和 ULINK 等宽—— 两行左右完全对齐,整体锁成一个实心矩形。

两行等宽 · 556 = 556 块宽 = 图标边长 × 0.80 ULINK 字高 100 ONE 字高 139 行距 24 ONE 字距 27.5

等宽的代价:笔画会跟着放大

ONE 放大到字高 139,笔画也跟着放大 39%,上行就会退成一条细字副标题。所以两行各自定笔画 ——ULINK 25.0、ONE 17.5——让两行的绝对笔画粗细落在同一水平(相差 3%)。这是标准的光学字号处理, 字母比例、圆角、I 与 E 的 51° 斜切全部保持家族原样。

同一字重ULINK 27.6px · ONE 38.3px · 相差 39%直接放大 ONE,笔画跟着放大,上行变成细字副标题
光学字重(采用)ULINK 36.8px · ONE 35.8px · 相差 3%两行各自定笔画,绝对粗细拉平,锁成一个词

字形没有另起炉灶。除了两行各自的笔画粗细与 ULINK 行的 L→I 微调字距, 其余全部沿用 brand-dist/ulinkone/gen.py —— 与现有横排 lockup、字标同源。 家族字标本身未做任何改动

02 · 尺寸阶梯

从 180px 到 29px

两行字标的风险在小尺寸。这一栏是三个版本在真实 iOS 尺寸点上的表现,未做任何缩放补偿。

180
120
80
60
40
29
浅色版#0B0B0C on #F2F3F5
180
120
80
60
40
29
深色版#FFFFFF on #0E0F12
180
120
80
60
40
29
品牌蓝版#1326FD on #FFFFFF

03 · 主屏对比

和主流 App 摆在一起

三个版本连排放进主屏最后一行,浅色与深色壁纸各一屏。周围是常见 App 的色板与体量替身 (几何近似,用于对比底色、对比度与图形占比,非原商标)。

一处需要你定:浅色版底色 #F2F3F5 与品牌蓝版底色 #FFFFFF 在主屏上几乎是同一块白,两者只靠字色区分。若要三个版本在桌面上真正拉开距离, 第三个可以换成蓝底白字(白字压在 #1326FD 上)——这会更醒目,但就不再是你给的第三个字标了。 按你的原稿,这里保持蓝字白底。

9:41
Instagram
WhatsApp
Spotify
X
Telegram
Revolut
Wise
Alipay 支付宝
WeChat 微信
Gmail
Apple Wallet
Photos
Maps
Calendar
Notes
Settings
Camera
Clock
App Store
Files
ULINKONE
ULINKONE
ULINKONE
Health
浅色壁纸light wallpaper最后一行左起:浅色版 · 深色版 · 品牌蓝版
9:41
Instagram
WhatsApp
Spotify
X
Telegram
Revolut
Wise
Alipay 支付宝
WeChat 微信
Gmail
Apple Wallet
Photos
Maps
Calendar
Notes
Settings
Camera
Clock
App Store
Files
ULINKONE
ULINKONE
ULINKONE
Health
深色壁纸dark wallpaper最后一行左起:浅色版 · 深色版 · 品牌蓝版

04 · 小尺寸场景

列表、通知、商店

图标不只出现在主屏。这三处是尺寸最小、也最容易露怯的位置。

设置列表 · 29px
ULINKONE
Gmail
Revolut
通知横幅 · 34px
ULINKONE您的 USD 卡已完成充值,可立即消费。
App Store 列表 · 56px
ULINKONE财务
获取

两行字标的下限在 44px 左右。再往下 ULINK 那一行的笔画不足 2px, K 的两条斜臂和 N 的对角线会糊成一片——上面 29px 的设置列表就是实拍。iOS 的 29pt 设置项、20pt 通知角标、 以及 16/32 favicon 都落在这条线以下。这几个位置需要另配一个记号(现有 orb、或一个 U/O 花体), 纯字标在那个尺寸下没有退路。

05 · 规格

参数表

参数取值说明
ULINK 字高100以字高 100 为家族基准单位
ONE 字高139放大到与 ULINK 等宽,字距保持家族值
ULINK 笔画25.0绝对粗细 36.8px @1024
ONE 笔画17.5绝对粗细 35.8px @1024,与上行相差 3%
行距24两行净空;再紧两行会在 60px 粘连
块宽 / 图标边长0.80819 px @1024,左右各留 10%
视觉上移1.2%文字块比几何中心略高,符合视觉重心
ONE 行左移3 px @1024圆头 O 相对平头 U 出挑,E 让开 K 的尖角
深色版减重4%白字在深底会膨胀,笔画同比减细
圆角不烘焙母版满版方形,圆角由系统遮罩生成

06 · 文件

产出

app-icons/svg/icon-{light,dark,brand}.svg母版 · 1024 满版方形 · 无圆角无投影
app-icons/svg/icon-{light,dark,brand}-squircle.svg预览 · 已套 iOS 连续圆角
app-icons/png/icon-{light,dark,brand}-1024.png1024² 不透明 RGB
app-icons/gen_icon.py几何生成器 · 字形取自 ../gen.py
app-icons/build.py一键重建全部产出与本页
app-icons/index.html本页