Newlearnerの自留地
30.6K subscribers
6.9K photos
22 videos
62 files
5.31K links
🆕 不定期推送 IT 相关资讯,欢迎关注!

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

📩 投稿请私信 @newlearner_pm_bot

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

* 未经授权或标注来源,不得转载本频道内容
Download Telegram
to view and join the conversation
#Design #Figma #Tools

⚡️ Figma Plugins 推荐 —— Figma Tips

👨🏻‍💻 技巧助手

大多数从其他平台转向至 Figma 平台的用户都需要一个适应的过程,这个过程是将你原有习惯迁移至 Figma 中,并熟悉其中的各种特性和功能,而由 @Rogie 开发的 Figma Tips 很好的解决了这个难题。

💡 内容丰富

Figma Tips 目前涵盖了 30 多种小技巧以及操作的视频,涉及 Auto Layout、FigJam、 Components 等等,方便设计者在熟悉设计操作的同时,直接在画布内观看技巧视频,无需跳转至新的页面来回切换。

🔎 小特性

与此同时,Figma Tips 支持检索和收藏的功能,方便你快速定位到自己需要的技巧教学。你也可以在自己的画布中添加相关技巧的「贴纸」,在其他人打开的你的画布时,可以直接在属性中打开相关视频。

🚀 持续更新

目前该插件在持续更新中,每周都会增加多个技巧视频,如果你希望分享自己的技巧视频也可以邮件与开发者反馈。

🔗 安装地址:Figma Tips

📮 欢迎各位同学留言你觉得最有意思的 Figma 插件 ~

频道:@NewlearnerChannel
#Blog #Notion #Wallpapers #Design #People

🏠 Vyshnav 和他的设计项目

最近看到了一个设计师 Vyshnav 的博客,他自称是自学设计,也在尝试进行一些多媒体创作。今天想和大家分享其中的一些设计项目

📝 Notion 相关

Vyshnav 共有 Notion IconsNotion iCover 两个项目,前者目前提供了 272 个适用于 Notion 的图标,并可以选择 8 中不同的颜色(纯色);后者如其名,可以用于 Notion 封面,共提供了 126 张、可选 6 种颜色,主要以纯色打底配上一个图标

这些项目不是免费的,为作者买一杯咖啡($2)成为会员后即可全部下载。相比于 Gumroad 不少同类项目便宜很多,有需求的朋友可以关注

🏞 壁纸

可以看出来 Vyshnav 是一个 Google 爱好者,他在博客中分享过 Pixel 4a 和 Android 系统的壁纸,设计的 Waves 系列壁纸也很有谷歌的味道。我很喜欢 Google 的 Material Design 设计风格

✏️ 博客

Vyshnav 的 博客 banner 很有 Material Design 的味道,这些图片常常会让我想到专栏 Android Weekly Update 的一些设计。除了很吸睛的 banner 外,他也会不定期分享一些方法论和 Android 手机使用心得

📘 关联阅读:Notion Icon - 更加轻松地为你的 Page 搭配 Icon

频道:@NewlearnerChannel
#Blog #Design #APP #Photos #Video #APPLE #People

📷 LiFE-Original 和 TA 的作品集

接触到 LiFE-Original 是缘于群友推荐了他们的视频:《深入聊聊什么才是 iPad Pro》,其中的一些观点让我很有启发。在访问了他们的 官网 后,我想要把这些作品介绍给大家

📱 软件:Plain

Plain 是一款正在内测的极简文本编辑器,打通了苹果平台,注重苹果系统原生功能的开发和适配,并支持中英文等高混排、Markdown 语法等。开发者花了很多篇幅讲解他的设计和产品理念,有轻度文本处理需求的朋友可以下载体验

🎨 设计

作者喜爱苹果产品,并提供了一些系统的概念渲染图,对 iOS 的照片编辑、学习软件以及 macOS 的主界面、Pages 给出了自己的设计观点。作者还设计了两套桌面 4K 壁纸,整体透露出十足的极简风格

📸 摄影

涉及了自然风光、街拍、建筑等多种题材,外行不多评价,整体风格很合胃口

