#People #Design #Music

👨🏻‍💻 Kay van den Aker 和他的原型设计作品集

🔗：Web

近期在逛 Anyway 的时候，看到了位于瑞典的原型设计师 Kay van den Aker 的作品，让我眼前一亮，于是想要把他的主页介绍给大家

主页展示了他的社交平台信息以及此前完成的设计作品，我挑选其中自己比较感兴趣的说一说

🎵 Tiles

现在大家听歌大多通过冰冷的触摸屏和数字流媒体，而 Tiles 旨在还原人与音乐物理交互的感觉。用户使用时通过手指扫动，选择想要听的专辑或单曲，然后按下播放

交互的渲染视频动画行云流水，让我十分心动。它让我想起了 iTunes 里面的 Cover Flow，还有 iPod 的 Click Wheel 硬件设计。果然好的交互体验离不开软件和硬件的共同发力，个人希望这样的摆件能够真正实现批量生产

🎛 Tech Explorations

在技术探索合集中，Kay van den Aker 展示了一些副业项目，包含通过超宽频雷达监测人体、红外触摸条、触控板等等。通过单片机等硬件，作者在不断探索新的交互方式

此外，作者也在 AI、远程、汽车等领域持续研究，期待他后续能做出更有趣实用的项目

👀 Kay van den Aker 痴迷于探索人和硬件实体的交互可能性，做出了一些让人眼前一亮的项目，但完成度比较高的恐怕只有 Tiles。设计的魅力就在于愉悦眼球，原型设计更是如此

💡「XXX 和 TA 的 XXX」专题旨在挖掘一些不那么大众的开发者、设计师、生活爱好者，并和大家分享他们的作品。大家可以通过 #People 这个 Tag 阅读本专题的往期内容

频道：@NewlearnerChannel

#Design #Web

✈️ Air Travel Design Guide：面向机场工作者、设计师和航空旅行爱好者的在线指南

🔗：Web

👀 不知道你经常坐飞机出差或旅行吗？对一些朋友来讲，飞机只是一个快速到底目的地的交通工具；而对另一些人来讲，飞机承载了文化、国与国之间的联系，他们热衷于探寻不同国家的航空公司，并用长焦拍摄不同的飞机

💡 今天介绍的这份在线指南，是哈佛设计研究生院 Laboratory for Design Technologies 的杰作，它描述并重新思考了影响旅客航空旅行体验的人工制品、空间和系统的设计

❤️ 指南涵盖多种飞机旅途中的旅客亲历场景，涵盖值机、安检、行李托运、候机、登机、餐饮等多个方面，试图思考某个场景的设计理念、能够为顾客带来怎样舒适的体验、还可以怎么改进

👍 我认为 Air Travel Design Guide 无论对于设计师、航空爱好者还是相关从业人员，都是一份很值得阅读的指南。通过这些简笔画和文字，你能够从中找到共鸣，感受设计之美。本指南还有实体书籍，相关信息可以在 About 中找到

频道：@NewlearnerChannel

#People #Design #Life

🧩 atelierAnchor 锚坞：探索「得意黑」字体背后的设计工作室

🔗：Web

之前看「得意黑」字体相关的 公众号文章，了解到了设计工作室 atelierAnchor 锚坞 和他们的作品，令我喜不自胜，今天和大家介绍一下这个工作室

📍 关于

锚坞是一家以技术为基石的设计事务所，我们力求在复杂多变的创意行业里，为客户提供绝妙的想法和可靠的执行

在平面、字体、动效等领域的丰富经验促使我们时刻关注最前沿的技术动态，并广泛运用在展览、艺术、研究、出版和商业项目中

我们关注跨学科跨文化的设计实践，倡导建设聚焦新技术新思想的多元创意社区

📠 字体

得意黑 延伸自 Bilibili 百大 UP 主 oooooohmygosh 的商业项目，由其与 atelierAnchor 锚坞共同创作开发，并于 2022 年底以开源形式发布

