#Goods #Web #Design #buybuybuy

🛒 Goods.wtf：这啥好东西？

🔗：Web

📼 上周作周总结时，我和大家分享了 Teenage Engineering 价值 $1,500 的录音机，认为它复古而现代，小巧又精致。好的设计总能第一时间抓住人的眼球，Goods.wtf 就是这样一个收集「好设计」商品的网页

🎨 那么什么是「好设计」呢，我认为它没有一个死板的定义，但总有一些大家所共识的特点：看起来舒服、高级，保持克制、不化简为繁。即便你不买，单单打开网页看到这些商品，也是一种视觉上的享受

💡 网页对收录在内的商品进行了简单的分类，并列举了一些 Top brands，美中不足的是搜索功能的缺失。你在其中能够看到 Apple、Leica、Nothing、Sonos、Bellroy、Nike、Logitech、DJI、Belkin 等经常出现在频道的品牌

👀 但最让我喜欢的，是它对自己不熟悉领域的启发。几乎不需要花什么成本，我就能轻易了解到科技之外的衣食住行品牌和产品。我一直相信，在对某类产品进行消费前，即使不买，也要去了解该品类的「好东西」是什么

💼 之前买包类产品时，我常常找不到适合自己的背包。相信通过这个网站，我能够了解未知的品牌，并从他们的产品中不断筛选，直到找到让自己满意的产品。也希望这个网站能够帮助你迅速认识和了解一些新品牌，助力你未来的选购！

📘 关联阅读：Nendo - 简约为本，不失创意的设计室

* 标题灵感来自于 WHAT THE GOLF?（这啥高尔夫？），该游戏公司近期推出的新作 WHAT THE CAR? 同样值得一玩

频道：@NewlearnerChannel

#Web #Design

🏠 Rooms.xyz：在线打造像素化 3D 房间

🔗：Web

👾 从去年开始，上帝视角的三维房间就流行起来。设计师将它作为自己的主页，导航到不同项目；外设厂商将它作为宣传图，展示自己的外设在房间中的效果

🤖 相信随着 AI 的发展，目前出图更加方便。今天要介绍的项目 Rooms 则可以让你在线搭建这样的 3D 房间，并把控所有细节

🚪 你可以在空白房间摆放玩具、家电、绿植、家具装修、人物等系统预设物品，也可以对它们进行像素化修改或是自己从零手搓一个物品

💡 不止如此，Rooms 对每个物品的样式、摆放位置、触发行为都给出了很详细的自定义选项，你甚至可以通过编程来进行设计

👀 用户登录即可编辑并保存自己的小屋设计，你也可以参观学习其他人的成品。无论是社交 po 图，还是作为文章插图，这样的 3D 房间都让人赏心悦目

📘 关联阅读：

1️⃣ My Room in 3D：在线参观 3D 房间
2️⃣ Sombras：自定义模块排列，设计投影图案
3️⃣ Jesse Zhou 和他的「拉面店」个人主页

频道：@NewlearnerChannel

#Web #Design

🍱 Bento Grids：Bento 风格的产品宣传图在线合集

🔗：Web

🍎 2020 年以来，Apple 一直坚持使用「Bento」风格的 PPT，将这个展示风格做了大力宣传。「Bento」风格其实也就是像便当一样一格格排布，既保证了直观性，也兼顾了信息密度

🎨 自此之后，采用这种风格的网页设计 / 产品宣传 PPT 就越来越多。它们之中有些是拙劣的模仿、邯郸学步，有些则值得学习和参考。Bento Grids 就是这么一个 Bento 大全网站

💡 在 Bento Grids 中，你可以根据图形设计 / 网页设计来进行简单的筛选。遇到感兴趣的设计后，点开项目，可以从底部快速获取相关信息、并访问对应的 source

🍣「Bento」风格大火，是因为它站在了时代的审美上，同时又能很好地传递信息。个人信息展示页 Bento 的走红，同样能够佐证这一点

📘 关联阅读：

1️⃣ Bento：快捷个人主页
2️⃣ Apple Summary Slides：2019 年来 Apple 发布会 PPT 汇总

频道：@NewlearnerChannel

#Design #Photos #Web

🏞 日本传统色：365 种日本传统色和它们背后的典故

🔗：Web

