唧唧 1.225 旧版本下载地址 | 张洪Heo

主站展示位

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

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

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

Heocan 05 | 创意布局 | 张洪Heo

在商业化比较严重和开发能力的多重考验、时间的限制下，现有市场的APP总是以相同的框架、相同的结构出现。说的好听是为了减少用户的学习成本，说的难听就是不愿意花更多精力去创新。但是现在已经有越来越多的APP已经意识到了创新给产品带来的用户粘性，我相信不久的未来创新将会是产品的核心竞争力。 我非常喜欢的微信读书APP首页 在本期主要介绍几个我非常欣赏的创意布局，它们给我带来了很多灵感。相信下次我

1 2024-11-29 09:58 查看原文

让网站根据浏览器自动选择是否展示webp格式图像 | 张洪Heo

关于webp格式的好处，我在很久之前转载过一篇文章：WebP 相对于 PNG、JPG 有什么优势？那个时候我的博客刚改成使用webp格式，不过后来出了一些问题导致我回滚了这个操作。 时隔近一年时间，我的博客再次重新支持webp格式了。这篇文章主要是介绍我的博客是如何判断浏览器是否支持webp格式并将所有的图片以webp格式展现。 我的配置因为我使用的是七牛云自带的格式转换的图片样式，所以我使用了替

1 2024-11-25 18:17 查看原文

Origami入门教程1：导入图层与页面的切换 | 张洪Heo

Origami Studio是Meta出的一个交互原型的制作软件，我之前用过Principle，它的滚动动画的编辑方式令我印象深刻。而Origami使用了一种类似模块的原型编辑方式。这有点像Unity开发，也像3d材质贴图和Homeassistant自动化的设置逻辑。在初步体验下来，感觉灵活度和自由度都非常的高。 另外这款软件是Mac独占软件，不支持简体中文，不过词汇都是平常常见的。 写这个教程的

1 2024-04-20 03:13 查看原文

让网页支持iOS添加到主屏幕全屏应用，webapp启动图生成 | 张洪Heo

好久没有写魔改了，这次写一个提升网页体验的魔改教程吧！因为比较喜欢打开APP的感觉，但是为了博客做一个app显然是大材小用了。毕竟也不是社交媒体社区之类的。所以一个简单的类似应用内一样的app是最好的。看到了爱发电的iOS版本用的就是添加网页到桌面的方式，但是没开启pwa，所以我就尝试一下复刻。 这里展示的是Hexo的Butterfly主题的修改方法。其他网页的修改方法大同小异，无非是head标

查看原文

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

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

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

如何用一张图片生成说话视频 | 张洪Heo

看到b站Al赵大师兄的视频感觉非常有趣，通过对话的方式来进行作品和人生的介绍。 这个视频的制作流程首先可以拆分成两个人物说话的视频拼接，那么我们来分析一下。 文本我愿称之为整个流程最简单的部分，基本大多数AI模型都能做，比如“请你扮演XXX”然后自己说一些话来提问。文案部分就不再赘述。 声音目前看来通过VALL-E X生成声音会比较容易一些。如果你不喜欢自己部署，也可以进入下面任选一个地址访问

查看原文

我在2024年推荐的Mac软件 | 张洪Heo

Mac与Windows最大的不同，是我觉得在Mac上有很多非常趁手的工具，以一种非常优雅和美观的方式展现。所有应用的快捷键都相同，可以无缝切换各种app。让你有一种“通感”。这个在windows上是体会不到的，还有就是在用windows我感受到很多交互体验上的问题，例如复制是ctrl+c。ctrl的按键在键盘左下角，导致按下的时候手指的姿势很奇怪，按的很费劲。换到command之后，大拇手指与食指

查看原文

Sketch教程：路径文字/文字按路径展示 | 张洪Heo

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

查看原文

潘通2024年度色发布：PANTONE 13-1023 Peach Fuzz 柔和桃 | 张洪Heo

