文章 | 张洪Heo

主站展示位

最近评论 | 张洪Heo

产品设计师、独立开发者、设计与科技领域自媒体博主

查看原文

设计书籍推荐：AboutFace4交互设计精髓4中文版彩版下载 | 张洪Heo

《About Face 4: 交互设计精髓》是一本数字产品和系统的交互设计指南，全面系统地讲述了交互设计的过程、原理和方法，涉及的产品和系统有个人计算机上的个人和商务软件、Web 应用、手持设备、信息亭、数字医疗系统、数字工业系统等。 运用《About Face 4: 交互设计精髓》的交互设计过程和方法，有助于了解使用者和产品之间的交互行为，进而更好地设计出更具吸引力和更具市场竞争力的产品。 这本

2 2024-11-28 07:27 查看原文

新配了一个专门玩英雄联盟的台式机主机，分享下配置和过程 | 张洪Heo

我只玩英雄联盟这一个网游，之前一直在用我淘汰下来的MacBook Pro 2019 intel i7 版本刷windows系统来玩英雄联盟，但是因为夏天温度比较高，所以经常1080p60帧都跑不上，无奈只能被迫更新一下机器了。买一个便宜的主机来玩。 英雄联盟是吃CPU的游戏，所以我的装机思路就是够用的CPU和能亮的显卡即可。 配置单拼夕夕买的无显卡整机。本来想着用我上古时代的宝贝主机拆下来GTX1

1 2024-11-25 00:55 查看原文

基于Hexo的Butterfly下自定义指定首页文章卡片高度 | 张洪Heo

列表如果都是统一的样式、高度未免有些过于单调和重重复。在一些关键性文章中加一些特殊的样式也是我们常用的举措，例如文章置顶。但是文章置顶多了就会看不见新文章，置顶折叠展示的力度又不够。所以对于有特殊意义的文章展示特殊的效果是非常必要的，丰富层次。 这个文章的核心思路就是给文章的markdown文件里添加一个large参数，当large=true时，则文章会添加一个class。然后针对这个class进

1 2024-11-28 13:12 查看原文

Sketch教程：为什么我的Sketch非常卡？速度慢？ | 张洪Heo

Sketch非常适合处理复杂的设计，但是如果遇到性能问题，可能是由于某些原因导致的，而你可以采取一些步骤进行修复。 如果以下任何建议都无法解决你遇到的问题，请与官方联系以获取更多帮助。、 常规故障排除检查你的插件Sketch会尽力检查插件，并直接与插件开发人员合作以防止出现问题。但是有时它们会引起问题。要确定插件是否有故障，请按照如下方式进行操作： 如何使用安全模式要临时禁用插件，请退出Sketc

1 2024-11-24 13:03 查看原文

Xcode真机运行报错：Failed to prepare the device for development解决方法 | 张洪Heo

因为家庭app底层升级所以被迫更了iOS系统，结果发现最新的Xcode14.2竟然不支持iOS16.4。。。无了个大语。 总不能干等着Xcode更新吧。。。 找了一顿发现有个github项目在维护Xcode支持系统的Device Support，于是分享给大家。 当你遇到此报错当你遇到报错：Failed to prepare the device for development. This ope

1 2024-11-28 02:52 查看原文

国产多环境开发的 CEC-IDE，卡脖子问题解决，国产崛起了？ | 张洪Heo

今天早上就被这个重磅消息吸引了，这个文章得好好宣传一下继国产自研浏览器、国产自研操作系统、国产自研手机系统后的全新力作：国产自研IDE！ 先给不了解的小伙伴介绍一下什么是IDE： IDE代表集成开发环境（Integrated Development Environment）。它是一个软件应用程序，旨在为开发人员提供一个集成的工作区，以便他们可以更轻松地编写、调试和测试软件应用程序。 意思就是开发者

1 2024-11-26 03:13 查看原文

Origami入门教程3：滚动与分页滚动 | 张洪Heo

移动端页面我们经常会涉及到滚动，我们常见的滚动方式一种是自由滚动，一种是分页滚动。 自由滚动自由滚动在Origami中还是比较容易做到的，只要给上层组添加一个Scroll交互Patch即可。注意，设置的ScrollY后，这个组就需要PositionY为0。我现在的项目是Group有个隐形的矩形所以从视觉上不是顶头。 带间距的组件： 不带间距的组件： 想要绕过这个限制也很简单，如果你的图层组不

1 2024-11-26 16:33 查看原文

免费商用字体：阿里巴巴普惠体下载 | 张洪Heo

字体名称阿里巴巴普惠体 字体样式 下载地址官方下载地址（推荐）： 引用站外地址，不保证站点的可用性和安全性 阿里巴巴字体素材平台 taobao 蓝奏云备份： 引用站外地址，不保证站点的可用性和安全性

查看原文

Mac文件夹多语言设置（语言本地化/文件夹名称变成英文解决方法） | 张洪Heo

Mac文件夹多语言设置（语言本地化/文件夹名称变成英文解决方法） 我也不知道什么时候突然有一天我的下载文件夹的名称变成了英文Download。。。真令人头大，虽然没有影响使用，但是每次看到他都十分烦闷。今天终于给解决了。 我们可以看到这个下载文件夹虽然叫下载，但是它的路径其实是Downloads。 解决方法当你的系统默认文件夹名称变成英文，其实是因为文件夹下的一个隐藏文件被删除了。 参