🌸 我们之前和大家介绍过几个中国传统色相关项目，近日看推发现有网友整理了日本传统色，于是想要和大家分享。以下部分内容来自作者

🎨 日本人自古以来便擅于从各种日常之中获得色彩的灵感，并以纤细的视角赋予各种色彩独一无二的地位，并更进一步应用于绘画、工艺、织染甚至于文学与诗歌上

🎑 于是我们可以从平安时代的女性们身上，看见和服的典雅配色；从日式庭园中，一窥白山绿水的调和色彩；在千年古城的堂奥里，看见代表昔日风华的金灿色泽

💡「日本传统色」便是在长远的历史中一路累积而来。这里罗列了 365 种颜色，可以看到每种颜色背后的典故

👀 最后我要继续推荐自己关注的一位 Bilibili UP 主 长期洗涤Longwashing，他们的每期视频都会介绍某种主题的色彩搭配，并给出很多具有高级感的 Demo。我个人非常喜欢这种视频方式，也欢迎大家去了解更多

* 颜色数据均来源于 暦生活

📘 关联阅读：

1️⃣ Chinese-Colors：提供各种中国的传统颜色的名称
2️⃣ Tone：从自然摄影中，找到你的色彩灵感

频道：@NewlearnerChannel

#People #Design #APPLE #Blog #Books

🎨 Jim Nielsen 和他的 Apple 系统图标库

Jim Nielsen 是一位设计师、前端工程师，他的博客我很早就加入了素材库，一直咕咕至今。恰好近期看到一份 Newsletter 介绍了他的项目，今天就来填上这个坑

🏠 Blog

Jim Nielsen 从 2012 年开始在互联网进行博客写作，一直到今天还保持着几天一更的高频率，博文篇幅普遍不长。在他的博客中，前端知识、图标设计、读书笔记都是常客，时不时也会有兴趣、生活、思考相关的内容

你可以通过 RSS 订阅 Jim Nielsen 的博客

🍎 Apple 图标库

• iOS
• macOS
• watchOS

苹果图标库是让 Jim Nielsen 名声大噪的项目，其中包含了数百个不同应用、不同 Apple 平台的图标。作者为这些图标进行了简单的分类与搜索支持，点进每一个图标，你也能够看到该图标对应应用的相关信息

美中不足的是作者并没有收集每个软件的历史图标，不过能够理解，这是不小的工作量。通过精心设计的图标，我们也能顺便了解一些新软件

📚 The App Icon Book

这是几年前风靡全网的一本书籍，收集了 Apple 系统的一些应用图标，Jim Nielsen 的图标库项目在其中也起到了关键作用

未来书籍的内容还会继续更新，如果你也是苹果应用开发者，可以通过官网投递自己的软件和图标

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

频道：@NewlearnerChannel

#Design #Web

⭐️ Iconbuddy：数量庞大的在线图标库

🔗：Web

👉 Features

- 收录超过 180k 开源 icons 图标
- 完备的分类和搜索功能
- 丰富的自定义，可指定图标颜色、背景颜色（渐变色）等
- 支持 SVG / PNG / WEBP / JSX / VUE / BASE64 等多种形式导出

🤖 Iconbuddy 可能是我见过最大的图标库项目，收录了大量的 icons。无论你是专业设计师还是爱好者，都能够从中找到你想要的图标

🐕 上述功能无需登录，均可免费获得。不过如果你想自定义自己的一套图标集，或是进行图标集分享、更深度的自定义，那么就需要注册账号并登录

💡 官方表示，在未来还会推出功能强大的 API，更加方便网页开发者和设计师进行调用，尽请期待

📘 关联阅读：盘点一些在线 Icons 图标项目

频道：@NewlearnerChannel

#App #Design

💻 在 App 中学习 UI 基础和 SwiftUI —— SixD

🏅 SixD 由杨昊伦设计与开发，荣膺 Apple WWDC23 Swift Student Challenge 奖项。

SixD （SwiftUI & Interaction Design）的作者开发了这款App来源于他自己的一个愿景：「创造一个设计师与开发者之间的桥梁」。

在Six D中可以：

1️⃣ 通过交互式指南学习 UI 设计基础：

在这个部分中，我们将扮演着一个 UI 设计师的身份，在软件的一步步引导中帮助开发者 Nina 来完善他的论坛 App。在扮演的同时，也能学习到很多 UI 相关的知识。

