Newlearnerの自留地
56.2K subscribers
11.7K photos
30 videos
63 files
8.85K links
🆕 不定期推送 IT 相关资讯,欢迎关注!

👥 博客群&投稿群&交流群: @NewlearnerGroup

📩 投稿请私信 @newlearner_pm_bot

🔍 频道内容关键词索引 Bot: @newlearner_search_bot

* 未经授权或标注来源,不得转载本频道内容
Download Telegram
#Web #Design

👩🏻 Transhumans:80 年代科幻、朋克风格的黑白人物插画集

🔗Web | Gumroad

😎 如果你看过《赛博朋克 2077》的动画,那么一定对这些插画不陌生。Transhumans 中这些带着头盔、机械装置的酷男酷女,正是 80 年代科幻、漫画风格的一种缩影

🥳 插画集作者 Pablo Stanley 表示,所有的插画都将开源,以 CC0 许可提供给大家免费使用。他还坚信,借助于技术我们终将会克服当前的身体和精神限制,从而征服死亡,成为「Transhumans」

🧑‍💻 无论你是否认同 Pablo Stanley 的哲学信仰,这套黑白人物插画都十分精美,且免费使用。你可以用它制作许多酷酷的封面,也可以用于自己的文章中,从而感受作者内心的设计激情和对上个世纪朋克摇滚精神的致敬

📘 关联阅读:顔アイコンジェネレーターZ - 在线制作社交平台头像及同类软件

频道:@NewlearnerChannel
Please open Telegram to view this post
VIEW IN TELEGRAM
#Web #Tools #Design

🔬 Scan of the Month:扫描一个新世界

🔗Web

👀 很多朋友可能在各种纪录片中看到了显微镜下面的微观世界,但你知道我们平时熟悉的物体在 X 光 / CT 照射后的图像是什么样子吗?Scan of the Month 就是这样一个帮你打开新世界的网站

👏 本网站由 Lumafield 提供支持,前者是一家由工程师团队组成的公司,他们热衷于解决问题、探索世界,但对于当前的工具感到失望。从 Lego 积木开始,Lumafield 通过 X 光和 CT 扫描了许多常见物品

👍 这些物品涵盖电子产品(AirPods、iPod、相机、Game Boy 等)、生活物品(咖啡机、剃须刀、食品包装等)、玩具、3D 打印等多个品类。对于每个物品,网站都借助扫描画面,为我们层层解析物体构造和用途,可以说是一个非常好的科普网站

😊 网站未来还将持续更新,你可以通过邮件订阅接受最新消息

频道:@NewlearnerChannel
Please open Telegram to view this post
VIEW IN TELEGRAM
#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 #GitHub情报

⭐️ Yesicon:精选全球高品质、开源、免费的矢量图标库

🔗Web

👉 Features

- 包含 18万+ 个高品质的矢量图标
- 收录各开源图标项目,标注原项目地址和开源协议
- 好用的业内搜索和分类,无需跳转到外链
- 一些图标自定义功能
- 可复制、下载为 SVG / PNG 等格式
- 提供主流 Web 前端框架及 CSS 框架代码

😍 Yesicon 可能是我近期最喜欢的聚合网站,作为面向设计师的网站,它本身的 UI 就让人心旷神怡。作者费心收集了数百个开源图标项目,工作量相当巨大

👏 无需跳转外链,网页中已经收集、分类、检索了所有开源项目图标,你可以直接查看、下载它们。Yesicon 还为网页设计师们提供主流 Web 前端框架及 CSS 框架代码,可以说是网页前端的福音了

📘 关联阅读:

1️⃣ Iconbuddy:数量庞大的在线图标库
2️⃣ 盘点一些在线 Icons 图标项目

频道:@NewlearnerChannel
Please open Telegram to view this post
VIEW IN TELEGRAM
#Blog #APPLE #Design

🍎 The secret formula for Apple's rounded corners

🔗Blog

老朋友 Arun Venkatesan 近期又更新了一些有趣的文章,其中一篇是讲述「Apple 和圆角设计」的,分享给大家

📝 文章概述

- 果处是圆角
- 与人亲密,设计愈圆
- 定义并测量圆角
- 果中的圆角计算结果

不可否认的是,Apple 和「圆角」有着许多年的不解之缘。在今天,无论在 iPhone、Mac、Apple Watch、iPad,甚至是 Apple Store,都能看到圆角设计的存在

文章从心理学和 Naoto Fukasawa 设计无印良品的哲学出发,解释了 Apple 为什么要设计成矩形圆角:让人更平静愉悦、让物品离人更近、让使用体验更好

Arun Venkatesan 还设计了一个圆度计算方法:圆度即使用百分比呈现圆弧所在圆的直径除以圆弧所在矩形的较短边得到的值。通过这种办法,AirPods 获得了第一名,Apple Watch、iPhone 紧随其后,而桌面设备均靠后。这基本能够反映出「与人亲密,设计愈圆」这一设计哲学

🧑‍💻 看完之后还是很开心,有人用这样一套理论和计算,解释了为什么 Apple 的某些设计因素让人很「愉悦舒适」。这也是我越来越关注设计内容的原因

📘 关联阅读:What does “Shot on iPhone” mean anymore?

频道:@NewlearnerChannel
Please open Telegram to view this post
VIEW IN TELEGRAM
#Web #Design #Tools #AI

🏞 AI 图片搜索库 aisplash 以及其背后的 Figma 插件项目 Musho AI

🔗aisplash | Musho AI

📷 相信大家日常在寻找实拍图片的时候,都会考虑 Unsplash 这个网站,自留地一些推送的头图也是出自它。临近 2024 年,只要提供好的 Prompt,现在很多大模型都能够生成不同风格的、栩栩如生的图片

🧠 aisplash 就是一个聚合了这些 AI 生成图片的在线网站,UI 设计和 Unsplash 高度相似。用户可以自行上传自己生成的 AI 图片,也可以通过分类或者关键词寻找自己想要的图片风格

🧑‍💻 需要注意的是,aisplash 对于图片的版权较为严格,请先阅读他们的 TOS 之后再使用。后续个人希望能够加入每张图片是怎么得来的,即大模型种类 + Prompt,这样能够给其他人带来更多的灵感

💡 aisplash 背后的项目是一个 Figma 插件 —— Musho AI,它旨在利用 AI 为网页设计师减轻负担,迅速获得想要设计样式的 Demo。它包含了网站着陆页设计、品牌设计、图片 / 涂鸦生成等插件,部分插件正在 Beta,还有一些尚未推出

📘 关联阅读: River - 又一个基于 AI 的视觉艺术搜索引擎

频道:@NewlearnerChannel
Please open Telegram to view this post
VIEW IN TELEGRAM
#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
#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