🏠 博客

博客主要涉及到的是对于苹果产品和设计的理解看法,以及宣传自己的软件 Plain,唯一推荐的是这篇《作为设计师 + 开发者,这是我最想推荐的一个网站》。他的很多标题都有「设置疑问 / 反问」的问题,而我的观点是尽量用陈述语句表达、能点明主体就不用代指

作者认可苹果的设计内核和产品力,给出了很多自己的观点。不过相比于一味地赞美,我更喜欢看带有批判观点的文字

🎵 音乐

通过 Logic Pro X 内置的 Apple 乐段,作者学习制作了一些 Demo 片段,音乐风格多样。作者希望大家可以通过苹果自带的 GarageBand 了解和学习音乐创作

👀 从 LiFE-Original 身上,我看到了苹果是如何影响个人的生活、开发和创意创作的,它的设计理念和产品也正在改变大家的思维方式、审美观念。期待 LiFE-Original 今后能继续带来令人眼前一亮的视频、设计和文字

📘 关联阅读:

1️⃣ Vyshnav 和他的设计项目
2️⃣ 设计师 Hector Simpson 和他的壁纸项目

频道:@NewlearnerChannel
#Design #GitHub情报 #Tools

🎨 Tinter:自动为图片「调色」的开源工具

GitHub | Web

👉 Features:

- 自动生成多张调色后图片
- 支持 PNG、JEPG、WebP 等多种图片格式
- 照片无需上传服务器,更加注重隐私
- 支持微调照片色调,直到满意为止
- 几乎不会影响图片质量

和我们之前介绍过的许多项目一样,Tinter 本质上也是一款「懒人工具」。它几乎是通过一种随机的方式自动生成一些结果,共用户进行挑选。Tinter 很适合像我一样缺乏必要的设计基础,但偶尔会制作一些图片的人

Tinter 处理图像时,会用到一些大胆的颜色,并进行一定的色彩渐变处理。如果你对自动预设的样张不满意,还可以手动进行调节。随机 roll 图片的时候,我对图片的来源感到好奇,后来在 源码 中看到是调用了 Unsplash 的 API

🌊 制作方 Uxie 此前还有一款生成随机波浪的项目 Svgwave,试用了一下功能基本齐全,但没有 Haikei 一般丝滑的动画效果。期待他们继续带来新的创意工具

📘 关联阅读:

1️⃣ chaosMachine:一键生成独特图片背景
2️⃣ Haikei · 快速生成独特的背景设计

频道:@NewlearnerChannel
#APPLE #Design #People

🍎 Michael Steeber 和 Apple Store

Michael Steeber 是苹果媒体 9to5Mac 的编辑,他热爱苹果零售店,并致力于介绍优秀的建筑和建筑物内作品设计。今天想和大家分享一些他关于苹果零售店的探索成果

1️⃣ Discover Apple Tower Theatre

前不久,苹果的新 Apple Store 在洛杉矶市中心盛大开业,选址在 Tower Theatre。后者是一家历史悠久的剧院,自 1927 年起见证了影视、音乐创作的变迁。1988 年闲置至今,这个老剧院在保留了本身建筑特色的基础上,被苹果改造成了现代、艺术相结合的商业殿堂

Michael Steeber 于是制作了这样一个网页,通过实拍+文字说明的形式,一站式介绍了剧院的历史、改造后的样子以及一些标志性场景。访问者可以快速地了解剧院如今的模样,还可以通过 AR 进行探索

2️⃣ The 12 Days Of Apple Stores

这个网页是去年圣诞假期推出的,期间每天都会介绍一个全球范围内的 Apple Store。在其中你可以获取零售店相关的壁纸,并认识当地的艺术家和他们的作品,好的设计作品会让人产生愉悦感。该网页还提供了 iOS 小组件的呈现形式

3️⃣ Apple Store In AR

Michael Steeber 为 2001 年开设的第一家零售店制作了 AR 模型,从中可以一窥 Apple Store 早年的设计风格和元素,能看到木质装修和天才吧等元素都得到了很好的传承。这也是对零售店 20 周年最好的致敬