例如，如何利用 SwiftUI 调整可读性，改变背景颜色、强调颜色，如何对齐元素，改变图标，改变字体设置、层级、间距，圆角、边距。而有趣的是，作者在 macOS、iPadOS 上仿照了 Swift Playground 的界面，在页面的右侧显示一个实时的按照代码进行调整的手机，让学习者能随时看到调整前后的变化。

还有一点值得去夸赞的，就是其在第五章中特别提到了辅助功能、身心障碍人群，并引导着 Nina 打开了动态字体、旁白、辅助功能标签。

2️⃣ 在 SwiftUI Lab 中学习每个元素（例如颜色、字体、组建布局、导航、选择器等内容）的使用和 SwiftUI 代码，除此之外，App 还支持学习 Apple 的一些偏门 API 们的使用，例如 AR Quick Look，MapKit，PencilKit 等内容。

3️⃣ 浏览全部 SF Symbols，并通过自然描述搜索它们

在这一点上可以看出开发者确实用心在做，不过我不太清楚具体的开发逻辑，但是应该是没有用神经网络引擎去训练，因为按照 App Store 中描述的“Share”确实可以找到分享标识，但是用“Arrow to the left“却没有在库中找到任何东西。所以我认为是开发者给大部分icon手动加了一些label。

总的来说，这款 App 对我来说真的很有意思，是少有的、真正的为了某个愿景而做出来的App。虽然这款 App 目前看起来还很粗糙，但我在其中找到了一些有趣的点，例如这款 App 中渗透了 Apple 「人人可编程」的愿景，把一些复杂的 UI 设计术语融入到游戏的一个个小章节中。

说实话，我作为一个完全没有学过编程的人，在我看到游戏最后的「Congratulations!」的时候，心里却产生了一种“设计一个软件真有趣”的想法。

🔗 最后补充一下 App 的 App Store 链接，现在这款App已经支持了 iOS、iPadOS、macOS 三端：App Store ｜ 开发者的个人官网

频道：@NewlearnerChannel

#Design #Newsletter

🧑‍🎨 Off-Grid · 分享有趣设计背后的故事

网站

常常好奇一些令人眼前一亮的设计作品是如何创作出来的，通过 Off-Gird 我们可以得到想要的答案

🎨 Off-Grid 有什么

- 设计师亲身分享作品的灵感与创作过程
- 创作者和社区成员的在线交流活动
- 分享优秀设计作品的 Newsletter
- 成为付费会员，接触更多优秀设计师与作品

📖 我感兴趣的精彩故事

「🪙 Innovating Web3: Algo's Automated Social Media Newsroom」

Algo 团队搭建了一个 AI Newsroom，通过 AI 将 Web3 的每日数据与新闻可视化，自动化创作成短视频分享

「⌨️ How Work Louder is addressing the problem of overstimulation in the modern work environment」

Work Louder 团队设计了一把有趣的键盘，键盘上自带番茄工作法的计时器，帮助 ADHD 用户解决容易分心的问题

🐦 个人感触

我不是设计师，但我看到 Off-Grid 的第一感觉是：「好看」，「好玩」🤣。确实 Off-Grid 目前分享的设计作品大部分以创新、抓眼、有趣来吸引人，接触这些新鲜玩意能让我看到一个更广阔和更美好的世界，给我的日常工作生活带来新鲜感和趣味

Product Hunt 上有人分享他自己想不出如何做设计的时候就去逛 Off-Grid，我觉得大家感到生活无趣的生活也可以去逛逛，看看别人有趣的故事，调节一下自己的心情～

频道：@NewlearnerChannel

#Design #Web #Games

🎨 Hexcodle：猜测颜色 HEX 值的类 Wordle 游戏

🔗：Web

🥳 Wordle 大火之后，采用类似方式解密的新游戏层出不穷。之前我们介绍了航线途径国家相关的 Travle，今天来聊聊和色彩相关的 Hexcodle

💡 网页色彩的 HEX 值指的是其十六进制数字表示法，以井号开头的六位（或八位）十六进制数字（0-F）表示。相当于三个或者四个字节，每个字节相当于十进制数的0至255。三个字节分别表示红色、绿色和蓝色，第四个字节是可选的，表示Alpha通道