得意黑是一款在人文观感和几何特征中寻找平衡的中文黑体。整体字身窄而斜，细节融入了取法手绘美术字的特殊造型，较为适合用作标题

📘 杂志

dash 是关于文字的视觉文化志，不定期更新。每期都会择取一个主题，通过独特的编辑思路和设计形式呈现给读者。工作室希望能发现司空见惯中的不同寻常，连结跨领域、跨文化的声音，为创作者提供更广泛、更巧妙、更多元的视角

dash 通过电子版和实体书两种媒介发行

💡 设计作品

Arcade Project 拱廊计划 是一家来自南京的独立书店，主理人深受先锋派艺术的影响，希望拱廊的实体空间能够超越单一业态的限制，成为这个时代的严肃思想、有效知识、以及真实经验得以展示的剧场；构筑一个不止于书本，更是激发真诚与激情的场所

以前苏联先锋派艺术家利西茨基的名作「红色楔子攻打白军」作为艺术风格，在字体上选取了由 atelierAnchor 锚坞开发的字库产品「会战宋」作为整个品牌识别的核心，在物料设计中大量运用与「楔子」相同的构成形式，立体的楔子被投射至物件之中、文字之间、平面之上，红色则作为主题色贯穿始终。将红色楔子「突破、构筑、指意性」的意向延伸至空间、平面以及线条之中

当我第一次坐在小康咖啡合作社，通过吧台窗户向外望去，拱廊计划和它的红色闯入了我的眼睛。从小小的门走进去，二楼豁然开朗。人们在这里阅读、对谈、喝酒、弹唱、跳舞，拱廊用红色楔子诠释了人们的生活如何与文化相结合，在这里我找到了无可替代的归属感，它是所有人的公共空间

正如我之前所写：“写下这段文字的时候，我正在拱廊计划喝酒。一群人热烈地学习摇摆舞，其他的人则抱起了吉他，开始弹唱李志、痛仰、赵雷、崔健的歌，好不快乐。”

于是，当我又坐在小康的吧台，身边从北京来的情侣向我打听先锋书店怎么样。我指了指斜对面那个红色的角落：“你们或许可以去那里看看。”

💡「XXX 和 TA 的 XXX」专题旨在挖掘一些不那么大众的开发者、设计师、生活爱好者，并和大家分享他们的作品。大家可以通过 #People 这个 Tag 阅读本专题的往期内容

频道：@NewlearnerChannel

#Fonts #Web #Design

🔠 Free Faces：收集互联网上免费的英文字体

🔗：Web

🧑🏻‍💻 相信大家之前已经看过各种各样的中文免费字体汇总网站，今天来分享一个网页设计做得蛮不错的英文免费字体网站 Free Faces

💡 网页对常见的几种英文字体形式进行了分类，你可以快速找到对应的衬线字体、无衬线字体、手写字体、等宽字体合集

👀 针对每个字体，网站都详细介绍了字体样式、授权类型、特点风格和适用场景，你可以前往字体原页面进一步了解。需要注意的是，授权类型有个人免费使用、可商用和 SIL 开源字体许可等，请注意辨别

🤩 网站创始人 Simon Foster 也是一名互联网设计师，他希望通过 Free Faces 这个项目，将更多免费美观的字体介绍给大家。如果你在其中找到了合适的字体，欢迎用于自己的网站或排版印刷中

📘 关联阅读：

1️⃣ 字體資料庫：收集各种与中文字型设计相关的资源
2️⃣ 俯视可变字体 —— 从删除线到默默无闻 MVAR

频道：@NewlearnerChannel

#Tools #Web #Design #GitHub情报

🏞 分享近期火热的几个「文生图」网页

近期在 X 上看到人们重新对「文生图」的产品形式产生了兴趣，网页的特色是用比较复古的字体、醒目的排版呈现文字，有人称之为现代「大字报」

1️⃣ SlothCard Generator