4️⃣ The Apple Store Glossary

这是一个和 Apple Store 相关的术语汇总网站,其中交代了零售店中的场所名、器件名、装饰名和活动名。即使你经常去苹果零售店,对其中的一些术语可能也会感到陌生。点击术语词条,即可了解详细内容

👀 我看过很多关于苹果零售店的建筑设计风格、装修风格、光影照明设计的分析文章,而 Michael Steeber 没有过多涉及类似文字。他做的事情只是,通过互联网将美带给每个人。也希望 Apple Store 能够开到更多的城市,让更多苹果爱好者亲身感受

频道:@NewlearnerChannel
#Design

🏞 Scenic Background Animations:60+ 风景插画合集

Web | Download

👍 这套插画提供了丰富的场景,涵盖了森林、山脉、森林、城市、沙漠、雪景、各个国家等。每个场景提供白天、傍晚和夜晚三个时间段的图片。整体的画风简洁爽朗,又很能抓住事物特征,是我喜欢的类型

👀 免费下载的图包中只有 PNG 文件,如果你想要获得 AI / SVG / PNG / MP4 / GIF 等文件以求更高的画质、自由修改的权利,那么需要付费购买。所有免费和付费下载的图片,均可用于商业用途

💡 制作这个插画合集的公司叫 Pixel True,他们一贯的设计风格也是如此。除了这里提到的风景合集,他们还设计了很多其他图集,并接受各种定制需求

👨🏻‍💻 很多读者朋友喜欢我们早晚报的设计封面,其中很多风景画是我们在 Dribble 找的。如今有了 Scenic Background Animations,希望能够帮到贾思敏进行图片筛选。如果你也是设计师,有类似作品想要展示,欢迎和我们联系

频道:@NewlearnerChannel
#Wallpapers #Design

🏞 教你做一张 Raycast 风格的壁纸

Raycast 是我们之前介绍过的一款 macOS 启动器软件。他们之前做了一套 5K 壁纸,采用了渐变色的设计,并以这种风格制作了多张媒体宣传图

近期,Raycast 更新了 博客,分享了他们制作这样一张壁纸的方法。Raycast 使用的图片制作工具是 Figma,当你有一些配色方面的灵感后,即可开始创作

💡 步骤:

① 新建文档并指定图片分辨率
② 新建一个同分辨率的矩形图层
③ 将填充方式指定为按角度
④ 添加不同的颜色
⑤ 调整渐变色的角度和位置
⑥ 添加新图层,制造模糊效果

👀 历经博客中上述 6 个步骤的操作后,初学者也能大概做出一个大概。虽然这种渐变壁纸不是很难做,但对于没有接触过设计的朋友,接触 Figma 并作出成品还是很有成就感。大家也可以在 这里 下载到 Raycast 的 5K 成品壁纸

频道:@NewlearnerChannel
#People #Blog #Photos #Wallpapers #Design

👨🏻‍💻 Arun Venkatesan 和他的作品集

Arun Venkatesan 是一位具有工程背景的设计师,他在博客中记录生活和想法、在 Ins 等平台留下摄影瞬间、在 Dribbble 中设计精美图片。今天想和大家介绍一下他的作品们

✏️ 博客

每一篇文章的封面都令人感到愉悦,文章涉猎广泛,涉及设计、摄影、对苹果产品的看法、生活技巧分享、旅行与人文等等。虽然产出不算多,但几乎都值得一读

他还开创了 arun.is 这个品牌,并做了同名的 newsletter,感兴趣的朋友可以进行订阅。值得一提的是,整个博客也是他亲自构建的:其中用到了 Gatsby、React 和 Tachyons 来打造网页,MDX 来作为书写格式,还有西文字体 Inter 和托管平台 Render

📷 摄影

Arun Venkatesan 热衷于记录室内摆设、建筑物、城市街景和旅行景观,他的足迹触及亚洲、北美、欧洲多个国家和地区,其中也来到过中国上海、福建和香港。他的最新博文就是记录在 金门大桥 附近的见闻,大家还可以去 Ins 里欣赏更多照片

