Blog 博客
商业 + 设计 + 科技,思考、发现与学习,为更美好的 web。
Design and development notes, tutorial, experimental stuff, thoughts, etc.
应用于 HTML 的图标 SVG code 的优化方法
使 用 Sketch App 等软件设计的图标图片,怎样以干净简短的 SVG code 嵌入 HTML 中直接使用来达至最佳性能和样式的灵活性?可以试试 ImageOptim.
关于平衡工作、副业和爱好的认知
读了 Nicole Zhu 在 Medium 上的一篇文章,很有共鸣,记录一二。
「所向披靡」的设计系统
一段时间以来关于设计系统的一些思考和琢磨。UI Kit 还是设计系统,做设计系统模版还是解决问题的产品,设计开发流程值得如何优化,未来的设计工具和方法的思考。
阅读笔记:引导远程工作坊 Facilitate Remote Workshops
在 Medium 上读到 UX Collectives 专栏下 Krista Siniscarco 写的关于 Facilitating remote workshops 远程工作坊引导的文章,对于远程办公环境下需要跨区域协作的工作坊引导者来说是很好的经验和指导。
网格系统设计5步
这篇关于文章是英国设计师 Mark Boulton 2005 年于他的个人网站 markboulton.co.uk 发布的。虽然时隔15年,但现在读来依然实用。算是设计师入门的基础技能吧。这里以中文整理一版以记录。
UX Strategy 用户体验策略阅读笔记
关于 Jaime Levy 的 'UX Strategy: How to Devise Innovative Digital Products That People Want'的读书纲要和笔记。
ffmpeg 将 mp4 视频转换为 webp 格式动图
ffmpeg 是十分强大的视频录制及格式转换的命令行工具,使用 ffmpeg 可以实现高度自定义的格式转换。本文将以 mp4 格式为例,介绍将视频转换为 webp 动图格式的方法。 Use ffmpeg command line tool to convert video into animated WebP file. Use MP4 as an example.
Use OTF instead of TTF - custom font anti-aliasing for Android
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.