张洪Heo

经验分享未读

Android.9图片怎么做？Sketch/Photoshop制作安卓.9可拉伸图片

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

|教程•必看•设计创建2021-04-18

我的项目未读

Dribbble 作品更新：寻找音乐APP设计

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

|设计•Dribbble创建2021-04-08

转载内容未读

滴滴是如何设计并落地一个插画系统？插画系统该如何构建？

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

|设计•干货创建2021-04-06

经验分享未读

Sketch教程：已关联的素材使用方法，JSON素材，链接数据（Linked Data）

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

|教程•必看•设计•Sketch创建2021-03-29

经验分享未读

如何用Sketch制作斜体文字，不支持斜体的字体如何做斜体

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

|教程•设计•热门•Sketch创建2021-03-23

经验分享未读

Sketch进阶：调整控件后如何自适应实例大小？

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

|教程•设计•Sketch创建2021-02-28

转载内容未读

什么是AB测试？AB测试的详细流程和方法？

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

|设计•干货•产品创建2021-02-25

经验分享未读

Sketch的图形、图层、画板以矢量的方式粘贴到Figma

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

|设计•Sketch创建2021-02-18

经验分享未读

Photoshop的3D图层如何倒角，如何创造有倒角的立体图形

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

|教程•设计•Photoshop创建2021-01-19

经验分享未读

利用Photoshop批量转图片格式（PNG/GIF/JPG/PDF/RAW/PSD/BMP）

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

|教程•设计•Photoshop创建2021-01-19

资源中心未读

设计书籍推荐：写给大家看的设计书（第四版）epub

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

|设计•电子书创建2021-01-07

转载内容未读

优质设计报告推荐：2021全新淘宝品牌Logo升级

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

|设计•干货•优质报告创建2021-01-06

翻译内容未读

UI设计人机界面准则：交互

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

|设计•干货创建2021-01-05

翻译内容未读

UI设计人机界面准则：应用架构

|设计•干货创建2021-01-05

经验分享未读

Sketch教程：如何制作绘制断点，绘制MBE图标基本操作

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

|教程•设计•热门•Sketch创建2020-12-23

翻译内容未读

新的Sketch图标：我们如何为Big Sur重新设计经典

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

|设计创建2020-12-23

经验分享未读

Photoshop教程：编辑PS拖入的图片（智能对象）后为何无法保存？

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

|教程•设计•热门创建2020-12-22

经验分享未读

Photoshop教程：如何绘制一个五角星，星形绘制

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

|教程•设计•Photoshop创建2020-12-21

经验分享未读

深色模式的设计注意事项：为什么不是定制一个灰色模式？

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

|必看•设计•设计报告创建2020-12-17

转载内容未读

优质设计报告推荐：高德地图品牌升级设计总结

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

|设计•干货•优质报告创建2020-12-16

经验分享未读

Heo产品设计报告06：知识类博客的设计思路和理念

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

|设计•干货•设计报告创建2020-12-15