🎨 设计

Arun Venkatesan 的设计作品大多在博客和 Dribbble 中,涉及壁纸、产品概念设计、品牌形象设计以及一些博客封面。他的设计风格偏向于极简,每一幅作品都有自己的主色调,通过线条勾勒、元素拆分 / 堆叠 / 旋转等变换完成构图。我很喜欢这样的设计风格

👀 这个「XXX 和 TA 的 XXX」专题也做了好几期了,希望大家能够喜欢。本专题旨在挖掘一些不那么大众的开发者、设计师、生活爱好者,并和大家分享他们的作品。大家可以通过 #People 这个 Tag 阅读本专题的往期内容

频道:@NewlearnerChannel
#Design #Font

✏️ 霞鹜文楷:一款基于 Klee One 的开源中文字体

🔗字体介绍 | GitHub | 其它项目

Klee 是日本字体厂商 FONTWORKS 发布的一款字体,形似日式教科书体,同时也是 macOS 中的附带字体

作者基于 Klee SemiBold 字体进行补全简体字的尝试,霞鹜文楷为衬线类字体,兼具仿宋与楷体的特点,与非衬线字体相比多了端庄的气息

在部分笔画上,霞鹜文楷遵循 Klee 的做法,比如横、撇、捺的收尾会比较圆润,笔画起笔、转折、收笔的力道较小,如「一、国」这两个字

⭐️ 聊聊作者

除了这一款字体,孤鹜先森还对 IPAex 黑体、IPAex ゴシック、小濑字体、Tanugo 几款日本字体进行中文化改造,以及基于思源黑体的 97.5% 改造

作为一位非科班出身的 DIY 字体爱好者,从高中的兴趣萌芽,到如今的字体改造,能够坚持用爱发电,实属不易

📘 关联阅读:影集、廣告都愛用?竟然是小朋友專用的教科書體

频道:@NewlearnerChannel
#Tool #Design #SVG #GitHub情报

🧑‍🎨 自Design:提升设计体验的开源 SVG 工具

得益于强大的可拓展性,SVG 在设计过程中更受设计师的青睐,今天我们就来看看一些和 SVG 相关的设计工具,希望能提高你的设计体验

1⃣️ SVG Gobbler:网页 SVG 素材采集器

官网 | GitHub

- 操作简单,使用方便,零学习成本
- 支持下载、复制采集到的 SVG 元素
- 支持将 SVG 转化成特定大小 PNG 后下载
- 支持查看 SVG 源代码,并进行格式优化
- 以 Chrome、Firefox 插件的形式使用

2⃣️ Pattern Monster:客制化你的 SVG 素材

官网 | GitHub

- 提供 200+ 个 SVG 设计模版
- 可以基于每个模版进行客制化创作
- 支持调整元素的颜色、大小、粗细、间距等属性
- 提供元素随机生成功能
- 支持以 CSS、SVG、PNG 的格式导出

👀 本文海报采用 Pattern Monster 生成,我爱 SVG!

📘 关联阅读:Haikei · 快速生成独特的背景设计

频道:@NewlearnerChannel
#macOS #APP #People #Fonts #Emoji #Design

💻 Martin Lexow 和他的 macOS 软件

Martin Lexow 是一位柏林的软件开发者,热衷软件 UI 设计。他平时在互联网上的输出主要以宣传软件为主,并成立了一个名为 IXEAU 的工作室,在其中陈列开发的 macOS 软件。今天想和大家分享几款他开发的软件

1️⃣ Keystroke Pro

在进行屏幕共享演示时,我们有时需要突出展示所按的按键,Keystroke Pro 可以很好地帮助我们实现这一点。它提供精美的样式、多彩的颜色、丰富的自定义选项,UI 设计十分符合 Big Sur 之后系统的气质

2️⃣ Cursor Pro

这款软件可以和上面提到的 Keystroke Pro 搭配使用,以便在和别人共享屏幕时让对方看清光标点击的位置。不仅如此,它还可以放大鼠标悬停的区域,让别人更好地看清屏幕内容。这款软件同样提供丰富和样式和高度的自定义