🔗：GitHub | Web

它有着令人舒适的字体，你只管往上面打字，就能够获得一个随机的生成效果。不过需要注意的是，网页并不支持更细致的样式自定义。如果你对当前的排版不满意，就疯狂点击「随机刷新」按钮吧

2️⃣ Slogan

🔗：GitHub | Web

Slogan 相比于 SlothCard Generator，就多了许多样式自定义的功能，你可以对字体、颜色、排版、背景等方面做出个性化决定

3️⃣ Retro Card

🔗：Web

Retro Card 相比前两者，内置了许多搭配好的主题，排版内容也比较模块化（固定）。大家可以根据自己的喜好进行选择

🧑🏻‍💻 很高兴看到许多开发者针对复古「文生图」这个需求，短时间创作出这么多项目，这就是编程的魅力。听说一些项目是根据 AI 生成的，希望以后看到越来越多这样的解决案例

💬 也欢迎大家留言，分享你看到的「文生图」项目

📘 关联阅读：

1️⃣ Poet.so：精美的 Twitter 分享卡片
2️⃣ 小作卡片：快速制作社交媒体图片，美化你关心的内容

频道：@NewlearnerChannel

#APP #Design #Tools

💡 素材管理工具 Eagle 4.0 更新：推出插件中心，整合 AI 应用

🔗：Blog（内有用户福利回馈活动）

👉 更新内容

🟪 AI 应用：自动去背、橡皮擦、画质提升
🟪 以图找图、扫描相似图片、转档和裁切
🟪 支援更多档案格式预览（H.265 来了）
🟪 开放第三方，持续引入更多实用插件
🟪 性能大幅提升，档案多也不会卡顿

💬 无论你是设计师、创作者、摄影师或者任何互联网工作者，找不到档案、过去灵感无法聪明管理，一直是我们工作分心和日常烦恼。

🤩 我用了 Eagle 超过 3 年，上周推出了 4.0 版本，推出「插件中心」支援多种 AI 功能，好用到让我以为要额外付费升级或者即将改成订阅制，结果 Eagle 居然保持 USD 30 终身买断？也太佛心。

🥳 另外，当我看到 4.0 更新说明文件的最下方， 有「5.0 版本」的开发预告，根本是我理想中的档案管理完全体！开发文件里写到：计划加入 AI 语意搜寻、判断图片内容，以便搜寻，甚至能直接产出类似的图。也就是现在绝对是加入最好时机。可见的未来一定会涨价，否则太破坏市场行情＆直接碾压其它同类工具。

🙈 就在我准备要规划拍摄教学视频时，Eagle 团队就这么巧地联系到我，于是我向官方争取到了一些福利：

🎁 在「这条推送下评论留言，分享你的 Eagle 使用经历和心得」，并截图填写 表单，就送你终身授权序号（共 15 个，送完即止）。欢迎大家积极评论！

博主：@lifehackertw

频道：@NewlearnerChannel

#Watch #Blog #APPLE #Web #Design

⌚️ Inside arun.is · Apple Watch animations

🔗：Blog

📝 文章概述

- 概念初稿
- 表壳与表带设计
- 重绘表盘
- 透视变换设计
- 整合与最终效果

😚 老朋友 Arun Venkatesan 又带来了新文章，继续讲述他的设计理念。本次讨论的话题是，如何在网页展示 Apple Watch 动态表盘

💡 开发者从头讲起，详细展示了概念设计、分步计划、具体实现、最终效果等内容，让我们看到了 Apple Watch 表盘由静到动的过程

🎉 这些动画不经能够让你的个人网页更具特色，也适合「时钟类」App 开发者在网页中展示自己的作品，丝滑而优雅

📘 关联阅读：

1️⃣ The secret formula for Apple's rounded corners
2️⃣ zen of things：Arun Venkatesan 的好物分享网页
3️⃣ Arun Venkatesan 和他的 arun is 2.0

