May 30, 2021 · Pudge

在 Sketch 组件外更改文字颜色最简单的方法

这篇文章会介绍 Sketch 组件外更改文字颜色最简便的方法,以及探讨其优势和局限性。操作非常简单,所以篇幅很短。

最新文章

May 03, 2021 · Pudge

一个特殊字符,打开 Sketch 组件新世界的大门

公司内 B 端项目的表单比较多,经常有各种编辑页、功能配置页等。所以最近在做到一个编辑页调整的需求时,也和前端老哥沟通了一波,把公司项目里常用到的表单做成了组件。后续我打算做成 Sketch Symbol,同步到组件库内。这时出现了一些耐人寻味的问题。

Apr 9, 2021 · Pudge

信息无障碍与我们的距离 · 分享会记录

公司的设计、产品组一直有分享会的传统,一般是每两周一次(当然如果那段时间特别忙也会延后)。我从去年七月入职到现在,已经大半年了,总共分享过 3 次,这次是 2020 年 4 月 2 日,清明假期前在公司设计组内的一次分享会《信息无障碍与我们的距离》。

Mar 14, 2021 · Pudge

探索 Web 网页内字符的换行规则

前不久在验收公司项目内一个讨论区相关需求时,看到界面的样式出现这种问题,让从业界面设计两年多的我感到意外和不安...这篇文章将会记录我对 Web 网页内换行规则的理解、实际应用中的解决方案,以及一个突破性新发现。

Jan 22, 2021 · Pudge

维护 Dribbble 深色模式一年,我最大的收获竟然是学会了使用 DevTools

2019年10月份,我在 Medium 发表了一篇文章《关于深色模式的一些发现和思考》,从那时候开始我便着手去找个网站做成深色模式,练练手,于是便开始将 Dribbble.com 进行深色模式的尝试。

Dec 25, 2020 · Pudge

等宽数字 Monospaced Numbers 在界面中的使用

在上一篇文章的3.2章节里,提到了 AntD 组件会全局默认使用等宽数字。这对我来说是比较新的概念,所以也花了点时间观察、总结了等宽数字在界面上的几个使用场景,以及普遍的实现方式,正好也可以作为文章记录下来。

Oct 04, 2020 · Pudge

用 Ant Design 组件做设计,你可能不知道的细节

使用 Ant Design 组件做设计一段时间,踩过不少坑。在这里分享一部分出来。如果你也是之前没怎么使用过 AntD 组件来进行设计,那么这篇文章也许会对你有点帮助。

Aug 02, 2020 · Pudge

互联网设计师白嫖图片和字体的旁门左道

转眼间在互联网行业从事设计工作已经两年多了,工作中发现了几个可以白嫖高清图片、App 图标、收费字体的小技巧,在这里做一番记录,也希望能对正在看文章的你有所帮助。

Apr 07, 2020 · Pudge

Dribbble 大改版,顺势记录下我对近期 UI 设计趋势和一些细节的观察

2020 年 3 月下旬,知名设计网站 Dribbble.com 在过去十年中首次做了彻底的重新设计。借着这次机会,并结合近期其他互联网产品的更新迭代,在此记录一下近半年来我观察到的一些设计趋势变化。

Jan 19, 2020 · Pudge

用 AE 制作 Display P3 广色域动图的三个方法

前段时间写了篇文章记录如何导出 P3 广色域静态图片,恰好最近工作上有需求要用到动画来完成,利用这次机会也记录一下制作支持 Display P3 广色域的 PNG 序列帧、CSS 精灵图和 APNG 三种格式动画的方法。

Nov 17, 2019 · Pudge

PingFang SC 不应该作为移动端网页字体的首选项

我在做设计时会经常观察市面上各类应用,途中一个字体使用的问题使我陷入了沉思...

Oct 4, 2019 · Pudge

关于深色模式的一些发现和思考

近期更新的 iOS 13 重磅推出深色模式,作为一名设计师当然也要蹭下热度把个人网站也适配上深色模式。这篇文章记录了我最近为网站做深色模式时的一些发现和思考。

Jul 3, 2019 · Pudge

在 Sketch/PS 中导出 Display P3 广色域图片的方法

前一段时间换上了 iPhone 之后,我一直对官网上的描述里的 “Display P3” 挺好奇的,然后上网搜了下,发现了里面大有学问。下面放上在 Sketch/PS里导出 Display P3 色域图片的方法,供参考…

Jun 11, 2019 · Pudge

最近用 Bodymovin 导出动画遇到的问题和解决方法

本文记录作者用 Bodymovin 导出动画时遇到的各种各样奇怪问题,并提供可行的解决方案。持续更新

Apr 15, 2019 · Pudge

在 iPhone 上安装旧版 Dribbble App

Dribbble 官方在今年的 3 月份更新了 iOS 版客户端,但体验并不好,比如没有适配好全面屏、不能切换显示模式、卡等等。

Mar 31, 2019 · Pudge

Sketch Tips — 2个技巧让你在 Mirror 上更好地预览设计稿

用 Sketch 做 UI 设计的小伙伴都会用 Mirror App 来实时预览设计稿,看看设计稿在手机上的显示效果,方便调整设计稿。这里列出小伙伴们在用 Mirror App 时可能遇到的两个问题(起码我遇到过😄),并提供解决方案,让你在 Mirror App 上更好地预览设计稿!

Feb 7, 2019 · Pudge

分享发现:AE中制作矢量动画图标的四款效率工具

最近在做一些动画图标的过程中发现了四款能提高工作效率的AE插件,分别是 Motion2、Flow、Overlord、gifGun,下面为大家逐一介绍。

加载更多