3️⃣ Theine

Theine 是一款 macOS 防休眠软件,和 Amphetamine 以及 Caffeinated 是同一类软件。它 UI 现代、动画美观、支持快捷键、考虑到不同场景,开启后 Mac 即可保持唤醒。但和免费的竞品相比,Theine 仅在设计上体现优势,功能并未作出创新

4️⃣ Entity Pro

这是一款字形和 emoji 检索软件,能够快速给出对应字形和 emoji 的信息,包含 Unicode、十进制数、HTML 颜色等等。通过它用户还可以创造自己的字形

5️⃣ Color UI

顾名思义,这是一款和颜色有关的软件。Color UI 能够帮助用户取色并获得色彩数据,支持 HSB 和 RGB 等色彩模式。我们之前也介绍过开源的取色器 Pika,大家可酌情选用

👀 总结一下,Martin Lexow 开发的软件遵循了 macOS 的系统 UI 风格、专业性较强(面向远程工作者和设计师),同时也几乎都是付费软件。如果你喜欢他的设计,可以选择买断这些软件,也欢迎大家分享你们在使用的开源同类项目

频道:@NewlearnerChannel
#Windows #Design #Wallpapers

🎨 随 Windows 11 而来的,还有这些新设计

提到 Windows 11,大家会想到全新设计的 Dock 和 Widgets、蓝蓝的新壁纸和无处不在的圆角 & Fluent Design 设计风格,它们让我对 Windows 11 好感倍增

💡 设计原则

微软 为 Windows 11 制定了一些设计原则,包括 Effortless、Calm、Personal、Familiar 等。它注重用户个性化表达,强调易上手性和跨平台一致性,致力于为用户带来更专注、更高效的使用体验

1️⃣ 全新的老壁纸

Microsoft Design 前不久释出了一批新壁纸,元素包含回形针、纸牌游戏、画图以及 XP 经典蓝天白云。这些元素都是我的童年回忆,重新设计的壁纸紧扣 Fluent Design 设计风格,突出了 Depth 这个特性,喜欢的朋友可下载使用

时光荏苒,葡萄园依然长青

2️⃣ 材质家族新成员:Mica

Windows 11 中的新材质 Mica 是不透明的,它会自动对背景壁纸取样,并随之变化自身颜色。相比于知名的亚克力材质,Mica 在保证色彩和美观的前提下,能够较大程度减少资源开销

它和亚克力、烟雾等材质共同组成了新系统的图形界面,官方提供了 详细文档,大家也可以通过 sspai 的文章了解更多细节

3️⃣ 3D Emoji 来了

微软 在「复活」回形针的同时,也宣布将带来全新的三维表情符号。新 emoji 体现了 Fluent Design,并着重刻画人物脸上的表情细节,因而受到了很多人的喜爱。微软希望这套饱满的表情能够用在远程工作和日常生活之中。这套 emoji 将在晚些时候推出

👀 Windows 11 的推出是微软从平面设计全面转向 Fluent Design 的一个里程碑,它表明了微软对系统 UI 设计的重视,也让很多「大饼视频」内容逐渐成为现实。Microsoft Teams 等官方 app 也将带来全新设计

平面设计的下一站是什么,不同的厂商有不同的答案:苹果给出了圆角设计和轻拟态,微软坚定走在 17 年发布的 Fluent Design,而谷歌则在今年 I/O 大会带来全新设计语言 Material You。感谢这些厂商,让我们有了更多选择

频道:@NewlearnerChannel
#Design #Tool

🦄 自Design:渐变素材工具分享

比起单薄的纯色背景,在某些情况下,渐变背景能给人更舒适的视觉体验。但对于入门设计师来说,手动制作好看的渐变背景并不容易,因此今天给大家分享几款简单易用的渐变背景素材制作工具

1⃣️ 100 Mesh Gradients

- 提供 100 款免费渐变素材
- 支持单独选取或全部素材打包下载

2⃣️ Gradients for Sketch

- 以 Sketch Template 形式安装,提供超过 300 款渐变素材
- 可以在 Sketch 上以 Style 形式直接使用

