跳转到内容
View in the app

A better way to browse. Learn more.

彼岸论坛

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[设计] 自定义设计的完整功能版的 SF Symbol 太复杂了

发表于

完整的 SF Symbol 自持的功能很强大:

  • font-weight 多重变化
  • 自定义字体动画(通过图层来实现)

之前我在 Badminton Zone 里做的 SF Symbol 只有 regular 的 weight ,现在为了更方便的排版需要,设计调整成完整的功能版本,结果发现 N 多复杂的细节,6 个图标折腾我一个星期。经常被 The provided variants are not interpolatable. 问题困扰。还好慢慢看官方文档找到解决方案了。

设计下来,发现:

  1. Figma 的贝赛尔曲线的编辑功能更好用一点,不过锚点的计算更复杂;
  2. Sketch 的贝赛尔曲线的锚点计算更合理。
  3. 个人猜测苹果官方的 SF Symbol 源文件是在 Sketch 里设计的,或许是在 Glyphs 里设计的,不过我不怎么用 Glyphs ,不怎么清楚。

img

Featured Replies

No posts to show

创建帐户或登录来提出意见

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.