做了一个类似于IMDB和豆瓣的APP设计，应用首页一个封面人物，然后介绍代表作和推荐的信息。然后还做了一个播放页面，展示了电影作品的信息和主演等。 Display the artist’s information, view the artist’s representative works, ...

本文为翻译内容，来自Principle官方文档翻译： 张洪Heo（转载注明出处）非原创内容须知 本译文对内容有部分删减和增加，可能与文档原义不符，配合我自己理解改动，仅供参考。 译者前言principle是一款无代码，十分简单的高保真原型制作工具，体积小巧，适合制作简单的动画高保真，适合作为方案 ...

这里是Mac软件推荐第二弹，在这篇文章中我将会介绍一下我做设计都在用什么软件，有什么好用的工具安利一下。 说起做设计的话生产力工具主要就是sketch和Photoshop。但是一些小工具能够大幅度优化使用时间和体验，包括输出质量。我们来看看吧。 Eagle 首先不得不说的就是Eagle了。在你浏览网 ...

安卓的屏幕尺寸太碎片化了，在做启动图的时候可以使用安卓的.9图来做，还有一个常见的例子就是聊天的气泡，因为每次输入的内容长度不一样，导致需要做自适应。.9图就是在安卓上的一个比较好的自适应方案。 .9图是什么.9图主要由一个素材图片配合上下左右的宽度为1px的黑线构成。 要求黑线的所有像素颜色为# ...

通过分别提取每个音乐中特别吸引人的部分，让每个人通过这些音乐剪辑将他们最喜欢的音乐添加到播放列表中。当你不知道要听什么音乐时，这个程序会让你找到很多你可能会喜欢的音乐。 By extracting the particularly attractive parts of each music se ...

本文为转载文章，以下内容来源于 如何设计并落地一个插画系统？ CDX创意设计中心 拥抱变化，是互联网人的座右铭。 小步迭代，快速响应，只为 ...

Sketch71版本支持了全新的链接数据功能，这个功能支持设计师自己编辑json文件，将多个文本/图片参数作为一个整体嵌入到设计稿中。相比过去单一的批量嵌入，使用json可以将多个素材的关系链接起来，作为一个整体。让设计稿更加真实。 通过链接数据，你可以使用以有意义的方式组合不同数据集的J ...

在调文字的时候想要给文本增加一个斜体效果，但是选了半天的字体原生并不支持斜体。那么这个时候一般就会用变换工具了。变换工具和photoshop的自由变换工具很像，但是缺少了一点点自由。大致能调整的就是8个点。 将文本轮廓化因为变换工具无法针对文本图层和组件进行操作，所以我们需要将文字图层转换为路径。 ...

在用sketch时调整一个控件后，使用这个控件的实例（图层）并不能根据新改动的控件自动调整大小。这个时候我们可以自动修正。 范例 我们可以看到调整前的底部因为没有跟新改动的控件进行变化，所以底边出现了问题。 解决方法 Sketch提供了一个方法，可以将没有自动调整尺寸的控件实例自动调整为正常的尺 ...

本文为转载文章，以下内容来源于 设计中的试验设计 腾讯FXD “ Never stop testing, and your advert ...

从sketch到figma的过程中总是伴随着导入和部分图层的复制粘贴，那么怎么才能将sketch的矢量内容导入到figma中呢？ 复制SVG右键单击需要复制的图层/编组等，选择复制SVG代码 粘贴通过SVG代码的方式可以直接粘贴到Figma中，并且还可以进行矢量的锚点编辑。

真实世界几乎不存在没有倒角的事物，当你的三维模型时通过3d直接生成出来时，你会发现这个三维模型的边角时完全锋利的，没有任何倒角。制作简单的三维模型用ps完全可以做到，就没必要再去打开c4d等软件了，但是没有倒角会显得模型不是非常真实。那么如何在Photoshop中制作模型的倒角。 新建一个三维形状我 ...

今天有一个图片转格式的需求，但是我看了一眼mac版的批量图片转格式工具发现都要花钱，花钱还不少。看了一眼在线的工具也都要一大堆限制，还需要花钱。我就奇了怪了，为啥一个简单的图片转格式都要花这么多钱呢？ 奈何孩子不愿意掏智商税，只能拿手头的东西捣鼓一下了。这个文章就简单介绍一些如何使用Photosho ...