3⃣️ Mesh Gradient

- 网页在线工具
- 支持随机生成素材
- 支持自由添加、移动渐变点
- 支持自由更改渐变点的颜色
- 提供 Gallery,可以分享你的渐变作品给其他人,也可以下载别人的作品

👨‍🎨 使用体验

对于以上三款渐变素材工具,我个人觉得 100 Mesh Gradients 的素材质量比较高,更符合我的个人审美习惯

Gradients for Sketch 虽然使用方便,但素材质量一般

Mesh Gradient 的可增素材点、随机化生成功能很适合用来创作新的渐变素材

👀 本文背景来自100 Mesh Gradients 的素材

频道:@NewlearnerChannel
#Design #Tools

🌊 Wicked Backgrounds:一键生成 SVG 波浪背景图片

Web | Demo

👉 Features:

- 极简的素色设计,圆角风格 UI
- 一键生成波浪背景图片
- 支持自定义背景色、色彩模式、角度、波浪密度和随机度
- 支持下载或导出为 SVG
- 随机生成不同样式

又一个波浪生成器,打开它的官网,流畅的动画和极简素色的设计风格很抓我。整个图片的制作过程也很简单,选取一个背景色,指定好波浪层数,就可以得到一个色阶的波浪背景图片

Wicked Backgrounds 提供了很多自定义选项,包括旋转角度、颜色模式、波浪密度和随机度等。它还提供了随机生成选项,可以在满足已有自定义选项的前提下,通过细节随机微调让用户选择最中意的一张

👨🏻‍💻 作者称未来还会为 Wicked Backgrounds 带来更多的功能,我认为这些图片可以作为很好的 banner 或插画使用,但导出选项只有 SVG 格式有些单一。希望将来作者可以提供更多图片导出格式

📘 关联阅读:

1️⃣ chaosMachine:一键生成独特图片背景
2️⃣ Haikei · 快速生成独特的背景设计

频道:@NewlearnerChannel
#Design #Tools

🏞 Figen:灵活、可自定义的封面图片生成器

🔗Web

👉 Features:

- 极简的素色设计
- 分辨率提供多种社交平台选项,支持自定义
- 支持自定义背景图案 / 照片 / 色彩
- 支持标注作者信息文字
- 自定义程度高,提供色阶、透明度、图形形状、文字排版等选项
- 随机生成不同样式

这类封面生成器我们已经介绍过很多,但看到新的设计项目还是忍不住要发出来。我认为这类项目都有一些共同特点:极简设计、操作简单易上手、采用常见形状作为背景点缀、提供一定的自定义选项。有了这些工具,我们在写博客或者发布文字到社交媒体时,可以很方便地生成一些美观的图片

👀 而 Figen 是我见过同类项目中社交属性最强的一个,它提供了 Twitter、Ins、Facebook 等社交平台不同用途的图片尺寸。和 Wicked Backgrounds 相比,它还贴心地加入了文字插入(作者信息)的选择,这里其实变相可以放上大标题和小标题

最后来说说 Figen 的一些不足,首先是我发现了一个外接显示器使用的 bug:我在外接 4K 显示器时,生成的图片跟随显示器分辨率,而非我选择的 1080P,并呈现「套娃」样式。经测试,使用 MBP 内屏是无此问题。还有一点就是生成的随机图案过于「随机」,需要点选很久才能找到合心意的图案

📘 关联阅读:

1️⃣ chaosMachine:一键生成独特图片背景
2️⃣ Haikei · 快速生成独特的背景设计
3️⃣ Wicked Backgrounds:一键生成 SVG 波浪背景图片

频道:@NewlearnerChannel
#Blog #Photos #Design #People

👨🏻‍💻 Oliur 和他的作品们

Oliur 是现居英国的设计师、摄影师和内容创作者,对于数码产品和摄影十分痴迷。我第一次了解他是从他的同名 YouTube 频道

🏠 博客

Oliur 的博客涉猎广泛,涵盖内容创作、数码产品(尤其是苹果)、旅行、设计、家居 / 桌面布置和其他日常

