置顶文章

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

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

2019-11-17

按系列浏览

字体 & 排版经验

共 5 篇

软件 & 插件技巧

共 11 篇

色彩 & 色域探索

共 3 篇

从新到旧浏览

在千聊成功实践移动端 UI 组件库

一转眼来到千聊已经一年多了,对比起上一份工作,千聊UED更有挑战性,也确实让我有了一些进步和突破。 得益于前人们的努力,千聊的设计师们在流程内还是颇有话语权的。在迭代过程中,UI 设计师完全可以提出更好的方案,并推动它落地,甚至由设计来主导某些改版项目,只要方案有理有据,能带来正面影响。

2021-09-11

Apple 官网里三个令我惊叹的中文排版细节

无论是软件还是硬件,Apple 公司对于细节上面的执着程度可以说无人能出其右。我作为一名设计师,时常也会翻阅 Apple 的官网,拜读、细品,每次都会有点新发现。

2021-08-15

SF Pro SC 是什么字体?

苹果悄悄地在官网上用了一款名为 "SF Pro SC" 的中文字体。下图是在苹果官网截下来图片,你能发现它与我们平常在设计软件中使用的 PingFang SC 或者 SF Pro Display 有什么区别吗?如果想知道其中的差别,请看下文。

2021-07-28

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

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

2021-05-30

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

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

2021-05-03

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

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

2021-04-09

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

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

2021-03-14

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

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

2021-01-21

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

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

2020-12-25

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

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

2020-10-04

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

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

2020-08-02

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

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

2020-04-07

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

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

2020-01-18

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

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

2019-11-17

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

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

2019-10-04

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

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

2019-07-02

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

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

2019-06-11

在 iPhone 上安装旧版 Dribbble App

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

2019-04-14

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

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

2019-03-31

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

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

2019-02-07

SVG 路径代码转换成对应的 SVG 图像

在网页上看到一些精致的图标想要保存下来,但是右键没有另存为选项(如图1),审查元素后发现是嵌入式的 SVG 图标(如图2)。那么如何将这一段代码转换成对应的 svg 图片?

2018-12-09

前端笔记:Transfrom: Matrix() 参数配置笔记

最近在学一些前端知识,学到 Martrix 可以用一行来将 Transfrom 的所有属性表达出来,就打算在网上找找如何操作,发现大部分都是讲一些高等数学的计算,或者一两个属性的转换,翻了好久才找到讲4个属性同时应用在 Matrix 上的教程。鉴于花了差不多5个小时才勉强弄懂 Matrix 的属性,我决定做一篇 Matrix 参数配置笔记。

2018-07-19

毕业设计《刁角武汉》改版计划

寒假与其他朋友交流设计心得,我向他们展示了我的毕业设计《刁角武汉》,他们用了一会儿之后给了一些意见我,我也根据用户容易产生疑惑的地方做了一些总结,接下来会花一段时间进行改版,优化使用体验

2018-04-01

利用预置动画在 Mugeda 中制作顺畅的左右滑动切换卡片效果

前在做《刁角武汉》的时候对如何选择景点这个问题做了好几个方案,一个是画一张大地图,另一个是做垂直的列表选择,但我还是选择了左右滑动来切换景点。因为在多次尝试之后发现发现在手机屏上似乎不适合做可以上下左右滑动的大地图

Mar 31, 2018

macOS 安装 AE 插件 Flow 无法打开的修复方法

以前一直在 AE2015 里使用 Flow,最近下载了 AE2018,安装好 Flow后点击 Window-Extensions-Flow 却没有任何反应,几经波折找到了解决方法。

2018-03-17

大四下学期学习计划

因为以前选课忽略了一些必要的规则,导致我大四仍然在学校上一些选修课,错过了一些挺好的实习岗位。在此期间要保持学习,利用大学最后一个学期(03/2018~06/2018)提升自己的能力。

2018-03-02

在 AI 中导出更干净的 SVG 图形!

当我们做好一些图标准备导出成 SVG 文件时都要轮廓化描边,但是草率地轮廓化描边经常会产生多余的锚点,我在做相关工作的过程中找到了一些方法,或许可以帮助您导出更干净的 SVG 图形。

2018-02-01

重燃动效激情之 AE 动效导出为 JSON!

今天正想把毕设的一些图标动效做好,突然间想到可以用 Bodymovin 导出 JSON 还没试过,于是就现场捣鼓了一番。现在发现其实非常方便!

2018-01-18

使用 Netlify 托管个人网站 详细步骤

最近狠下心把域名买了下来,终于把一直想弄的个人网站正式放上了互联网。一路摸索过来,其实也没多难。

2018-01-02

分享:如何让Sketch默认在多标签页中打开新文档

常用Sketch的都知道,窗口模式下的Sketch打开新文档是默认打开一个新窗口,如果要打开的文档比较多,整个桌面就容易乱。

2017-12-17

加载更多