👀 Hexcodle 网站会每天生成一个颜色，玩家有 5 次机会输入对应的 HEX 值猜测目标颜色的色值。网页会根据玩家猜测的结果给出加减提示，并引导玩家进行进一步猜测。Hexcodle 比较适合设计师朋友，欢迎来玩！

📘 关联阅读：

1️⃣ Travle：从 A 飞到 B，一共需要途径几个国家？
2️⃣ LikeWordle：收集和 Wordle 类似的解密游戏
3️⃣ The Useless Web：无用网站聚集地

频道：@NewlearnerChannel

#Design #Blog

🧐 #84 俯视可变字体——从删除线到默默无闻 MVAR

🔗：Blog

📝 文章概述

本文由不同字体的删除线不同位置出发，试图探索以下关于删除线的问题：

- 如何「修正」删除线位置？
- 删除线应该在什么位置？

以及深挖可变字体内更多关于删除线的信息： MVAR 表背后的结构以及 Delta Set 的原理。但是因为一些原因，MAVR 始终默默无闻，可变的删除线未来可期。

👀 更多字体相关文章

#83 探索 Switch 游戏字体大小
#78 font-size-adjust 简谈

频道：@NewlearnerChannel

#Design #Life #People

🧶 minä perhonen 和 TA 们的创意纺织品设计

🔗：Web | History

minä perhonen 是由日本设计师 Akira Minakawa（皆川明）创立的品牌，由于创始人对北欧国家芬兰的喜爱，因而使用芬兰语作为品牌名称。今天要介绍的，是他们的历史、设计和织物作品

🧣 织物图案设计

从 1995 年品牌诞生之初，minä perhonen 就专注于织物图案和花纹的设计。皆川明设计下的织物图案风格多样，你可以看到对称、涂鸦、简笔等丰富多彩的图案样式

皆川明还写了 织物设计日记，简单描述了不同织物图案的风格和设计愿景，从中可以一窥他的美学体系。最后，这些美丽的织物图案同样可以作为壁纸使用

👕 衣物与时尚设计

设计好了织物图案，下一步一定是制作衣物本身。minä perhonen 展示 了他们的设计成品，并寻找模特制作了上身照、视频。我最喜欢的是每个衣物系列中的文字描述，它们就像一首首优美的诗，传递出品牌对自然和设计的敬畏、对生活的热爱、对美好事物的追求

"each is every" and "every is each."
The world exists in all, while existing in each.

One design is connected to other designs, creating a place called living,
and each design nurtures comfort in its own place.

🛋 家居生活

minä perhonen 将对于织物的美学，继续带到了对 家居日用品 的设计中来。在这个系列中，你可以找到有关起居室、厨房、书籍、文具、桌面摆件、摄影作品有关的各种有趣的玩意儿

皆川明在创立品牌时，想要把它做成百年品牌，因而在从事品牌活动时始终怀着未来一百年的愿景：思考通过设计可以为未来做些什么。生活需要设计，生活也最接近未来

👀 有条件的话，大家可以去往他们线下的门店亲自感受（品牌历史中有门店的详细介绍），或从网上购买他们的设计作品。我自己喜欢在周末逛逛这样的生活馆，拉近自己与设计的距离，临走时带几件小玩意把玩，或是送伴手礼

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

📘 关联阅读：Nendo - 简约为本，不失创意的设计室

频道：@NewlearnerChannel

#Design #Web

🎨 Trending Design：一窥 X 平台上的设计流行趋势

🔗：Web

👀 不知道你一开始注册 X（原 Twitter）的目的是什么？我的话是想要寻找一些新鲜的事物和人。几年下来，X 给我的时间轴推荐也变成了对我量身定制的样子

📷 我喜欢看摄影和设计作品，一张张鲜活的图片传递出来的，有人文、有设计、有观点、有美学。人是视觉动物，好的设计传递出来的新鲜感，能够让我感到满足

💡 除了关注的一些人以及时间轴的推荐，还有其他方法快速便捷地看到 X 上好的设计作品吗？今天要介绍的 Trending Design 就能满足这一点，我愿称之为「设计酒精」

😍 进入网页后看到的是瀑布流的布局设计，往下滚动即可看到丰富多彩的设计作品，移动光标可以查看作者，点击可以回到原 post 一窥究竟。祝你们用「设计酒精」度过空虚无聊的时刻

频道：@NewlearnerChannel

#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