在他的博客中,你能看到以 MacBook Pro 为中心的桌面布置、如何建立一个无代码网站并分发内容、“长枪短炮”开箱分享等等

从他的博文中,我也得知他曾于去年 7 月身患疾病,但他没有因此停止创作,而是一边治疗一边坚持

🎨 设计

Oliur 的设计作品可以在 Dribbble 找到,他的设计可以简单分为网页、壁纸和图标三大类

他的网页设计多采用直角矩形结构,没有给我太多惊喜。如果你对他的设计风格感兴趣,可以看看他写的 设计教程

他的壁纸比较招人喜欢,有渐变色套图、波浪套图、高斯模糊套图等等,支持高分辨率并适配移动端。大家可在他的博客找到这些壁纸作品

他的图标则主要聚焦于 iOS,老实说我对这些内容并不感冒,因为同类项目多如牛毛、收费随意。如果你对于制作这样一套壁纸感兴趣,可以看看他写的 图标教程

📷 摄影

Oliur 的摄影作品可以在 Ins 找到,摄影题材大多为数码产品、家居桌面、风景

作为专业的设计师和视频创作者,Oliur 热衷于和大家分享自己的摄影器材和样张效果。他拍的很多数码产品我非常喜爱

📹 Youtube

Oliur 同时也是个 YouTube 视频内容创作者,主要方向是苹果软硬件的使用,也会涉及一些外设和 PC 的内容。最近看了他的一期 Mac 软件推荐,感觉讲得还是不错的

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

频道:@NewlearnerChannel
#Design #Tools #Channel

👨🏻‍💻 周年庆来了,自留地推出「自留地工牌」生成器

🔗Web

👉 使用方法

① 打开网页
② 点击工牌图片中部区域,上传你的头像
③ 在输入框横线输入你的昵称
④ 点击生成并下载保存

🎂 今天是 Newlearnerの自留地 两周年纪念日,我们踩点推出这款「自留地工牌」生成器,作为周年庆礼物送给各位读者,希望大家能够喜欢

👀 这款工牌的样式其实来自于苹果官网的员工工牌,此前也有网友制作 捷径 来生成苹果工牌。在此基础上,我们放上了自留地的 Logo 和水印,尽量设计地易用些、平台兼容性好些

🐦 这款工牌的第一稿是用 Sketch 制作的,当时编辑部不少主编换上了这款工牌,还有一些读者朋友询问如何 get 同款工牌。后来我想做成这样一个生成器,但由于咕咕咕和技术问题,我们一直拖了好几个月

🙏 感谢贾思敏、glaze 和九歌三位主编,一起做好了这个工牌生成器。经测试,它大体能满足我提出的需求,但也存在一些问题:如不同分辨率下生成文字大小不同、文字太长会溢出等。欢迎各位读者朋友使用,并向我们提出有益反馈。我们暂时不考虑将其开源

💬 大家生成并 get 到自留地工牌同款头像后,可在评论区发言,展示你制作的头像。佩戴自留地工牌头像并留言你想对自留地说的话 / 提的建议,我们将随机抽取并送出 5 枚 简悦 高级会员兑换码

频道:@NewlearnerChannel
#Design #Tools

💁🏻‍♂️ Open Peeps:免费多样的手绘风格人像模组

😜 Open Peeps 是一个 CC0 协议下的手绘风格人像模组。作者绘制了人像的不同部分,比如头部、面部表情、服饰、姿势等等,并且提供了原始的图层文件(svg 格式),可供自由修改而不用支付版权费用。

🤔 经试用,你既可以 下载源文件(支持 Sketch、Figma、Adobe Xd 等主流的设计软件,也可直接下载以 svg 格式保存的部件)自行导入习惯的 app 开始创作;也可以使用 Blush 进行线上的整合操作,但是 Blush 网站的免费版本只能够下载分辨率较低的 PNG 图像。

🎰 组件包中包含了 3 个已经拼合完成的人像,眼罩、眼镜、太阳镜等配件,30 种不同的衣着、30 种不同的面部表情、16 种胡须、46 种发型,11 种坐姿和 23 种站姿,内容十分丰富。作者还将继续更新更多的素材。

