#78
9 min read

#78

#78

上周预告说即将取消周刊在公众号的更新,得到了很多朋友的支持鼓励和打赏,真的非常感谢!!!

关于付费订阅的计划,研究了一圈国外的平台基本都是用 Stripe 做支付,而大陆用户又注册不了,只能暂时搁置,近期想到比较好的方案再说。另外很多人问到的问题集中回答一下:

  1. 为什么 substack 的网址打不开?很多人反映这个问题,翻墙也不行,而我这台电脑打开一点问题都没有,但有时换其他电脑就会打不开……目前还没找到问题所在。
  2. 为什么邮件订阅没有了图片预览?因为邮箱服务如 Gmail 会把过长的邮件自动截断,非常影响用户体验,图片太多加载也会很慢。目前的计划是把邮件订阅服务迁移回 EmailOtcopus,重新设计模版,到时会采用排版更合理的方式添加图片。

最后,本周的设计内推都是非常棒的公司和设计职位,想找工作或跳槽的朋友记得看到最后,都是相关负责人和熟人帮你内推!


资源聚合

Haikei: Generate unique SVG design assets

zcreativelabs 新做了一个 web 版 SVG 设计图形生成器,大概就是把之前那几个小工具整合在一起了。

Generate unique SVG design assets | Haikei
A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.

Stratum UI Design Kit — 9000+ Figma Components

一个超大的 Figma 组件库,需要付费。不过注册后会给你一个免费版可以看看。

Stratum UI Design Kit — 9000+ Figma Components
Figma library with ready-made consistent UI elements, helpers, and widgets. Build your UI design on the best practices and well-crafted states. Fast and fun.

SVG Color Matrix Mixer

SVG 中的 matrix filters 可以让那图片叠加出各种不同效果,这个在线工具把它可视化了。

SVG Color Matrix Mixer
Easily generate nice looking color matrix filters for your images.

Glassmorphism UI

毛玻璃风格 UI 组件库……看这域名还挺厉害的。

Glassmorphism UI - CSS UI Library
A modern CSS UI library based on the glassmorphism design principles that will help you quickly design and build websites and applications.

Mockuuups Studio

Mockup 专业制作工具 Mockuuups 发布了 3.0 版,支持多平台和 Figma 插件等,不得不佩服国外任何一个细分灵域的产品都能做得那么完善。

Mockuuups Studio - Mockup Generator
Drag-and-drop tool for creating beautiful app previews or any marketing materials. Easily insert your screenshot into digital mockups for free.

作品案例

Float - Bring Your Art to Life

这位插画设计师又出新作品了,也是一个在线 App,可以制作小而美的动画。非常惊叹国外这些设计师有什么想法就很快实现出来的执行力,当然开发应该是找人合作的。而国内,通常设计师就算有想法也雇不起开发……

Float - Bring Your Art to Life | Online App by Gal Shir
Float is a great way for artists and designers to showcase their work in a better way. Float transforms static and flat artworks into moving creations. Your masterpieces deserve to be shown in the most fun and engaging way.

Lu Yu Portfolio

这位名字念起来像鲁豫的华裔美女设计师更新了自己的作品集,目前在 Pitch 做设计。

Lu Yu Portfolio
Welcome to the portfolio of Lu Yu, a designer specializing in brand & interactive design.

Mathis Biabiany art

Mathis Biabiany 的技术作品。同样是艺术,传统古典互联网的方式卖只有那么点钱,而用如今流行的 NFT 就……😂

Digital artworks by Mathis Biabiany
You’ll find here all my artworks available for sale. For each of them, you have the possibility to slightly customize their final look.

Mighty: Faster Google Chrome that uses 10x less memory

号称让 Chrome 贼快的应用,看到设计师秀了一下图标在 Dock 上的动效。

Mighty makes Google Chrome faster
Unlike Chrome, Mighty doesn’t slowdown if you have too many tabs open. Web pages load half a second faster.

好文推荐

Design Tokens Cheatsheet

Variables ≠ Design Tokens,一篇普及 Design Tokens 概念的文章。

Design Tokens Cheatsheet - Prototypr | Prototyping
A Design System’s strength comes from knowing how and when to apply options correctly. That’s where Design Tokens in System Design comes in.

CSS Grid Cheat Sheet Illustrated in 2021

用非常可爱插画的形式解释 CSS Grid,爱了。

CSS Grid Cheat Sheet Illustrated in 2021🎖️
Table of Contents : Grid Architecture Parent Properties grid-template-columns grid-temp...

Stuffed with layout options: Using a 4+5 compound grid

“上古”时代的网页设计大师 Andy Clarke 最近改版了自己的网站,其中用到了一个 4+5 组合的网格系统。

Distinctive, original product and web design by Stuff & Nonsense in Wales, UK
<p>A generation of product and website designers has grown up with 12 or 16 column grids from Bootstrap-style frameworks. In those frameworks, columns are used mostly for aligning content. In my new design for Stuff & Nonsense, I wanted to go beyond that and use a compound grid to influence the enti…

随便看看

CSS for JavaScript Developers

推荐过很多次的全栈设计师 Josh Comeau 辞职后一直在筹划这套前端课程,如今终于发布了。大部分前端只会写 JS,CSS 写得一沓糊涂,这已经是共识了,而这套课程就是针对这个人群的。

CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devs
A comprehensive course that helps you develop deep mastery of CSS. Built specifically for javascript developers!

Flipaclip

移动平台的动画设计软件,网站上的动效也是十分出彩。

Flipaclip
Flipaclip — Best animation app for professionals and beginners.

xbar

还记得以前在 Mac 很火的 BitBar 吗?可以在 menubar 上自定义各种服务。最近作者又带着下一代改名的产品回来了。

xbar, the BitBar reboot
xbar lets you put the output of any executable script or program into your macOS menu bar

RemoteCTRL – Control any slideshow together

上周推荐的前 Figma 设计总监和他哥哥做了一个新产品,和苹果 Remote app 类似,但是号称可以在任何可以做 PPT 的软件上使用。看在大神的份上我毫不犹豫地买了一个玩。

RemoteCTRL – Control any slideshow together
Allows you to share access with your team to control any kind of slideshow – No wifi or BT needed!

Fig - Autocomplete, Apps, Shortcuts for the Terminal

一个非常创新的终端增强软件,可以提供类似 VSCode 那样的自动完成功能。看文档和截图就已经心动了。

Fig - Autocomplete for the Terminal
Fig adds VSCode-style autocomplete to your existing Terminal.

Twitter Threads

beeple

上周最让世界震惊的事情就是这个了吧?这位艺术家的一幅图被卖了 69M 美金……瞬间成为了世界第三贵的艺术品。只能说 NFT 这个区块链落地新领域实在是太离谱了。其实之前他就很有名了,不像很多媒体说的那样默默无名……

CryptoArt 的收入偿还了困扰我和妻子五年的债务

Follow 很多年的顶级设计师 James White 也说自己因为 NFT 赚了大笔钱并偿还了债务,难怪这玩意这么火……

Next generation creative tools in the browser

下一代的生产力工具肯定都是基于 Web 的,看底下评论可以发现很多有趣的产品。