BLOG


做多语言网站时推荐的字体
比较适合多语言网站的字体。基于实际搭建多语言站点的经验,介绍 Alibaba Sans、Noto Sans 和系统字体的选择思路与落地要点。
Design Web


你能说出 Navigation bar 是哪一块 UI 吗?最近名字又变了……iOS & Android 各类 Bar 系 UI 新旧名称汇总
在移动应用 UI 中,有很多名字带有 Bar 的 UI,例如 Navigation Bar、Toolbar 等。最近 iOS 和 Android 两边都对它们的名称和规范做了大幅调整。尤其是 Navigation Bar 这个名称,在 iOS 还是 Android、当前还是以前,指向的 UI 完全不同,非常容易混淆。本文用表格的形式梳理各操作系统中各部位的名称和外观,并附上官方规范的链接。
Design UI


这就是完整的2022年Android可折叠设备·响应式适配方案
由于在自家应用中做了可折叠设备(折叠屏手机)的适配,本文从UI设计的角度,总结一下最新的Android多设备·响应式适配方案。内容稍长,可以从目录中挑感兴趣的部分阅读。
UI Design


Material Design 3 简明梳理
随着 Android 12 的发布,Material Design 的官方文档也迎来了一次重大更新(俗称 M3)。我大致通读了一遍,这里把要点简单梳理介绍一下。本文默认读者已经了解此前的 Material Design。
UI Design


open 给检视设计的人看的 Figma 用法 (面向工程师与项目经理)
本文不是讲怎么用 Figma 做设计,而是面向那些需要审阅设计师作品的人,介绍 Figma 的用法。
figma UI


设计师该重视的「指意符(Signifier)」,以及容易被混淆的「可供性(Affordance)」
你听说过「可供性(Affordance)」和「指意符(Signifier)」这两个词吗?如果你只听说过「可供性」,那要小心了。
Design UX