虽然书籍的目标是给那些没有设计专业背景的人看的，但是所有人都能从这本书中或多或少学到一些设计知识，并且在这里我知道了很多英文设计的一些规范和英文设计中注意到的点，这个是平常没有接触到的。 内容简介 平面设计入门经典大作、 零基础自学平面设计师指导手册！ 让人人都能成为设计师！在这部畅销全球多年、影响 ...

本文为转载文章，以下内容来源于 官方复盘！2021全新淘宝品牌Logo升级设计解读 思鱼耶 全新的2021已经到来，在这个适合展望未 ...

作为UI设计师，最重要的就是接触iOS的设计规范。苹果拥有引领世界的设计能力，iOS影响着一代又一代的设计师，所以这篇文章主要是来翻译和解析一下iOS的设计规范。这个规范算是所有移动设计师必看的内容了。 本文为翻译内容，来自苹果官方人机界面准则推荐访问英文原文地址：人机界面准则翻译： 张洪Heo（ ...

作为UI设计师，最重要的就是接触iOS的设计规范。苹果拥有引领世界的设计能力，iOS影响着一代又一代的设计师，所以这篇文章主要是来翻译和解析一下iOS的设计规范。这个规范算是所有移动设计师必看的内容了。 本文为翻译内容，来自苹果官方人机界面准则推荐访问英文原文地址：人机界面准则翻译： 张洪Heo（ ...

从统计里看到有人在找Sketch绘制断点的问题，其实Sketch完成这些矢量编辑问题非常容易。你可以非常方便去编辑他们。这个时候就要派出断点神器——「剪刀工具」。 找到剪刀工具剪刀工具还算一个比较常用的工具，我们可以给他放在工具栏上 绘制形状我这里绘制一个胶囊形状 编辑形状双击形状进入锚点编辑 ...

你可以在这里看到一个非常有名的品牌标志设计升级的过程，如何在保证已有用户的识别情况下对品牌的标志进行优化升级，需要考虑什么？也许这篇文章可以带给你答案。 本文为翻译内容，来自Sketch官方博客翻译：张洪Heo推荐访问原文地址：立即访问 “我们试图探索尽可能多的想法，看看我们能用这种新风格做些 ...

有的时候我们在编辑Photoshop文档时喜欢使用拖拽图片文件的方式，这样带来一个好处就是会新建一个智能对象。智能对象是一个非常棒的功能，能够让用户分层次的逐个编辑。但是刚刚拖入的智能对象是带有文件链接的，这就造成了不支持多图层的格式将无法使用智能对象。我们常用的图片并不支持Photoshop的多图 ...

在Photoshop新版本中绘制星形的方式做出了一些调整。这篇文章就简单说一下如何使用Photoshop绘制一个星形。 使用多边形绘制工具在Photoshop中绘制星形首先我们在形状绘制工具组中找到多边形绘制工具 我们在属性栏中选择「形状」的绘制方式，这样就可以生成矢量图形并可以方便的进行锚点编辑 ...

为什么深色模式适合在黑夜中查看呢？其实深色模式就是类似于换了一个皮肤，一个新的主题。很多公司的产品都会自己去定义和创造一个特别风格的深色模式。那么做深色模式需要注意的点就很重要了。 为什么放弃灰色模式大多数产品在深色模式推出初期习惯性的降低对比度来保证夜间使用时的体验，例如微信、知乎、微博。其实在大 ...

本文为转载文章，以下内容来源于 这份高德地图设计总结，让我觉得捡到宝了！! UX小学 前段时间，高德发布了新IP 高小德 ，酷酷的小鹰。最 ...

本博客是基于Butterfly主题进行魔改制作的，在最初从pure主题切换到butterfly中，我带着非常多的兴奋感。Butterfly的令人震撼的首屏和打字效果深深吸引着我。 博客用的久了就会产生一些想要调整的想法，于是经过了漫长时间的边改边用，现在博客已经魔改到了v3.3.2版本，相信每个魔 ...