少废话，先用上柔和桃 1234柔和桃SRGB 255 190 152柔和桃HEX #FFBE98柔和桃Lab 84 22 30柔和桃CMYK 0%, 26%, 40%, 0% 什么是柔和桃PANTONE 13-1023 Peach Fuzz (柔和桃) 表现出我们对照顾自我与他人的渴望，这是柔软温和的蜜桃色色调，以极具包容力的精神丰富了身心灵。 在寻找能触动我们对亲密与连结渴望的色调过程中，

2 2024-11-29 05:19 查看原文

潘通 2022 年度色发布：PANTONE 17-3938 长春花蓝 | 张洪Heo

少废话，先用上长春花蓝1234sRGB：102 103 171Hex：#6667ABLAB：45.75, 12.21, -36.75CMYK：70 63 9 0 数据来自官网 潘通发布2022年度代表色 一个新的彩通色彩，以勇气十足的风貌激发个人的创意与创作力。 var player = new DogePlayer({ container: document.getElemen

1 2024-11-29 08:51 查看原文

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

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

查看原文

批量替换旧的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）复制图层 将图片调整为黑白 通过调整黑白的颜色数值来隐藏不需要的边缘，例如背景我就让它尽可能白一些，因为我不需要背景的边

查看原文

高考线差工具使用教程 | 张洪Heo

本文来自旧博客转载而来，因为新浪微博停止运行，所以转载到现在在用的博客上。 此工具可能已经过时，本文仅作为备份使用。 首先，查询中意的相关高校分数线 例如（以v2.0版本为例，其他版本差别不大）：二本大连大学2014年软件工程专业辽宁省考生 最高分520最低分510 2014辽宁二本批次线450 由图输入 点击查看该校专业线差按钮，在线差处就有结果 结果是63.75 你算对了么？ 赶快拿起你

查看原文

Sketch教程：原型中单击后使用保持滚动位置 | 张洪Heo

Sketch教程：原型中单击后使用保持滚动位置 当你创建从一个滚动Artboard到另一个滚动Artboard的链接时，滚动原型的位置通常会在你播放原型并单击该Link时返回顶部（开始位置）。在某些情况下（例如在移动应用程序中的选项卡之间切换），这是很好的情况，但在其他情况下（例如，当你想在滚动内容的顶部显示模式或覆盖图时），这是好的。 随着保持滚动位置后点击关闭，点击该链接，打开叠加导致画板

2 2024-12-08 12:30 查看原文

用AI一张图片生成跳舞视频 | 张洪Heo

阿里的通义千问憋了一个大活，在手机端输入“全民舞王”，就可以一张图生成跳舞视频了。生成时间在10-15分钟左右。效果很是炸裂： 我只用了一张图，效果真的炸裂了属于是。 主界面 有非常多的舞蹈。 上传的图片有一定要求，需要全身照以及正脸。手里最好不要拿东西。不过我生成的发现拿东西更有趣，我就留着了。 废话不多说，赶紧去让你的亲朋好友都来跳科目三试试吧。 限制目前仅支持手机客户端。

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

OmniPlan ｜ 甘特图项目管理工具【软件推荐】 | 张洪Heo

一直在寻找一个甘特图绘制工具，之前用了很多在线工具，感觉功能不是很完善。最近使用的这款OmniPlan绘制甘特图得心应手。推荐一下。 官网网站： 引用站外地址，不保证站点的可用性和安全性 OmniPlan omnigroup 软件介绍： 相

1 2024-12-05 00:45 查看原文

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

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

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

安卓软件推荐：AndDrop隔空传送-让安卓的文件发送到Mac | 张洪Heo

我是有一台小小的安卓备用机的。目前我的所有设备主要是使用LocalSend进行文件的传输，局域网传输非常方便。但是有一个软件打破了我所有文件都用LocalSend的情况，那就是安卓向Mac传输文件。 如果你的手机生态比较割裂，没有使用小米、华为全家桶，特别是安卓向mac传输文件的情况，需要经常打开其他第三方app来进行传输（两端都要打开）真的太累了。 anddrop打破了这个限制，现在，你可以直接

2 2024-12-09 03:15 查看原文