频道：@NewlearnerChannel

#Design #Blog

🎨 交互设计的隐形细节：是什么让交互显得更自然？

🔗：Web

本文主要从相对「客观」和「科学」的角度去解析交互触发和动效设计中的细节，探究是哪些可量化元素导致了这些交互更加直观和优雅

📝 文章概述

- 隐喻
- 动能物理学
- 滑动手势
- 响应手势
- 空间一致性
- 流体变形
- 频率与新颖性
- 对当前定位的掌控
- 触摸内容可见性
- 无需输入的交互
- 结束语

❓ 很多人认为，设计似乎只凭感觉和直觉，与科学的方法论无关。很多从业者也难以将交互设计实践与「科学」联系起来，反而总是将设计视为一个神秘的黑匣子

✏️ 虽然作者也承认「设计依靠直觉」这种看法并非绝对错误，但作为设计师，他一直在尝试解构和挖掘出色的交互设计背后的客观原因。本文不是教程或指南集，而是对我们经常遇到但很少考虑的一些交互不可见细节的观察

💡 作为一名设计师，理解和表达「为什么某样东西感觉不错」并不像「设计出感觉不错的东西」那样直观。分析和理解设计细节不仅仅是「感觉不错」，这有助于培养品味，提高执行水平，并让大家意识到追求卓越设计的艰辛

* 原文引自 Rauno Freiberg的 文章 Invisible Details of Interaction Design: What makes great interactions feel right. 该译文并非完整原文，内容已做删减和调整

频道：@NewlearnerChannel

#GitHub情报 #Web #Design

🎨 Animated Art Avatar：能够生成绘制线条动画的头像生成器

🔗：GitHub | Web

💡 和我们之前介绍的所有「头像生成器」不同的是，Animated Art Avatar 能够让你看到整个头像的生成动画，即从轮廓到整体上色的过程

👀 头像内容依然来自开源项目 Open Peeps，赞美他们。进入网页后，点击随机生成按钮，你就会得到一个流动的头像生成过程，还可以保存为 SVG 反复观看

🤖 项目完全开源，希望未来有朋友能够给它增加一些自定义头像不同部位的功能

📘 关联阅读：

1️⃣ Uchinoko Maker：在线制作可爱猫猫手绘插画
2️⃣ Avatar-gen：开源的随机头像生成器
3️⃣ Boring Avatars：可自定义元素的头像 JS 库
4️⃣ Notion-avatar：开源的 Notion 风格头像在线生成器
5️⃣ Vue Color Avatar：纯前端实现的头像生成网站
6️⃣ 顔アイコンジェネレーターZ：在线制作社交平台头像
7️⃣ ugly-face：丑头像生成器，目前已出现「人传人」现象
8️⃣ Avatars：收集免费使用的「生成头像」，并将它们用于 Figma

频道：@NewlearnerChannel

#Design #Web #GitHub情报

⭐️ pqoqubbw / icons：开源的动态图标合集

🔗：GitHub | Web | 投稿

🔮 之前和大家介绍过许多图标合集项目，但它们基本都是静态的。pqoqubbw / icons 的作者收集了许多动态 icons，并将它们做成网页进行展示

💡 你可以在网页中移动光标，查看每个动态图标的效果；你也可以复制、下载或分享每个动态图标，将它们放在自己的网站上。个人觉得目前的动态效果简约而丝滑

👀 项目目前还在建设初期，欢迎前往 GitHub 投稿、贡献！需要注意的是，项目所有的动态图标均可用于个人 / 商业用途，但不支持二次分发或转售

📘 关联阅读：

1️⃣ Animated Art Avatar：能够生成绘制线条动画的头像生成器
2️⃣ Yesicon：精选全球高品质、开源、免费的矢量图标库
3️⃣ Iconbuddy：数量庞大的在线图标库
4️⃣ 盘点一些在线 Icons 图标项目

频道：@NewlearnerChannel