Newlearnerの自留地
57.2K subscribers
12.7K photos
34 videos
63 files
9.62K links
🆕 不定期推送 IT 相关资讯,欢迎关注!

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

📩 投稿请私信 @newlearner_pm_bot

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

* 未经授权或标注来源,不得转载本频道内容
Download 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
#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
#Design #Web

🧑🏻‍🎨 366 Design Concepts:Arkady 的一年日常设计理念合集

🔗Figma

🧐 不得不承认的是,我是一个很少使用 Apple 系统小组件的人。即便后来支持了 Live Activities,我常用的依然是天气和 汽车信息查看

✍️ 而有个叫 Arkady 的设计师,在过去的一年里面每天设计一款小组件样式(最小方形),并将它们一次性展出。这些小组件的设计领域,涵盖了大家日常使用频率最高的一些,美观而实用

💡 由于使用不多,令我印象深刻的软件小组件一只手就能数出来。其中 61 和他的谜底科技推出的产品,如谜底时钟、谜底黑胶、Dtd Playlist 等等。欢迎大家介绍既具美观、又可交互的小组件给我

👀 设计师 Arkady 目前供职于 Locals,在发布 366 Design Concepts 并在 X 上收获巨大反响后,他又开始每天更新 vlog。正是由于他的坚持,我们才能够接触到这些优秀的设计

频道:@NewlearnerChannel
#Design #Life #GitHub情报 #Browsers

🎨 Artab:让有史以来最好的艺术作品出现在你的新标签页

🔗GitHub | Web

🏷 此前也介绍过许多浏览器 New Tab 新标签页的项目,他们有的是每日一图 / 一句话,有的可以自定义各个组件的内容,还有的可以帮你管理书签。此次沉浸式翻译开发者 Owen 带来了更为「优雅」的 Artab 项目

🎭 Artab 项目的 Slogan 是「让有史以来最好的艺术作品出现在你的新标签页」,配合适当的背景图片,给人一种身临其境在美术馆看展的感觉。在摄影方面,今年我也更加大胆地使用暗角,来淡化环境、突出主题

👀 目前我还在用 19 年介绍过的 Ataraxia 标签页,原因无他,简单、每天都能看到新的 Bing 壁纸。而 Artab 则是让人眼前一亮的同类佳作,欢迎大家安装使用。通过不同浏览器打开官网,即可看到对应安装链接

📘 关联阅读:

1️⃣ Scene Tab:简约美观的 Chrome 浏览器新标签页
2️⃣ Howdz:支持完全自定义配置的浏览器起始页
3️⃣ SUI2:开源的起始页 Startpage 工具

频道:@NewlearnerChannel
#macOS #APP #Design

🎨 Pixelated macOS Icons:给你的 macOS Dock 换上像素化图标

🔗Web

🧑🏻‍💻 给 macOS 换图标早已不是什么新鲜事了,从 macOS Big Sur 带来全新系统设计语言以来,大家对「换图标」这件事就乐此不疲。有人觉得旧图标已经落伍,想要换成第三方圆角图标;有人觉得新圆角图标不习惯,想要换回旧图标

👀 前不久给自己的 MacBook Pro 2017 拿出来通通电,好久没看到 macOS Mojave 系统了。当年使用的时候对老系统的设计很喜欢,但时隔几年再看,它的设计已经让人感到十分别扭了

😈 今天继续来折腾 Dock 栏图标,它们是由博主 Juxtopposed 设计的像素图标,涵盖了常用的系统软件和其他第三方软件,有 Figma、Spotify、Telegram、Arc、Obsidian、Notion 等等

💡 但手动更换图标后,每次软件更新都会覆盖掉原来的图标。作者分享了自己的方法,那就是使用第三方图标更换软件 IconChamp,你也可以使用其他的同类软件来实现

📘 关联阅读:

1️⃣ Dockhunt:和网友一起展示你的 macOS Dock 栏软件图标
2️⃣ Pictogram:轻松自定义 macOS App 图标
3️⃣ macOS Big Sur Replacements Icons:一个 macOS Big Sur 自适应图标集

频道:@NewlearnerChannel
#Web #Design #Tools

🏞 PostSpark:优雅的截图美化 / Mockups 在线网站

🔗Web

👉 Features

- 提供截图美化 / 设备 Mockups / 社交媒体展示 / 代码展示等多个模版
- 丰富的自定义选项,包含字体、代码样式、排版布局、浏览器样式、Mockups 设备样式等
- 生成图片支持自适应布局,可选三维样式
- 支持自定义图片导出质量和多种格式

🏆 相关的截图美化和 Mockups 网站,我们之前已经介绍过许多了,而 PostSpark 算是一个集大成者,功能丰富且优雅

🧑🏻‍💻 它适合许多不同的人群。如果你是开发者,可以使用它制作 App Store / Play Store 应用宣传物料;如果你是社交媒体爱好者,可以通过它生成对应的 Twitter 或 BlueSky 展示页便于传播;如果你是网站运营或自媒体博主,可以利用它制作封面头图

👀 相比来讲,PostSpark 的功能更加丰富,细节之处更加细腻周到,欢迎前去试用。当然,目前它支持的社交媒体平台有限,Instagram 等常用平台因为各种原因很难支持到,希望以后能带来更多的模版

📘 关联阅读:

1️⃣ Shareshot:美观易用的 Apple 全平台套壳截图 App
2️⃣ Apple Frames 3.0:通过快捷指令实现对应机型截屏套壳
3️⃣ Shots.so:制作精美的 Mockup 图片 / 截图
4️⃣ Jellylade:又一个 Mockup 图片 / 截图生成网站
5️⃣ Poet.so:精美的 Twitter 分享卡片
6️⃣ 小作卡片:快速制作社交媒体图片,美化你关心的内容

频道:@NewlearnerChannel