#Design #Tool

🏞 Haikei · 快速生成独特的背景设计

官网 | 在线工具

💡 特点

- 操作简单，极容易上手
- 多种实用的设计样式（目前 15 种）
- 多种图片尺寸
- SVG 和 PNG 格式导出（据说会有更多的格式支持）
- 图片元素随机化处理

🔯 制作流程

1⃣️ 选择喜欢的设计风格
2⃣️ 调整视觉参数：配色、形状
3⃣️ 掷骰子，让 Haikei 随机调整图片样式
4⃣️ 下载自己喜欢的视觉效果（SVG, PNG）

👀 日常给频道画 banner 的时候经常有选背景的困难，Haikei 简直是我的救星。掷骰子是这个工具最有趣的环节，当不知道要什么时候，就把选择权交给「随机」吧，看到了自己喜欢的设计就可以立即保存下来，赞！

Haikei 目前 15 个模版都可以免费使用，作者仍在持续开发中，未来会推出更多模版，更丰富的格式支持以及付费的 Pro 版本

（本推送 banner 背景由 Haikei 生成）

⚙️ 关联工具：Cool Background · 生成吸引人的背景配图

频道：@NewlearnerChannel

#Wallpapers #Design

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

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

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

💡 步骤：

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

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

频道：@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

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

🔗：Web

👉 Features：

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

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

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

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

📘 关联阅读：

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

频道：@NewlearnerChannel

#Design

🎨 52 Design Principles：E1. 《帕累托法则》

小红书产品设计中心（简称 RPDC）近期推出了《52 Design Principles》，帕累托法则（Pareto principle）是里面的第一项法则。

帕累托法则又名八二法则，最早是由意大利经济学家 Vilfredo Pareto 在《政治经济学》中提出，他观察到意大利约有 80％ 的土地由 20％ 的人口所有、80% 的豌豆产量来自 20% 的植株。简单来说，一项事物的要素虽然有很多，但是影响力最大只占其 20%，剩余 80% 的要素虽然在数量上较多，但是对事物本身影响并不大。

对于产品和设计而言，需要决策者把握好 20% 的关键信息。RPDC 举了一个很简单的例子 ——— 用户表单，产品可以在众多选项中，选出最常用或者可能性最大选项为用户预填，可以加速用户的交互效率。

除此之外，对于已经在运营的产品来说，可以通过分析产品中各项功能的用户使用量，来明确功能在产品中的影响力，进而整合团队资源进行攻坚，并非单从功能的工程量上进行规划布局，而错事影响收益的最大化。

但帕累托法则并不适用于所有时段和场景，例如在前期规划时我们并不知道完整的结果，也无法合理的辨别出哪些工作将会是真正有用的 20%。

🔗 原文导读《52 Design Principles》

频道：@NewlearnerChannel

#Web #Design

👨🏻‍🎨 Loose Drawing：免费可商用的在线插画网站

🔗：Web

👉 Features

- 可自定义插画主色调
- 支持搜索与分类筛选
- 免费可商用
- 支持以 PNG 格式下载

💡 Loose Drawing 是我最近很喜欢的一个简笔插画平台，整体风格很日式、很简洁，同时作画水平也让人满意。其中不少插画可以用于平面设计制作，且完全免费

👨🏻‍💻 网站制作方位于日本，也提供了一些日文平面设计的参考案例，给大家一个参考。当然，如果你想要按照需求定制插画，平台也提供这一付费服务

💬 我平时使用 unDraw 插画平台多一些，也欢迎大家留言分享自己在用的插画平台

📘 关联阅读：

1️⃣ 编辑部分享 · 我是如何做文章封面的
2️⃣ DOTOWN：任天堂风格像素风图标下载站

频道：@NewlearnerChannel

#Design #GitHub情报 #APP

⭐ 盘点一些在线 Icons 图标项目

最近看到了很多不错的在线 Icons 图标项目，它们大多开源、可免费使用，希望可以帮助到相关开发人员和设计师

1️⃣ Lucide

🔗：GitHub | Web

Lucide 是 SVG 图标的合集，它开源、可免费商用、多语言多平台支持友好。在网页上，你可以通过关键词进行简单搜索，并对图标的颜色、字重、大小进行简单的自定义

2️⃣ Icônes

🔗：GitHub | Web

Icônes 在功能、界面、设计方面，是这几个项目里面我最喜欢的。它支持在线使用也提供 App，将不同图标以设计风格、用途等标准进行分类，你甚至可以将自己喜欢的图标打包做成字体集

3️⃣ Doodle Icons

🔗：Web

Doodle Icons 提供 400+ 精美图标，可以免费商用，它还很贴心地提供了 Figma 源文件

4️⃣ Sargam Icons

🔗：GitHub | Web

Sargam Icons 是开源、免费的图标项目，内含的 700+ 图标每个都有不同样式可供选择。它也提供了包括 Figma 在内的多种获取格式

📘 关联阅读：

1️⃣ IconPark - 技术驱动矢量图标样式的开源图标库
2️⃣ IconBrew：在线开源图标包合集，每周更新

频道：@NewlearnerChannel

感谢关注
本体：@lostboizain
频道主要分享以下相关内容
后期 #Blender #CGI #VFX
影视 #Film #Filmmaking #Cinematography #Photography
音乐 #MusicProduction #FLStudio
心理学 #Psychology
设计 #Design #Art
其他 #NFT #Tutorial #plugins