Blog 博客

商业 + 设计 + 科技，思考、发现与学习，为更美好的 web。

Design and development notes, tutorial, experimental stuff, thoughts, etc.

• 应用于 HTML 的图标 SVG code 的优化方法

  07 Nov, 2020

  使用 Sketch App 等软件设计的图标图片，怎样以干净简短的 SVG code 嵌入 HTML 中直接使用来达至最佳性能和样式的灵活性？可以试试 ImageOptim.

  Front-end development前端PlaygroundSVG

• 关于平衡工作、副业和爱好的认知

  25 Oct, 2020

  读了 Nicole Zhu 在 Medium 上的一篇文章，很有共鸣，记录一二。

  学习职业阅读

• 「所向披靡」的设计系统

  22 Aug, 2020

  一段时间以来关于设计系统的一些思考和琢磨。UI Kit 还是设计系统，做设计系统模版还是解决问题的产品，设计开发流程值得如何优化，未来的设计工具和方法的思考。

  学习UI 界面设计UX 体验设计Design System 设计系统

• 阅读笔记：引导远程工作坊 Facilitate Remote Workshops

  21 Aug, 2020

  在 Medium 上读到 UX Collectives 专栏下 Krista Siniscarco 写的关于 Facilitating remote workshops 远程工作坊引导的文章，对于远程办公环境下需要跨区域协作的工作坊引导者来说是很好的经验和指导。

  阅读Facilitation 会议引导

• 网格系统设计5步

  24 Jun, 2020

  这篇关于文章是英国设计师 Mark Boulton 2005 年于他的个人网站 markboulton.co.uk 发布的。虽然时隔15年，但现在读来依然实用。算是设计师入门的基础技能吧。这里以中文整理一版以记录。

  阅读UI 界面设计

• UX Strategy 用户体验策略阅读笔记

  09 Jun, 2020

  关于 Jaime Levy 的 'UX Strategy: How to Devise Innovative Digital Products That People Want'的读书纲要和笔记。

  阅读UX 体验设计

• ffmpeg 将 mp4 视频转换为 webp 格式动图

  01 Jun, 2020

  ffmpeg 是十分强大的视频录制及格式转换的命令行工具，使用 ffmpeg 可以实现高度自定义的格式转换。本文将以 mp4 格式为例，介绍将视频转换为 webp 动图格式的方法。 Use ffmpeg command line tool to convert video into animated WebP file. Use MP4 as an example.

  WebPconvertervideoFront-end development

• Use OTF instead of TTF - custom font anti-aliasing for Android

  19 May, 2020

  What to do when a custom font works well on iOS while the font are blurry and aliasing on Android? It could just because you used .ttf. Try font in OTF format could make you relief.

  Front-end development字体fontsReact NativeAndroid