将文字组件宽度设置为一个文字的宽度，这样每行为一个字，可以模拟垂直排版。字间距为行间距。 有的时候我们需要一些垂直排版的内容，这富有年代感气息的文字排版方式显得非常的古朴和文雅。常用在海报或者一些平面视觉作品之中。很难会用到UI作品中，但是一旦用到就很尴尬。专业的平面设计工具比如Photosh ...

选中文本，点击菜单中的字符→路径文字。之后将文字图层放到目标路径图层上部，移动文本图层接近路径。 虽然现代设计我们很少会用到路径文字，但是在用Sketch做一些视觉设计的时候我们偶尔会用到路径文字，那么怎么使用呢？ 1.首先我们先创建一个对应路径： 2.创建一个文本控件 3.点击菜单中的字符→路 ...

本文为转载文章，以下内容来源于 Pliary - Plant Care Service behance Pliary - Plant ...

逛追波的人都会知道，很多人在评论UI设计作品的时候经常用clean（干净）来给予评价。UI作品干净会拉高设计感和档次感（所谓的‘高大上’）。 干净的设计主要用两种方法配合优秀的选图来完成。两种方法分别是阴影、留白。阴影和留白为卡片式APP设计带来了更多发挥的空间，过渡较好较浅的阴影给人干净的印象。 ...

这周整理一下音乐类的产品设计。音乐类是几乎每个设计师都会尝试的产品（就像天气app等等）有很多有趣的设计可以用来分享。 这个设计打破了播放条只是直线的限制，并且通过上下滑动可以切换歌单等等的方便操作将专辑中的各个歌曲联系在一起。非常有创意的设计，但是没有歌词的显示，落地恐怕有点困难。但是这不妨碍他 ...

首页的设计是用户除了开屏以外的直观印象，一个好的首页会让用户产生对该软件调性的直观认识，设计首页对于一个APP尤为重要。 我们在中国常见的APP都是那种堆叠和紧凑，每个点都要博眼球，每个颜色都是「不要像上吊似的」的老板喜好（上吊这句话来自得到）（据说容易过稿，后来跟风者认为别人都这么搞，还以降低用 ...

黑暗模式在mac10.14中开始普遍铺开，凭借苹果设备出名的开发者的跟进能力，很快，大多数常用应用已经支持了夜间模式。在不久的将来，黑暗模式将很快在ios新版本上线。黑暗模式不仅很受男性受众和工作者的喜爱，而且因为厂商采用AMOLED屏幕黑色不发光可以节约电能消耗。下面就来赏析一下黑暗模式的设计。相 ...

在商业化比较严重和开发能力的多重考验、时间的限制下，现有市场的APP总是以相同的框架、相同的结构出现。说的好听是为了减少用户的学习成本，说的难听就是不愿意花更多精力去创新。但是现在已经有越来越多的APP已经意识到了创新给产品带来的用户粘性，我相信不久的未来创新将会是产品的核心竞争力。 我非常喜 ...

最近在设计APP的logo标志，所以将Appstore排名靠前的app图标都截了下来，方便参考和设计。 刚开始是靠着进入Appstore的网页来截图，但是有些图不能截图必须要进iTunes，但是最新版的还不支持应用预览。。。凉凉，所以另辟蹊径，找到两个Appstore图标的下载地址。 plafer ...

在设计界面的时候为了将主界面更加简单易用，经常会需要隐藏一部分内容或者有组织的划分这些复杂内容。今天这篇文章主要分享的是通过层级隐藏的界面方式。 这是一个非常流行的隐藏方式，甚至动效都非常容易完成。 视觉表现方法就是使用大圆角为底部。但用户触发入口时将画面上移，露出在“底部“隐藏的二级内容。二级内 ...

是的，我们真的需要傻大黑粗。 很多设计师知道傻大黑粗是设计趋势，但是只是知道它的空壳而不懂内涵和灵魂。只能照搬照抄，结果却差强人意。 首先为什么“傻大黑粗“成为了趋势？ 傻大黑粗的核心目标就是增强对比。人们在越来越浮躁的社会。时间很紧，几乎没有时间去享受生活，那么路边的广告、海报、网页的匆匆一瞥如 ...