⬇️ 我自行将这个项目目前的 svg 文件导入了 Affinity Design 库,如果你需要,请点击 这里 下载。Affinity Design 库的导入方式可查询 Affinity 官方文档。

💰 如果你觉得这个项目十分优秀,可以考虑下载时为作者赞助~希望你可以发挥创意,利用这个项目进行更广阔的创作~

(本文同步发送于 Kostya’s Lair

频道:@NewlearnerChannel
#Web #Design #GitHub情报 #Wallpapers

🐼 Species-in-pieces:用 CSS 碎片拼出 30 种濒危动物

Web | GitHub

👉 Features:

- 展示 30 中濒危动物
- 颜色饱满的多边形图案
- 丝滑的动画、空灵的背景音乐
- 列出每种动物经受的威胁及相关统计数据
- 一键生成不同尺寸壁纸

👨🏻‍💻 Species-in-pieces 是阿姆斯特丹设计师 Bryan James 用纯 CSS 技术表现出 30 种动物的碎片拼图形象,它们具有一个共同的特点:濒临灭绝。伴随 30 只生命样貌的切换,一幅幅几何状组合的破碎,足总和试图展现过去 10 年来栖息地遭受破坏是如何把动物推向灭绝的边缘

💡 抛开题材外,我主要看中的是网页整体的设计。作者通过 CSS 属性,实现了 30 种动物的展示、动画。虽然经由一个个碎片拼接而成,但这些动物看起来十分可爱,还会进行一些微动。有国内朋友将网页逆向,开源在 GitHub 上,感兴趣的朋友可学习具体实现

👀 在接受《赫芬顿邮报》的采访时,Bryan James 希望借用看似干瘪的的数位科技棱角,营造出特殊的美感,来表达在地球上生存着的美好生命随时有可能消失剥离的意象。而 Bryan James 本人也是制作动态交互网页的高手,可移步 这里 查看他的所有作品

频道:@NewlearnerChannel
#Wallpapers #Design #APP #People

🏞 Rafa 和他的作品们

Rafa 是一位现居阿姆斯特丹的设计师,也开发过一些有趣的 app。今天我们就从他最近大火的 Mac OS X 壁纸说起,带大家初步了解他的作品

💻 Mac OS X Remastered Wallpapers

在这套 壁纸集 中,Rafa 将经典猫科动物系统 Leopard、Snow Leopard、Lion 和 Mountain Lion 的主题壁纸进行了高清重置。目前它拥有最高 6K 分辨率以及 P3 色域的桌面壁纸,也提供了 iPhone 和 iPad 尺寸

有意思的是,作者在网站底部表示作品版权全部归于 Apple,并请求苹果不要起诉他。我不清楚苹果的法务是否会注意到这个项目,但 Rafa 的做法是比较谨慎的。前车之鉴有苹果档案室网站 The Apple Archive,它因为收集了苹果发布会等素材而被苹果无情起诉,而后关停

🎨 设计作品

Rafa 是 PaaS 平台 Netlify 的第一位设计师,在 16 年就加入了 Netlify,并参与了它的品牌重新设计过程。他的其他设计作品可在 Dribbble 找到

目前 Rafa 担任初创软件 Superlist 的设计师,这款软件看齐被微软收购的待办事项软件 Wunderlist,并想要做得更好。目前软件尚在开发中,官网设计加入了大量动画和 3D 元素

软件作品

Hand Mirror:WFH 时期的产物,用户可在 Mac 上「照镜自检」,看看牙上是否有韭菜等
Thwip:Apple Watch 音效软件,气氛组必备,提供多种可用于 party 等场合的音效
Break this Safe:Apple Watch 游戏,玩家可利用 Digital Crown 特性探究打开保险箱的方法,长期未更新

🎙 播客

LAYOUT 是 Rafa 和朋友共同主持的一档播客节目,主题涉及设计、科技、编程等方面。目前已经更新 200+ 集,作为一个 side project,他们投入了很多精力在其中

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

频道:@NewlearnerChannel