ULINKONE · App Icon

ULINK / ONE 两行字标图标

按你给的三个字标(ink / white / brand blue,均为不带 orb 的纯字标),把 ULINKONE 拆成 ULINKONE 两行,做成正方形 App 图标,三个颜色版本。下面是设计稿、尺寸阶梯、iPhone 主屏与主流 App 的并排对比,以及开屏页、顶栏 Logo 的配色方案对比。

浅色版#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 · 开屏页配色

一个名字,三段颜色

开屏现状是单行 ULINKONE 全蓝。这里把名字按 U · LINK · ONE 三段拆色, 连同深色底与蓝底一共十个组合摆在一起。开屏是全 App 唯一的纯品牌时刻,允许比顶栏更强的表达。

9:41
DENA TRUST
A · 全蓝原方案U·LINK·ONE 同色 #1326FD原方案。最纯粹,但已被 B 取代。
9:41
DENA TRUST
B · 墨 · 蓝 · 墨定稿U+ONE #0B0B0C · LINK #1326FD你提的组合。名字切成 U·LINK·ONE 三段,蓝色落在「LINK」上点题连接。
9:41
DENA TRUST
C · 蓝 · 墨 · 蓝U+ONE #1326FD · LINK #0B0B0CB 的反转:两端亮、中间沉,视觉重心散在两头,不聚。
9:41
DENA TRUST
D · 墨 ULINK · 蓝 ONE备选ULINK #0B0B0C · ONE #1326FD只点亮 ONE,读成「ULINK / ONE」两段——与 App 图标的两行切分同构。
9:41
DENA TRUST
E · 蓝首字U #1326FD · LINKONE #0B0B0C只点亮 U,双色里最克制的一档。
9:41
DENA TRUST
F · 全墨U·LINK·ONE 同色 #0B0B0C最安静,但开屏这个品牌时刻丢掉了品牌色。
9:41
DENA TRUST
G · 夜 · 全白#FFFFFF on #0E0F12深色主题下的默认对应。
9:41
DENA TRUST
H · 夜 · 蓝 LINK定稿 · 夜间U+ONE #FFFFFF · LINK #5667FFB 的夜间版。#1326FD 在深底会沉没,换 brand-400。
9:41
DENA TRUST
I · 蓝底全白#FFFFFF on #1326FD色浸式:品牌色当底不当字,存在感最强。
9:41
DENA TRUST
J · 蓝底 · 淡 LINKLINK #A8B6FF on #1326FD蓝底上的分段:同一招式最含蓄的写法。

已定稿(2026-08-24):开屏采用 B(墨·蓝·墨),夜间对应 H。 双色把八个字母切成 U·LINK·ONE 三段可读音节,蓝色落在「LINK」点题;A 全蓝退役为原方案存档。 待实装到 uvisa-app SplashScreen(现仍为 U-VISA lockup)。

06 · 顶栏 Logo

顶栏左上角,24px 的字标

App 内部顶栏用 16–24px 的紧凑字形(笔画 22 / 字距 27,与家族 compact 刻度一致)。 顶栏和开屏不同:它每屏常驻,下面永远压着蓝色余额与蓝色按钮,所以颜色策略反着来——越安静越好

9:41
总资产$128,406.00
T1 · 全墨定稿 · 日间#0B0B0C日间默认。与页内内容零竞争,蓝色留给余额和按钮。
9:41
总资产$128,406.00
T2 · 全蓝#1326FD品牌最直给,但常驻顶栏会和页内的蓝色数字、蓝色按钮打架。
9:41
总资产$128,406.00
T3 · 墨 · 蓝 · 墨LINK #1326FD开屏 B 的同款。24px 下分段仍可辨,但顶栏每屏常驻,久看略碎。
9:41
总资产$128,406.00
T4 · 蓝首字已采纳 · 点睛U #1326FD要品牌点睛又不吵的折中:只有一个字母在说话。
9:41
总资产$128,406.00
T5 · 夜 · 全白定稿 · 夜间#FFFFFF夜间默认,对应 T1。
9:41
总资产$128,406.00
T6 · 夜 · 蓝 LINKLINK #5667FFT3 的夜间版,同样的「常驻会碎」注意事项。

已定稿(2026-08-24):顶栏日间 T1 全墨、夜间 T5 全白; 需要品牌点睛的场合用 T4 蓝首字——一个字母的品牌色,不与余额数字抢。 三段双色(T3/T6)只用于开屏,不上常驻顶栏。

07 · 规格

参数表

参数取值说明
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%白字在深底会膨胀,笔画同比减细
圆角不烘焙母版满版方形,圆角由系统遮罩生成

08 · 文件

产出

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本页