对于设计与艺术的界限我们很难去清晰界定，但是艺术是设计的探索方向，算是先行者。类似于实验电子的感觉。所以我将这类还没有被市场所认同的探索性设计叫做 实验设计 这周介绍的实验设计方式就是大圆角设计了。据心理学实验表示，人们对于圆弧的东西更加喜爱，所以圆角矩形比矩形更讨喜我们就见怪不怪了。那么在最近这 ...

通过抠图的方式在app展示内非常出效果，抠图可以在二维扁平化的UI稿中体现出空间感，让人爱不释手。 公众号内原文标题： Hoocan 01 | 趋势设计-抠图大法好，突围设计方式的运用 我称这种设计方式为：突围 人们越来越渴望跳出扁平化这个行列，但是仍然想保留扁平化所带来的高效率更清晰直观的 ...

Hoocan在公众号中发布了，我在博客中再发一遍。 在如此忙碌的日子里，又要忙毕设又要上班，但还是有一个想要运营公众号的执念。在2014年2月就注册了第一个微信公众号，到了17年6月再次换号，后来为了换公众号的微信号在17年7月注册了现在的这个号。运营公众号这个想法已经扎根很多年了。 我在给自己 ...

2020新年特供色：竹红用于诠释一个崭新的2020年，精心构思的经典中国红辅以硝烟的熏染，使得不仅充满了喜悦和欢腾，还蕴含了些许年代感和时光飞逝的伤感。 竹红有着非同凡响的影响力，它不仅能够让人更加活泼的渴望未来，还有一些谨慎和沉淀。历久弥新的竹红更多的体现了经典和繁华。它并不是浮萍无根，深邃的内 ...

Sketch有一个模仿XD的超好用的一个功能，Data。我经常用它为组件提供数据。今后我会花一些时间将一些我使用的资源库进行共享。这篇博客就是来介绍资源库是如何添加的。下载的内容格式一般为txt文本格式：作为文本内容的替换 包含大量图片的文件夹：作为图片内容的替换 建立文件夹首先建立一个固定的不随意 ...

文本类型资源库 文件格式：txt 数据每行一个，例如 0-10 数字组成的资源库 1234567891012345678910 图片类型资源库文件格式：文件夹 每个图片为一个数据，堆到资源库中 相关阅读：如何建立资源库？ 如何将资源库（Data）导入到Sketch? 如何插入资源库（Data）中的 ...

为什么要使用Sketch资源库 目前自动填充一般使用的是SKetch的资源库（Data）填充，另一种就是使用插件填充。使用资源库填充的优点就在于资源都是由你进行收集整理，资源质量可控；但是缺点也是这一点，你需要自己去收集资源。所以用哪一种看看你如何权衡。当然小孩子才做选择，设计师应该“我全都要”。添 ...

在使用蓝湖的过程中一直会出现各种各样的bug活着体验上的问题。有的时候我们给图层编一个组、加一个symbol等都无法查看蓝湖的标注。其实除了我们常用的单（双）击以外，也可以使用右键单击的方法来进行查看。 右键单击需要查看的组件，选择选中图层，你就可以看到以设计师的视角的图层列表。选择你要查看的组件所 ...

本文为转载文章，以下内容来源于 用惯英文版 如何让Sketch53以上中英文互换 tianshi198892 使用「终端」输入命令 切换到 ...

这个是群里有人问的问题，找了很多ico生成的网站，在这里推荐一个。 1.将设计软件中制作的图标生成PNG格式的图片。 2.使用PNG转ico格式在线转换器进行格式转换 引用站外地址，不保证站点的可用性和安全性 在线转换图标 ...

Sketch不支持旋转画板，蓝湖也不支持。当你的设计稿是横屏但是需要竖屏的标注（便于开发）时，土方法是通过sketch的横竖屏切换进行变更。但是更改完里面的元素并没有旋转： 更改之前： 更改之后： 当然，还有人会选择选中画板中的所有元素，然后cmd+G建立群组，然后再旋转。这样虽然能解决一时问题 ...

移动端适配全屏播放能考虑到是采用计算StatusBar的高度来进行适配。为了旋转屏幕时防止左侧旋转和右侧旋转位置位置不同，所以全屏状态下的左右两次均留出StatusBar的高度。可以注意到bilibili的进度条距离左侧屏幕边缘约有52（44+8）pt。 （疑似采用状态栏高度计算的斗鱼） ...

非常喜欢该作者的怪诞插画风格。 作品地址： 引用站外地址，不保证站点的可用性和安全性 Could I have done things different? behance ...