1 2024-11-27 04:37 查看原文

UI设计人机界面准则：交互 | 张洪Heo

作为UI设计师，最重要的就是接触iOS的设计规范。苹果拥有引领世界的设计能力，iOS影响着一代又一代的设计师，所以这篇文章主要是来翻译和解析一下iOS的设计规范。这个规范算是所有移动设计师必看的内容了。 本文为翻译内容，来自苹果官方人机界面准则推荐访问英文原文地址：人机界面准则翻译： 张洪Heo（转载注明出处）非原创内容须知 该文章为系列内容：查看系列全部文章 交互3DTouch在支持的设备上

1 2024-11-27 12:44 查看原文

原创mac搜狗输入法皮肤：深黑滑稽皮肤，简约风格 | 张洪Heo

最近换到了搜狗输入法，瞬间感觉输入的准确率、输入法的性能上了一个台阶。但是单是从外观样式来说真的很拉胯。感觉没有像苹果那种非常简洁的皮肤。看了一下搜狗是提供了皮肤的编辑工具的，那还不如自己去做一个皮肤来的实在。正好用了Sticker-Heo项目中的滑稽表情，也算是一个比较有代表性的表情了，制作了这个皮肤。 皮肤预览 皮肤下载蓝奏云下载 海鸥云下载 本皮肤仅适用于mac版本的搜狗输入法，请设置

查看原文

分类: 闲聊杂谈 | 张洪Heo

产品设计师、独立开发者、设计与科技领域自媒体博主

查看原文

Drawthings AI绘画基础教程2：念出我们的咒语 | 张洪Heo

在第一章我们成功的树立了AI绘画的信心，并且成功使用了AI绘画在极短的时间输出了一个AI绘画图片，这是一个重大的开始和突破，我们通过drawthings已经领先了非常多的人了。现在我们来进行一些配置，让drawthings更好的工作。 一些简单的设置左侧的界面滚动到最底部，然后点击芯片按钮。 我们可以按照我的这个进行配置。 提示词还记得我们最开始说的四个基础知识吗，模型、lora、提示词、负面

2 2024-11-30 17:38 查看原文

Origami入门教程2：元素变化（Transition）和动画（Animation） | 张洪Heo

我们已经掌握了页面切换了，那么接下来我们就可以尝试进行一些页面简单的交互设计。Transition是我们最常用的交互逻辑，比如我们要改变位置、尺寸等都是需要Transition。当然控制Transition之前我们需要添加一个Switch，这样在我们改变Switch之后，Switch可以触发Transition进行变化。 我们通常是从后向前来添加Patch。比如我们知道更改之后的样子。 制作效果预

1 2024-11-28 13:07 查看原文

批量替换旧的Twikoo表情包地址，修复旧的jsdelivr链接 | 张洪Heo

之前sticker-heo一直使用的是jsdelivr链接，但是因为近期jsdelivr已经彻底失效，近一个多月以来本项目已经换了三家cdn了。更换cdn确实提高了访问速度，但是旧版的sticker-heo表情仍然是不可访问的状态。 这里介绍一下如何更改旧表情链接地址方法，其他评论系统大同小异，这里只介绍twikoo。 下载数据库内容进入数据库页面在腾讯云云开发 -> 数据库里找到twiko

2 2024-12-17 00:04 查看原文

Photoshop获取图片线稿，提取图片边缘线方法 | 张洪Heo

我们一般使用高反差保留+柔光的方式来锐化照片，但是有的时候锐化效果不是很明显，可能我们需要一些提取边缘线的操作来锐化照片。当然，提取边缘线也可以用于提取图片的线稿，来做出更多效果。 调整素材选择一张图片作为素材。 command+J（mac）或ctrl+J（windows）复制图层 将图片调整为黑白 通过调整黑白的颜色数值来隐藏不需要的边缘，例如背景我就让它尽可能白一些，因为我不需要背景的边

查看原文

新版sketch mirror无法使用，找不到设备怎么办？如何实时预览sketch文档？ | 张洪Heo

sketch为了让更多的用户使用sketch的云服务，所以将局域网浏览设计稿的功能给移除了。所以说只要是使用sketch今年4月以后推出的新版本，你将无法使用mirror。 sketch近期更新的特性还都挺好用的，那就只能二选一了吗？ 我这里尝试了Skala Preview，但是效果很差，一方面是对最新版兼容性不好，一方面是不能改配置，该配置就直接无法运行。 找了半天发现一个国产软件解决了这个问题

2 2024-11-28 01:47 查看原文

钉钉VI手册，设计规范PDF下载 | 张洪Heo

文件来自互联网 钉钉品牌视觉识别规范手册 文件预览 下载地址获取蓝奏云下载地址

2 2024-11-29 13:29 查看原文

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

从统计里看到有人在找Sketch绘制断点的问题，其实Sketch完成这些矢量编辑问题非常容易。你可以非常方便去编辑他们。这个时候就要派出断点神器——「剪刀工具」。 找到剪刀工具剪刀工具还算一个比较常用的工具，我们可以给他放在工具栏上 绘制形状我这里绘制一个胶囊形状 编辑形状双击形状进入锚点编辑模式 然后在需要打断点的位置添加两个锚点，两个锚点之间的空隙就是空白区域 断点使用剪刀工具，点击

2 2024-12-16 11:34 查看原文