大家好，这里是和你们聊设计的花生~今天为大家推荐一个我最新发现的插画素材网站「Popsy Illustrations」，里面提供多套不同主题的矢量线条风插画，包括 UI、社交媒体、商业、教育、金融等方面。插画风格一致，可以在线修改颜色并下载为 SVG 下载格式，非常适合用在网页和 UI 设计中，有需要的小伙伴不要...

大家好，这里是和你们聊设计的花生~

今天为大家推荐一个我最新发现的 插画素材 网站「 Popsy Illustrations 」，里面提供多套不同主题的矢量线条风插画，包括 UI、社交媒体、商业、教育、金融等方面。插画风格一致，可以在线修改颜色并下载为 SVG 下载格式，非常适合用在网页和 UI 设计中，有需要的小伙伴不要错过哦~

4500张！免扣复古插图素材网站「Free Vintage illustrations」 大家好，我是和你们聊设计的花生~ 在上周给大家推荐的 9 个高质量的免扣素材网站中，有一个高质量的复古插画网站 Heritage Library，里面有 270 套复古插图素材可以免费商用，不知道大家有没有收藏用起来呢？

阅读文章 >

Popsy Illustrations 网址直达： https://popsy.co/illustrations

Popsy 是一个无代码网站构建工具，其工作方式类似于 Notion，让不会代码的人通过自定义模板轻松创建一个漂亮的个人网站。而插画是网站构建中不可或缺的一部分，为了帮助用户更方便地使用 Popsy，其创始人 Miha Mlakar 推出了 Popsy Illustrations 版块，为用户提供多套适合不同行业及场景的插画，而且站内的插画资源完全开放给所有人免费使用，只需使用时注明来源为 popsy.com 即可。

Popsy Illustrations 里的 UI 主题的系列插图

Popsy Illustrations 里的插画具有类型全面、描述清晰和可自定义编辑三个优点。

① 类型全面

Popsy Illustrations 里的插图有多个主题，包括 UI、社交媒体、启动页、教育、男性、女性、商务、办公室、金融、旅行、食物、YouTube、Crypto 等，适合不同行业及场景的设计需求。插画都是由其公司的插画师 Toni 创作的，风格形式统一且每周持续更新。

② 描述清晰

每个主题系列内有 6 张插画，每张插画下面都有一组详细的关键词，用来描述插图里的物体、元素、概念及适合的场景，这样一是让用户可以更直接地明白插图适合用于什么样的地方，二是方便用户通过关键词快速查找到自己需要的内容。

Popsy Illustrations 里的金融主题的系列插图，每张下面都有一组对应内容的关键词

③ 可自定义编辑

我们可以通过顶部的调色板直接修改插图的主题色，一共有 16 这种色彩可供选择，选中后可以一键修改 6 张插图的配色。为不同的主题选择合适的配色可以强化视觉表达，比如商务选色深蓝色、YouTube 选红色、金融选橙黄色等。其中白色呈现的效果为黑白线稿，灰色则会有一种操作失效的感觉。

Popsy Illustrations 里的旅行主题的系列插图，上面调色板里显示紫色被选中。

Popsy Illustrations 的插图提供 2 种使用方式，一是复制插图链接，粘贴到 Popsy 或者 Notion 中使用，另一个方式是下载为 SVG 文件。将鼠标悬浮在插图上方就能看到这两个选项。

由于下载的插图是可编辑的 SVG 文件，所以我们可以将插图导入 Ai 中进行更自由的加工处理。插图导入 Ai 后首先需要选中并单击右键，选择“取消编组”和“释放剪贴蒙版”，重复操作几次后插图就为分解为一个个可以单独修改的部分。

好啦以上就是今天为大家推荐的免费可商用插图素材网站，喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友。有关本文或设计的问题可以在评论区提出，我会第一时间为回复 ~

Popsy Illustrations 网址直达： https://popsy.co/illustrations

推荐阅读：

超全整理！设计师必备的9个高质量免扣PNG素材网站 大家好，这里是和你们聊设计的花生~ 前几天看到有小伙伴在优设问答里问有没有高质量的免扣PNG素材库推荐，答案是当然有啦~ 其实优设已经为大家推荐过不少PNG素材网站，我将这些资源都梳理了一遍，挑选出其中9个资源质量较高且可以免费商用的网站，整理成了这篇合集， 方便大家之后查询使用，需要

阅读文章 >

超全整理！不会3D软件也能做的8种立体效果（附教程） 大家好，这里是和你聊设计的花生~ 3D 元素在设计中应用广泛，但 3D 软件的学习门槛并不低。

阅读文章 >

编者按；平时工作太过琐碎，没有遇到大项目，感觉设计作品集里没东西可以展示？本文从5个方面，聊聊小项目的价值。更多作品集干货：设计师作品集封面万用套路！

编者按；平时工作太过琐碎，没有遇到大项目，感觉设计作品集里没东西可以展示？本文从5个方面，聊聊小项目的价值。

更多作品集干货：

设计师作品集封面万用套路！再送500+优秀案例打包！ 编者按：本文通过一个设计师作品集封面设计的实操案例，帮你掌握作品集封面设计，附赠500多张优秀案例打包，快来下载！

阅读文章 >

跟设计师聊天时，常听到这样的说法：我们日常做的这些设计项目都太小，太琐碎了。一年到头，每天都好像很忙但是没有成就感。尤其是总结自己作品集的时候，感觉没有什么可以到自己作品集里的像样的大项目。

对这样的设计工作日常，有人将其理解为“工具人”一般的设计职业生涯，有人将其理解为“去大厂搬砖”。

真的是这样吗？

很多人说职场人都是在为自己的履历打工，这样说的话，设计师除了在为自己的履历打工之外，还在为自己的设计作品集打工。设计师对自己作品集的过度重视，与雇主对设计师的工作要求之间慢慢形成一种偏差。这种偏差也导致了设计师与工作任务（尤其是在甲方的设计工作）之间的错位。

回顾过往的工作经历，尤其是在转做设计管理工作之后，我对这种“小项目”的价值有了更多更全面的认识，此文尝试概括总结一下。

一、面试时以小见大 一个精彩深入的设计要点，胜过宏大空洞的全面铺陈

设计从业十几年，我累计面试设计师近 400 人，浏览过设计简历及作品集数千份。大部分设计师的作品集都会尽可能地呈现一些比较大型的项目，在小公司干的会放整个产品的设计重构，在大公司干的会放一些关键页面的整体改版、设计规范的搭建之类的。基本上作品集包装的思路都特别相近，对比十年前，好处是现在的设计师作品集普遍变得非常完整、系统，坏处是作品集的思路大多千篇一律，作品集中的设计项目也是千篇一律，似乎都已经模版化了。

冠冕堂皇的设计改版，核心流程的设计升级，这样的项目往往集合了一个团队的设计智慧。如果在一个设计师在面试中讲到一个大项目时，完全不谈团队协作和自己在这样大项目中承担的具体角色和具体工作，上来就从商业模式谈到设计语言，那这样的讲述就不太能够令人信服。

所以，遇到这样的大项目我基本上就是听一听，主要看方案表述能力和业务理解力，不看具体的设计能力。因为我知道，这种大项目都不是一个人可以完成的，在大型项目中其实很难看到设计师在真实的工作场景中是如何独立面对和解决设计问题的。

在面试、述职、晋升答辩这样的场景中，尽可能“大”的项目可能不可或缺，但同时我们也需要明白，评委和面试官也都清楚每个大型项目后面都意味着有更多的声音和影响因素。所以，对待自己的项目，最好不要在做超出自己能力范围的过度包装，与其这样，倒不如花时间把自己的小项目讲的深入透彻一点，更能打动人。

二、“小需求”不代表项目小、不重要 设计师的成长速度，不在于项目的颗粒度，而在于设计的深入度。

设计的颗粒度大小在不同类型团队有所不同。在偏创业型的团队，可能需要一天出好多张 UI 稿，而在大型的设计团队，很有可能一个设计细节就需要磨 1-2 周。这并不是说大厂设计师效率低下，而是不同团队对设计问题的深入程度和要求不同。

“设计需求”并不是用户需求，只是上游产品经理的需求，他需要你帮助他来完成他的工作。“设计需求”的全称应该是“需要设计师按照规定时间来协助完成的事项列表”。“设计需求”并不是设计工作内容的全部，只是一部分。

需求澄清，是设计过程中至关重要的第一步。需求澄清的过程像是在拔萝卜。像拔萝卜一样用力拔出问题的全貌，不仅要拔出整个萝卜，还要“拔出萝卜带出泥”。感觉需求小、项目小有可能是因为你只看到了问题的表面。是的，设计师需要像用户一样思考，但不能一直只是像用户一样思考问题。

Ralph Ammer (推荐了解一下这个神人) 绘制的这个动态图形很好地说明了设计师的工作过程与设计价值。竖线左侧，是简单和轻量，竖线右侧是繁重和复杂。好的设计师一直在为用户驯服产品的复杂性，他们使极其复杂的技术显得简单易用。

有很多时候，产品经理会直接提出他们的“设计需求”：我需要在这个页面加一个弹窗，弹窗的文案是 blabla。作为设计师，我们不能只看到冰山一角。这个需求看上去确实是一个“小需求”，如果在这样的项目中你没有思考虚线右侧的部分，那么很遗憾，你并不是一个合格的 UX 设计师。

三、“小项目”可能其实并不小 在相对成熟的互联网产品工作中，没有那么多惊天动地的大项目等着我们闪亮登场，反而小项目是我们的日常，占据了 80%的时间。

做设计管理几年来，会被老板找、被用户骂的大部分设计问题，也都出现在这种乍看上去琐碎的日常小项目上，如果在这种小项目上出现的问题过多，大家也会觉得设计团队的工作没有做好。

有些看上去简单的小设计，对业务和用户的影响确实很直接的。举个栗子：

产品经理希望我们设计师为产品的 IM 消息增加已读状态，设计师按照飞书的做法，在消息气泡前面增加了一个圆圈和对号的符号，用来表示未读或已读。因为我们公司一直以来都用飞书来办公，所以一开始我们也没有觉得这个方案有什么不妥，也就没有深究这个“小细节”。

上线之后，我们很快收到了用户反馈，很多用户表示完全搞不懂那个圆圈和对号是什么意思。猎头用户通过 IM 消息向候选人频繁发送消息，因为大部分候选人都不能及时回复，但是一直看到消息后面有一个圆圈，就搞不懂是啥意思。因为用户很在意用户对消息的反馈，所以不仅搞不懂，还产生了误读。

有用户反馈说：“我发出去的消息都会显示一个圆圈，这是消息没发送成功的意思吗？”

还有人不理解：“那个绿色的对勾，是发送成功的意思还是已读的意思呢？”

一个小项目的小细节，给用户带来了比较大的困扰，成为了体验上的一个痛点。

我们分析看看，飞书用户为什么可以接受这个设计，而猎聘的用户就不行？因为在办公场景下消息的回复较为及时，并且飞书群聊场景较为普遍，在圆圈与对号之间还有一个饼图的已读进度，来教育用户。而在低频操作的招聘场景则比较难让用户理解。

虽然这个小图标的设计体量很小，但是他的出现频次非常高、影响面非常大，对用户而言也就是重要的体验触点。所以不能因为接到需求后看上去工作量很小，就认为是个不重要的小事情，从而掉以轻心。

四、能把小项目都做好，就特别不简单 并不是只有大改版才能体现设计价值，把小需求、小问题处理好，同样创造用户价值。并且把日常的每件小事都坚持做好，要比偶尔干一件大事还要难。

以一个头像上传组件为例，这看上去是一个特别小的事情。

从交互流程上拆解看下， 上传前——上传——裁切/编辑——预览——完成上传等多个步骤。并且这几个步骤中间都有很多交互细节和异常情况需要注意。把这些设计细节都做到最好，很多从业5年以上的设计师可能也没有把握。

所以如果你是从业 1-5 年的 UX/交互/UI 设计师，建议在整理作品集的时候，一定要先通过自己的案例讲清楚自己的小项目执行能力。其次，再去追求大框架、大项目、大格局。

五、敬畏每一个设计细节 敬畏每一个设计细节，是成为优秀设计师的一项基本的设计价值观

有同学找我聊天，他觉得反复调整一些设计细节并没有对整体大的设计效果并没有多少提升，不如把这些反复修改细节的时间来思考其他更重要的问题。

设计的细节重要吗？

设计的细节不重要吗？

一个团队的设计师是否重视每一个设计细节，通过观察这样的现象，可以看到这个团队的设计文化。

曾经有一段时间，我认为在某些项目上（尤其是“年轻化”方向的视觉设计），设计的想法大于设计执行的完整度，鼓励大家进行设计创新、在创意和设计发散阶段多花一些时间。现在想来，也许我是错的。

想法和执行孰重孰轻，不好一概而论，但如果“执行没有想法重要”这样的想法，成为了一个设计团队的共识，那么将会带来非常大的负面影响。大家会忽视细节，容忍执行层面的疏漏，在需要设计深入时浅尝辄止，不再做深入的尝试和研究。最终很有可能导致想法轻飘、执行拉垮的结局。

虽然没在美团工作过，但美团工作文化中有一点我听闻后我特别欣赏，他们叫做“苦练基本功”。

在这样的工作文化的引导下，设计团队会不断考究每一个设计细节，会在意每一个设计文件上对齐细节是否没有做到位，会在意一个小图标背后的设计逻辑的合理性，会推敲每个小项目的设计方案如何达到最佳。

所以我觉得，敬畏每一个设计细节，是成为优秀设计师的一项基本的设计价值观；重视每一个设计细节，也应该成为一个优秀设计团队的设计文化。与其去追求一些大项目，但又只能做个表面功夫，还不如去认真对待每个小项目，把小项目做深。

共勉。

欢迎关注作者微信公众号：「柴林的设计笔记」

编者按：包豪斯学院是如何教书育人的？他们的课程有哪些特色？为何能培育出这么多大师，影响现代世界设计史百年？

编者按： 包豪斯 学院是如何教书育人的？他们的课程有哪些特色？为何能培育出这么多大师，影响现代世界 设计史 百年？本文为你一一揭秘。

本期来聊包豪斯，某程度而言，包豪斯就是现代主义设计风格的代名词。

包豪斯的德语原文是“Bauhous”，这个名词由创始人 格罗皮乌斯 自创，“bau”是德文“建筑”的意思，“haus”则是德文“房子”的意思。

设计界梁朝伟—格罗皮乌斯

关于格罗皮乌斯的故事：

用一篇超全面文章，帮你了解包豪斯创始人的前世今生 适逢今年是包豪斯诞生100周年，我们来谈谈包豪斯背后那个男人，就是创始人——瓦尔特·格罗皮乌斯先生（Walter Gropius）。

阅读文章 >

所以很多人曾误会包豪斯是一个研究怎么建房子为主的学院，格罗皮乌斯后来曾经专门解释过“haus”是指一个“新的设计体系“，所以包豪斯的主旨与初衷是建立一种新的设计体系。

一、初生之虎 包豪斯在 1919 年正式成立，前身其实是两所本地美术学校，这两所学校分别叫“魏玛艺术学院“与”魏玛工艺美术学院“。

这两所学校的创始人是前面分享过，属于“制造同盟”联合创始人，猛龙过江的比利时设计师亨利·凡·德·威尔德，他在 1906 年时候受魏玛公爵邀约组建了这两所学校。

亨利·凡·德·威尔德

1918 年第一次世界大战结束后，因为德国政府迫切需要追求一种理性、经济、符合实际的设计文化，希望从教育着手，因此形成新型教育学院诞生的机会。

当时威尔德因为比利时国籍在战后比较敏感，被迫离开德国，临走时他举荐了三位接班人来继任学院老大，分别有赫尔曼·奥伯里斯特、奥古斯特·恩戴尔（August Endell）及格罗皮乌斯。

魏玛时期的包豪斯校舍

最后格罗皮乌斯因为综合实力过硬，根正苗红，并且理念与政府非常一致而获得任命。

1919 年时候恰好也是魏玛共和国（当时德国政权）元年，魏玛市成为德国首都，所以包豪斯与魏玛政府同岁。

刚刚建立的包豪斯在方向上比较迷惘与摇摆，原因在于创始人格罗皮乌斯对于机械化生产态度迟疑。

他曾经参与过第一次世界大战并且负过重伤，亲历过机械化武器的可怕，留下深刻阴影。

一战中的格罗皮乌斯

所以他虽然向政府阐释包豪斯的合理性时候表示对工业生产支持，但内心却有一种乌托邦想法，就是希望包豪斯拥抱手工艺传统，但又希望能批量化生产，因而显得很矛盾。

除了发展方向，初生的包豪斯还需要解决很多现实问题，比如穷。

隔着屏幕都感受到穷的气质

那时候学院非常缺乏经费，政府提供的资金连基本生活条件都难满足，比方没有宿舍，只能住在课室，白天大家上课，晚上桌子一挪走就打上地铺睡觉。

而且没有暖气供应，甚至饭也吃不饱，所以格罗皮乌斯作为校长除了学院日常管理工作还需要到处为包豪斯拉赞助，比方去城里游说富人捐款之类。

公关大使格罗皮乌斯

所以包豪斯初期在运营上显得特别艰难，但格罗皮乌斯还是满怀信心认为情况一定会好起来。

二、体制与特色 时间去到 1923 年，包豪斯走出懵懂期，而且相对没那么穷，学院整体风格也从最初的表现主义路径走向与苏联构成主义及荷兰风格派结合。

用一篇文章，帮你了解影响深远的苏联「构成主义」 上一回我们谈了 1914 年在英国诞生的先锋画派“漩涡主义”（Vorticism），这个画派就像如今的“快闪店”，来的快去得快，一战前忽然诞生，一战开打后快速消亡，留下为数极少的作品。

阅读文章 >

你可能不知道风格派，但你肯定见过他们的设计 前面我们详细谈过苏联的“构成主义”，其发展曾通过一些关键人物启发过今天的主题“风格派”。

阅读文章 >

包豪斯的晚会节目，服装自行设计

由此开启稳定的理性主义方向，强调为批量化与大生产而设计，早期那种类似“工艺美术运动”的行会浪漫主义思想基本消失，创立了更接近科学的设计教育方法。

搞钱才是人间清醒？聊聊美国的工艺美术运动 前面我们讲述了英国的工艺美术运动情况，包括“三位大神”与“四大行会”。

阅读文章 >

其中典型的创新有“工厂学徒制”，学生申请入学时必须先提供作业（类似面试工作时的考核课题），经过为期半年的基础教育。

包豪斯的实践工场

学习“造型色彩”、“材料研究”及“工厂原理与实习”，这称为“试读期”，类似如今找工作的试用期，如果基础教育考核不过关就会被“劝退”。

这样的体制一定程度保障了最后的人才输出。

完成了基础教育后，就有资格进入工作室，接受为期三年的学徒制教育，成绩合格可获得“技工证书”，优异者则可通过考试进入包豪斯的“研究部”。

包豪斯的课堂

这种制度形成了教学、研究与实践三位一体的现代设计教育模式，并奠定以解决问题为中心的设计教育目标。

同时，格罗皮乌斯还开始建立与企业厂家的密切联系，让学员可以体验理论如何联系实践，让学员参与实际生产的动手过程。

改变了以往艺术教育那种纯粹绘画雕塑的形式，为现代设计教育开创出新局面。

包豪斯的课堂

包豪斯一直是个规模不大的学校，学员最多的时候不过几百人，所以老师的数量也不多。

1923 年期间在校专门教授基础课的“形式导师”只有 9 位，都是画家、雕塑家、建筑师或者兼而有之，大伙都具有改革志向，所以能与包豪斯的理念融合。

包豪斯的明星团队

其中包括瑞士画家约翰·伊顿，美国画家里昂内·费宁格，德国雕塑家杰哈德·马克斯，德国画家、建筑师乔治·穆什，德国画家、雕塑家奥斯卡·施莱莫，瑞士画家保罗·克利，匈牙利画家莫霍里·纳吉及俄国画家瓦西里·康定斯基。

其中伊顿、克利及康定斯基为包豪斯的基础课作出了最大的贡献，这些基础课内容成为了往后 100 多年全球设计教育的主要内容框架。

包豪斯的教师

直到如今，我们都无法脱离这个“汤底”，可见其科学性与合理性。

三、包豪斯的基础课 包豪斯的基础课由平面与立体结构、材料研究及色彩研究三大部分构成。

基础课的主导人物是约翰·伊顿，在包豪斯刚刚成立的时候他就获得格罗皮乌斯的邀请。

年轻时期服饰正常的伊顿

此前他曾在日内瓦美术学院学习，深受德国表现主义画家阿道夫·菏泽的影响，去包豪斯之前就曾在维也纳办学，所以本身就有自己的一套教学理念。

每个学员都应该修基础课就是伊顿提出的建议，他有自己虔诚的拜火教信仰，穿着个性，衣服普遍自己设计，长期就一套黑色长袍，并且光头，回头率极高。

“得道“后的伊顿

他对于教学工作非常认真投入，基础课中要求学生必须通过严格视觉训练，还有对大自然敏锐的观察能力。

在素描教学中强调对特定材料，比方石头、木材及皮革能真实表达，在其教学原则中，理性分析是主要核心。

约翰伊顿的色彩作品

除了伊顿，克利及康定斯基的基础课程都建立在严格的理论体系基础上，对于技术的强调和理论的依据成为课程主要内容，两者相互协调。

从法学生到顶尖艺术家：抽象先驱瓦西里·康定斯基 瓦西里·康定斯基（Василий Кандинский，格里历1866年12月4日－1944年12月13日），画家和美术理论家。

阅读文章 >

克利及其作品

克利与康定斯基甚至就教学内容整理出版了自己的教材，克利出版了《速写教学法》，康定斯基则出版了《点线面》，他们更善于平面与立体形式的研究。

康定斯基

伊顿则喜欢将焦点放在色彩，他是世界上最早将孟塞尔 1912 年创立的色立体引入设计教学的人。

孟塞尔色立体

他坚信色彩是理性的，所以学员必须对色彩有科学认识才能运用自如。

那时候德国最重要的色彩理论专家是歌德，没错，就是那位写出《少年维特的烦恼》的大文豪， 他不但善于创作文学，同时是植物学、解剖学与色彩学方面的专家。

1810 年时候歌德曾出版过研究著作《色彩理论》，这本书里关于色彩的论述成为包豪斯当时教授色彩学的理论基础。

歌德及其出版的《色彩理论》

伊顿在此基础上进一步发展出自己的观点，比方认为色彩跟几何图形能有机关联，比方圆形、三角形与方形可以分别对应红色、黄色与蓝色。

所以其课堂练习都会将几何构成与色彩进行关联，同时还阐述色彩对人心理感受的影响，所以通过伊顿的教学，学生对色彩有明确认识，这种综合练习就变作平面构成与色彩构成。

伊顿的课堂有时候像宗教仪式

另外，包豪斯的课程重视动手实践能力，这种实践主要是手工制作类课程。

比方导师莫霍里纳吉会让大家使用纸张去制作椅子，使用现代材料制作抽象立体几何造型，这类课程就成为日后的“立体构成”。

当时包豪斯已经成立了自己的木工工场、陶瓷工厂及纺织工场，学员可以快速学以致用，从而更好内化知识。

包豪斯的纺织工场

于是乎，被全球大部分院校用于设计教学近百年的“三大构成”，就这样从包豪斯的伊顿、康定斯基等人手中奠定下来，这个体系直到如今仍然采用。

四、包豪斯风格特点 包豪斯风格就是标准的现代主义风格，风格特征是理性、简洁、功能主义、重视几何元素表现与抽象概括能力。

包豪斯设计的国际象棋

严格而言，这种风格并非完全由包豪斯创立，而是从 “制造同盟”（这个组织有多种翻译，分别是“德意志制造同盟”、“德国工作同盟”及“德国工业同盟”，均指同一个组织）的彼得贝伦斯时期就初步形成。

我们多次说过，彼得贝伦斯曾是格罗皮乌斯的老板，也是格罗皮乌斯的第一位商业设计导师。

1909 年时候贝伦斯的公司曾服务于德国 AEG 电器公司，为其设计出世界第一套 VI 系统，世界第一个现代风格厂房，有“玻璃幕墙”结构，但仍旧保留墙承力。

贝伦斯为 AEG 设计的厂房

同时还为 AEG 设计出一批非常现代化的电器产品，其中包括时钟、风扇、电水壶等等。

贝伦斯为 AEG 设计的电风扇

这些设计已经有了现代主义设计风格的劲头，包豪斯其实首先继承并深化了这种风格。

所以贝伦斯才会被称为“现代设计之父”，这些故事在已出版书籍「设计大师启示录」已有专门讲述。

其次，包豪斯的设计思想核心在于民主与大众化，这种特点来自创始人格罗皮乌斯的人文主义思想，他希望让设计更彻底服务大众，让平民大众能消费起好的设计。

这种思想符合当时批量化生产高速发展的背景，这种思想体现在包豪斯的建筑、家具、产品及平面设计中，有标准化、可批量化与去装饰化等特点。

包豪斯的产品设计

包豪斯风格除了发挥德国本土“制造同盟”的现代主义风格外，也揉合了来自荷兰的“风格派”与来自苏联的“构成主义”。

包豪斯的家具设计

这种揉合有赖于当时欧洲国家之间的文化艺术交流与及包豪斯相关教师的聘请，比方杜斯伯格与莫霍里纳吉等都是关键人物。

构成主义及风格派相关起源特点我们将会在后面详细讲述，这三者被称为“现代主义的三驾马车”，彼此相互补充与完善。

本期分享先到此结束，感谢各位，我们下期再会！

欢迎关注作者的微信公众号「设计史太浓」：

编者按：包豪斯学院是如何教书育人的？他们的课程有哪些特色？为何能培育出这么多大师，影响现代世界设计史百年？

编者按： 包豪斯 学院是如何教书育人的？他们的课程有哪些特色？为何能培育出这么多大师，影响现代世界 设计史 百年？本文为你一一揭秘。

本期来聊包豪斯，某程度而言，包豪斯就是现代主义设计风格的代名词。

包豪斯的德语原文是“Bauhous”，这个名词由创始人 格罗皮乌斯 自创，“bau”是德文“建筑”的意思，“haus”则是德文“房子”的意思。

设计界梁朝伟—格罗皮乌斯

关于格罗皮乌斯的故事：

用一篇超全面文章，帮你了解包豪斯创始人的前世今生 适逢今年是包豪斯诞生100周年，我们来谈谈包豪斯背后那个男人，就是创始人——瓦尔特·格罗皮乌斯先生（Walter Gropius）。

阅读文章 >

所以很多人曾误会包豪斯是一个研究怎么建房子为主的学院，格罗皮乌斯后来曾经专门解释过“haus”是指一个“新的设计体系“，所以包豪斯的主旨与初衷是建立一种新的设计体系。

一、初生之虎 包豪斯在 1919 年正式成立，前身其实是两所本地美术学校，这两所学校分别叫“魏玛艺术学院“与”魏玛工艺美术学院“。

这两所学校的创始人是前面分享过，属于“制造同盟”联合创始人，猛龙过江的比利时设计师亨利·凡·德·威尔德，他在 1906 年时候受魏玛公爵邀约组建了这两所学校。

亨利·凡·德·威尔德

1918 年第一次世界大战结束后，因为德国政府迫切需要追求一种理性、经济、符合实际的设计文化，希望从教育着手，因此形成新型教育学院诞生的机会。

当时威尔德因为比利时国籍在战后比较敏感，被迫离开德国，临走时他举荐了三位接班人来继任学院老大，分别有赫尔曼·奥伯里斯特、奥古斯特·恩戴尔（August Endell）及格罗皮乌斯。

魏玛时期的包豪斯校舍

最后格罗皮乌斯因为综合实力过硬，根正苗红，并且理念与政府非常一致而获得任命。

1919 年时候恰好也是魏玛共和国（当时德国政权）元年，魏玛市成为德国首都，所以包豪斯与魏玛政府同岁。

刚刚建立的包豪斯在方向上比较迷惘与摇摆，原因在于创始人格罗皮乌斯对于机械化生产态度迟疑。

他曾经参与过第一次世界大战并且负过重伤，亲历过机械化武器的可怕，留下深刻阴影。

一战中的格罗皮乌斯

所以他虽然向政府阐释包豪斯的合理性时候表示对工业生产支持，但内心却有一种乌托邦想法，就是希望包豪斯拥抱手工艺传统，但又希望能批量化生产，因而显得很矛盾。

除了发展方向，初生的包豪斯还需要解决很多现实问题，比如穷。

隔着屏幕都感受到穷的气质

那时候学院非常缺乏经费，政府提供的资金连基本生活条件都难满足，比方没有宿舍，只能住在课室，白天大家上课，晚上桌子一挪走就打上地铺睡觉。

而且没有暖气供应，甚至饭也吃不饱，所以格罗皮乌斯作为校长除了学院日常管理工作还需要到处为包豪斯拉赞助，比方去城里游说富人捐款之类。

公关大使格罗皮乌斯

所以包豪斯初期在运营上显得特别艰难，但格罗皮乌斯还是满怀信心认为情况一定会好起来。

二、体制与特色 时间去到 1923 年，包豪斯走出懵懂期，而且相对没那么穷，学院整体风格也从最初的表现主义路径走向与苏联构成主义及荷兰风格派结合。

用一篇文章，帮你了解影响深远的苏联「构成主义」 上一回我们谈了 1914 年在英国诞生的先锋画派“漩涡主义”（Vorticism），这个画派就像如今的“快闪店”，来的快去得快，一战前忽然诞生，一战开打后快速消亡，留下为数极少的作品。

阅读文章 >

你可能不知道风格派，但你肯定见过他们的设计 前面我们详细谈过苏联的“构成主义”，其发展曾通过一些关键人物启发过今天的主题“风格派”。

阅读文章 >

包豪斯的晚会节目，服装自行设计

由此开启稳定的理性主义方向，强调为批量化与大生产而设计，早期那种类似“工艺美术运动”的行会浪漫主义思想基本消失，创立了更接近科学的设计教育方法。

搞钱才是人间清醒？聊聊美国的工艺美术运动 前面我们讲述了英国的工艺美术运动情况，包括“三位大神”与“四大行会”。

阅读文章 >

其中典型的创新有“工厂学徒制”，学生申请入学时必须先提供作业（类似面试工作时的考核课题），经过为期半年的基础教育。

包豪斯的实践工场

学习“造型色彩”、“材料研究”及“工厂原理与实习”，这称为“试读期”，类似如今找工作的试用期，如果基础教育考核不过关就会被“劝退”。

这样的体制一定程度保障了最后的人才输出。

完成了基础教育后，就有资格进入工作室，接受为期三年的学徒制教育，成绩合格可获得“技工证书”，优异者则可通过考试进入包豪斯的“研究部”。

包豪斯的课堂

这种制度形成了教学、研究与实践三位一体的现代设计教育模式，并奠定以解决问题为中心的设计教育目标。

同时，格罗皮乌斯还开始建立与企业厂家的密切联系，让学员可以体验理论如何联系实践，让学员参与实际生产的动手过程。

改变了以往艺术教育那种纯粹绘画雕塑的形式，为现代设计教育开创出新局面。

包豪斯的课堂

包豪斯一直是个规模不大的学校，学员最多的时候不过几百人，所以老师的数量也不多。

1923 年期间在校专门教授基础课的“形式导师”只有 9 位，都是画家、雕塑家、建筑师或者兼而有之，大伙都具有改革志向，所以能与包豪斯的理念融合。

包豪斯的明星团队

其中包括瑞士画家约翰·伊顿，美国画家里昂内·费宁格，德国雕塑家杰哈德·马克斯，德国画家、建筑师乔治·穆什，德国画家、雕塑家奥斯卡·施莱莫，瑞士画家保罗·克利，匈牙利画家莫霍里·纳吉及俄国画家瓦西里·康定斯基。

其中伊顿、克利及康定斯基为包豪斯的基础课作出了最大的贡献，这些基础课内容成为了往后 100 多年全球设计教育的主要内容框架。

包豪斯的教师

直到如今，我们都无法脱离这个“汤底”，可见其科学性与合理性。

三、包豪斯的基础课 包豪斯的基础课由平面与立体结构、材料研究及色彩研究三大部分构成。

基础课的主导人物是约翰·伊顿，在包豪斯刚刚成立的时候他就获得格罗皮乌斯的邀请。

年轻时期服饰正常的伊顿

此前他曾在日内瓦美术学院学习，深受德国表现主义画家阿道夫·菏泽的影响，去包豪斯之前就曾在维也纳办学，所以本身就有自己的一套教学理念。

每个学员都应该修基础课就是伊顿提出的建议，他有自己虔诚的拜火教信仰，穿着个性，衣服普遍自己设计，长期就一套黑色长袍，并且光头，回头率极高。

“得道“后的伊顿

他对于教学工作非常认真投入，基础课中要求学生必须通过严格视觉训练，还有对大自然敏锐的观察能力。

在素描教学中强调对特定材料，比方石头、木材及皮革能真实表达，在其教学原则中，理性分析是主要核心。

约翰伊顿的色彩作品

除了伊顿，克利及康定斯基的基础课程都建立在严格的理论体系基础上，对于技术的强调和理论的依据成为课程主要内容，两者相互协调。

从法学生到顶尖艺术家：抽象先驱瓦西里·康定斯基 瓦西里·康定斯基（Василий Кандинский，格里历1866年12月4日－1944年12月13日），画家和美术理论家。

阅读文章 >

克利及其作品

克利与康定斯基甚至就教学内容整理出版了自己的教材，克利出版了《速写教学法》，康定斯基则出版了《点线面》，他们更善于平面与立体形式的研究。

康定斯基

伊顿则喜欢将焦点放在色彩，他是世界上最早将孟塞尔 1912 年创立的色立体引入设计教学的人。

孟塞尔色立体

他坚信色彩是理性的，所以学员必须对色彩有科学认识才能运用自如。

那时候德国最重要的色彩理论专家是歌德，没错，就是那位写出《少年维特的烦恼》的大文豪， 他不但善于创作文学，同时是植物学、解剖学与色彩学方面的专家。

1810 年时候歌德曾出版过研究著作《色彩理论》，这本书里关于色彩的论述成为包豪斯当时教授色彩学的理论基础。

歌德及其出版的《色彩理论》

伊顿在此基础上进一步发展出自己的观点，比方认为色彩跟几何图形能有机关联，比方圆形、三角形与方形可以分别对应红色、黄色与蓝色。

所以其课堂练习都会将几何构成与色彩进行关联，同时还阐述色彩对人心理感受的影响，所以通过伊顿的教学，学生对色彩有明确认识，这种综合练习就变作平面构成与色彩构成。

伊顿的课堂有时候像宗教仪式

另外，包豪斯的课程重视动手实践能力，这种实践主要是手工制作类课程。

比方导师莫霍里纳吉会让大家使用纸张去制作椅子，使用现代材料制作抽象立体几何造型，这类课程就成为日后的“立体构成”。

当时包豪斯已经成立了自己的木工工场、陶瓷工厂及纺织工场，学员可以快速学以致用，从而更好内化知识。

包豪斯的纺织工场

于是乎，被全球大部分院校用于设计教学近百年的“三大构成”，就这样从包豪斯的伊顿、康定斯基等人手中奠定下来，这个体系直到如今仍然采用。

四、包豪斯风格特点 包豪斯风格就是标准的现代主义风格，风格特征是理性、简洁、功能主义、重视几何元素表现与抽象概括能力。

包豪斯设计的国际象棋

严格而言，这种风格并非完全由包豪斯创立，而是从 “制造同盟”（这个组织有多种翻译，分别是“德意志制造同盟”、“德国工作同盟”及“德国工业同盟”，均指同一个组织）的彼得贝伦斯时期就初步形成。

我们多次说过，彼得贝伦斯曾是格罗皮乌斯的老板，也是格罗皮乌斯的第一位商业设计导师。

1909 年时候贝伦斯的公司曾服务于德国 AEG 电器公司，为其设计出世界第一套 VI 系统，世界第一个现代风格厂房，有“玻璃幕墙”结构，但仍旧保留墙承力。

贝伦斯为 AEG 设计的厂房

同时还为 AEG 设计出一批非常现代化的电器产品，其中包括时钟、风扇、电水壶等等。

贝伦斯为 AEG 设计的电风扇

这些设计已经有了现代主义设计风格的劲头，包豪斯其实首先继承并深化了这种风格。

所以贝伦斯才会被称为“现代设计之父”，这些故事在已出版书籍「设计大师启示录」已有专门讲述。

其次，包豪斯的设计思想核心在于民主与大众化，这种特点来自创始人格罗皮乌斯的人文主义思想，他希望让设计更彻底服务大众，让平民大众能消费起好的设计。

这种思想符合当时批量化生产高速发展的背景，这种思想体现在包豪斯的建筑、家具、产品及平面设计中，有标准化、可批量化与去装饰化等特点。

包豪斯的产品设计

包豪斯风格除了发挥德国本土“制造同盟”的现代主义风格外，也揉合了来自荷兰的“风格派”与来自苏联的“构成主义”。

包豪斯的家具设计

这种揉合有赖于当时欧洲国家之间的文化艺术交流与及包豪斯相关教师的聘请，比方杜斯伯格与莫霍里纳吉等都是关键人物。

构成主义及风格派相关起源特点我们将会在后面详细讲述，这三者被称为“现代主义的三驾马车”，彼此相互补充与完善。

本期分享先到此结束，感谢各位，我们下期再会！

欢迎关注作者的微信公众号「设计史太浓」：

AI画画，无疑是当下最火热的话题之一。彩云这段时间也抽空研究了下用 AI画画，在创作的过程中发现 AI 真的很强大，给了我很多惊喜。下面这些图就是我用 AI 创作的作品，初次用 AI 作画在还不是很熟练的情况就感觉就已经画的还不错了，至少比我自己画的要好，简直是像我这种手残党的救星了，AI 作画让每个人都有成为艺...

AI画画，无疑是当下最火热的话题之一。彩云这段时间也抽空研究了下用 AI画画 ，在创作的过程中发现 AI 真的很强大，给了我很多惊喜。下面这些图就是我用 AI 创作的作品，

初次用 AI 作画在还不是很熟练的情况就感觉就已经画的还不错了，至少比我自己画的要好，简直是像我这种手残党的救星了，AI 作画让每个人都有成为艺术家的可能性。

今天这篇文章主要会讲到我研究过的几个平台的使用经验及教程，非常干货，带你快速入门 AI 作画，记得点赞收藏，赶紧把 AI 创作学起来。

更多 AI绘画 平台介绍：

人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器 大家好，我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。

阅读文章 >

AI绘图神器Dream studio又出黑科技！以图绘图、智能改图终于来啦 大家好，这里是和你们聊设计的花生~ 8 月的时候向大家推荐了一款 AI 图像生成工具 Dream Studio。

阅读文章 >

我目前大概尝试了 4 个 AI 作画平台，分别是：Midjourney、Disco Diffusion、Stable Diffusion、百度文心。

一、Midjourney 网站链接： https://www.midjourney.com/home

Midjourney 是托管在 Discord 服务器上的 AI 作画工具，先讲这个工具是因为它对于初学者非常友好，使用上非常简单，生成的图片质量高，速度快。对于想对 AI 作画入门的同学来说，我个人觉得应该是首选了。目前我觉得它唯一的缺点就是需要付费，不过前期作为实验，大概能免费生成几十张图片，想玩一玩的朋友我觉得足够了。

这里放一些大佬用这个工具创作的优秀作品，太好看了。

下面分享下快速使用的教程

1. 用 Google 浏览器，打开 Midjourney 官网，加入演示版

2. 进入到 discord，随便选择一个新加入用户的分组。你应该能看到很多人在群组里不断生成新的 AI 图片，此时你其实已经可以在这里开始你自己的 AI 作画了。

但如果在这里发的话，生成的图片很容易被消息冲走。所以，我建议你可以创建一个子房间，然后在属于自己的子房间里进行创作，虽然这个房间仍然是公开的，但其实大概率不会有人来，你可以安静的画画了。如何创建子房间呢？

3. 新建一个子房间。点右上角的子区图标，然后点创建

在新子区属于一个房间名，并且随便打一段话，然后就可以在左边看到自己创建的子房间了。（这里有个我踩过的坑，就是你创建一个子房间后一定要发条信息，类似于微信拉群后要发个信息，群才能被激活一样，不然你还是看不到自己的房间）

这样你就可以得到一个属于自己的全新房间，当然别人也可以进来，只是会比较安静，输入的信息不容易被冲走

4. 有了子房间后就可以正式开始作画了。这一步是 AI 作画最核心的地方，从输入这里点+号可以上传图片给 AI 作参考，生成的图跟自己想的可能不一样，但也比较相似，只是这样用的人不多，更多的还是通过关键词还生成。

一般用第一个 imagine，然后输入关键词

可能一开始的时候会对生成的图片有疑惑，这里我也简单解释下，每次生成的图片下面的数字编号是从左到右，从上到下这样的顺序。U 和 V 的意思分别是放大添加细节 upscales (U) ，按构图重新计算 variations (V)。

再次生成图片后底部有几个功能，分别是重新做变化、细节尺寸放大、降噪处理、增加细节处理和重置效果。

5. 如果你一开始不知道输入什么关键词才好，我建议你可以直接到 Midjourney 官网的大佬专区（ https://www.midjourney.com/showcase ）参考大佬的关键词，或者在其他房间参考别人的关键词，也可以利用谷歌翻译把自己想说的按照下面的公式翻译后出图，关键词尽量具体，AI 出图也会更加具体。

6. 这里分享一个我从油管上一位大佬学到的关键词公式：

主体内容+气氛灯光色彩+构图+风格参考

主体内容

宇宙飞船 一艘/一群 宇宙飞船 一艘 卡通风格的 宇宙飞船 一艘 类似使命召唤 废土风格的 宇宙飞船 爆炸了 一艘 类似使命召唤 废土风格的 宇宙飞船 在空中时 爆炸了 +加入环境

周围是一群红色的/蓝色的小型飞行器 背景是一片沙漠/城市 背景是一片 被遗弃的 古代城市 随处可见高耸的工业塔 +加入气氛

雾蒙蒙的、烈日下、恐怖的、风暴席卷的

+加入灯光

顶光的、雾气光、漫反射的、强对比的

+加入色彩（色彩三要素）

低饱和度的、颜色鲜艳的、花里胡哨的、强反射的、主色调、某种颜色是主色

+加入构图

黄金分割的、三分法的、电影镜头式的、广角的、鸟瞰图

+加入风格参考

超清细节的、照片级别的、写实的、抽象的、2D/3D、4K\8K、数字雕刻的、概念艺术的、建筑设计、水墨草稿、水彩风的、海报风的、某个软件（blender/zbrush/octane render/unreal engine）、某个电影/游戏、某个艺术家、某个艺术平台

7. 另外，还有些进阶小技巧就是，你可以单独设置一些分辨率

图片比例 Xxxx —ar16:9

甚至是图片中的元素权重，更多的规则大家可以去看官方写的规范，非常全了，我这里就不过多赘述了 https://midjourney.gitbook.io/docs

二、Disco Diffusion 网站链接： https://colab.research.google.com/github/alembics/disco-diffusion

这个 AI 工具优势就是代码开源，适合二次开发，搞 AI 作画也就都是免费的，但免费的同时缺点也比较明显，速度比较慢，第一次使用会有些门槛，需要配置一些参数。

分享几张用用这个算法生成的优秀作品，大家也可以跟前面的作品效果进行对比

我这里也分享下我在使用过程中的一些关键配置教程

这里看似需要设置很多参数，但实际上把主要设置收起来发现需要设置的其实不会很多，咱们一项一项来

1. set up

设置分配的服务器，要选择到 T4，速度最快。如果发现分配的不对，可以点击代码执行程序，点终止，然后重新运行分配

2. Settings

设置一些 AI 图片生成的参数，这个算法生成的图片会保存在谷歌云盘里，所以你需要有一个谷歌账号，然后设置存放的文件夹名称。

在 Extra settings 中设置 intermedite_saves 中设置存多少过程图，一般看最终结果就行，设置为 0。

在 prompts 设置关键词，这个设置也就是 AI 作图的灵魂，优秀作品就是通过这个关键词生成的。因为这里本质上是程序语言，所以一定要注意语法正确，如果写错的话，会有波浪线和黑体字提示。

3. Diffuse

设置画多少步给你看一次图，初次使用的话，保持默认就行。

4. 开始绘画

设置完成后，点程序上的运行

在第一次画的时候时间会比较久，第二次开始的时候，就可以直接从关键词的地方开始运行，会快很多。补一个非常详细的教程 https://www.youtube.com/watch?v=w7B1rfhnqY8

三、Stable Diffusion 这个算法下有 2 个产品，我体验过，操作非常简单就不写具体教程，基本有手就会，这里就简单分享下。

几张用这个算法生成的作品

一个是 hugging（ https://huggingface.co/spaces/PaddlePaddle/ERNIE-ViLG ），这个是一个免费的生成工具，是一位大佬用自己的服务器搭建的，使用上非常简单，无需任何配置，但生产的图片质量不大高。

另一个是 Dreamstudio（ https://beta.dreamstudio.ai/dream ），这个用法上也非常简单，大家也都应该是打开网站就会用了，值得注意的是这个网站其实也是付费的，只是一开始会给你一些积分。如果你的积分消耗完了，它就必须得付费才能继续使用。

四、百度文心 网站链接： https://wenxin.baidu.com/moduleApi/ernieVilg

最后再分享一个就是百度的文心 AI 作图工具，这个工具我初步体验了下，生成的图片感觉质量都不大高的样子。由于这个生成速度很慢，而且初次使用生成的图不大好，我就没继续研究了。

也分享几张官方放出来的优秀作品，感兴趣的也可以研究研究。

五、如何利用好 AI 作画工具呢？ AI 作画已经成为当下最热门的趋势，作为 设计师 的我们要如何利用好这个新技术呢？我觉得至少有 3 点：

创意发散，可以利用脑暴关键词生成参考图 零碎时间充分利用。边输出边干活，因为出图较慢，建议中间穿插着去做别的事，不然等起来会有些焦虑 成为 AI 艺术家。如果你已经精通关键词训练，手残党也完全有机会成为艺术家了，但前提是你还得必须提升自己的审美，毕竟 AI 作图的瓶颈还是在于你的审美水平。 最后 我记得在今年年初的时候，AI 画出来的图连人的五官都不是太好，生成感明显，但经过不到 1 年时间的自我学习进化，现在已经比很多人的绘画能力强很多，甚至大有能超越一些专业原画师的水平的趋势。

照这种发展趋势下去，据说部分原画师已经开始为自己的前途担忧了，这个曾经觉得最不可能被取代的岗位，现在也似乎有了危机感。这个时候，我们似乎都需要思考，作为人来说还有哪些能力是最后的倔强呢？有点细思极恐了。

更多AI设计工具：

又一个AI黑科技！无缝连续纹理贴图生成神器Ponzu 大家好 ，这里是 设计神器 挖掘前线记者花生为您发回的实时报道 ~ 现如今人工智能发展迅速，各种 AI 工具层出不穷。

阅读文章 >

欢迎关注作者的微信公众号：「彩云译设计」

电商设计圈内卷究竟有多严重？看完今年双 11 各大店铺的设计就明白了，上周刚发过今年双 11 的预售页面合集，没看过的同学可以看看。今年双11预售页面都太炸了！

电商设计 圈内卷究竟有多严重？

看完今年双 11 各大店铺的设计就明白了，上周刚发过今年双 11 的预售页面合集，没看过的同学可以看看。

今年双11预售页面都太炸了！特别是这17家！ 刚从国庆长假缓过劲来，双 11 又来了！

阅读文章 >

今天再一起看看，各大店铺的双 11 开门红页面是怎么卷的：

黄老五食品旗舰店 | 手绘功底很强啊！

全友家居官方旗舰店 | 创意不错

英氏婴童洗护旗舰店 | 看动画片喽

卡贝锁具旗舰店 | 强烈的视觉冲击力

三只松鼠旗舰店 | 荡着秋千就来了

贡牌茶叶旗舰店 | 材质质感不错

刺猬阿甘旗舰店 | 跟着小刺猬逛盛会

认养一头牛旗舰店 | 魔法牛牛

老金磨方旗舰店 | 很随意的动效

海底捞官方旗舰店 | 挺好吃

宝贝第一旗舰店 | 太古里裸眼 3D 来了

螺霸王食品旗舰店 | 拒绝不了的美食螺蛳粉

袋鼠妈妈旗舰店 | 很有爱

绿联数码旗舰店 | 看来设计师没少玩和平精英

babycare 旗舰店 | 又要上头了

三顿半旗舰店 | 不错

君乐宝旗舰店 | 被萌到了

享之美家居旗舰店 | 简单大方

wonderlab 旗舰店 | 创意同样来自游戏

十月稻田旗舰店 | 很开心

valdera 旗舰店 | 科技感十足

蒙牛旗舰店 | 出摊了

金领冠官方旗舰店 | 动效还不错

蔓斯菲尔旗舰店 | IP 形象很喜感

cogi 高姿旗舰店 | 帅帅的

洽洽食品官方旗舰店 | 造起来

碧生源药品旗舰店 | 文案不错

华光电器官方旗舰店 | 给人的感觉很舒服

shvyog 舒友阁旗舰店 | 霸气

植护旗舰店 | 感觉哪里见过

联合利华立顿旗舰店 | 镜头转的不错

蜀九香旗舰店 | 似曾相识

天虹牌食品旗舰店 | 简洁干净

暂且就放这么多吧！

更多 双11设计 ：

57组高手对决！今年的双11猫头海报太强了! Disney 迪士尼 能看出来是什么吗？

阅读文章 >

欢迎关注作者的 微信 公众号：「美工美邦」

编者按：搜索引擎是 Google 的主要服务之一，而 Google 在搜索的功能和体验上正在潜移默化地发生变化。Eric Chung 在 Google 的「Search On 22 」大会之后，梳理总结了最近 Google 在搜索引擎服务上的变化和调整：谷歌正在彻底改变搜索引擎的运作方式。搜索行为并不仅仅是简单的...

编者按： 搜索引擎 是 Google 的主要服务之一，而 Google 在搜索的功能和体验上正在潜移默化地发生变化。 Eric Chung 在 Google 的「Search On 22 」大会之后，梳理总结了最近 Google 在搜索引擎服务上的变化和调整：

谷歌 正在彻底改变搜索引擎的运作方式。

搜索行为并不仅仅是简单的提出问题找出答案。通常，人们在内心深处并没有具体的问题，而是对某个话题感兴趣，并且想深入探索这个问题，又或者他们可能正在学习一些没有明确答案的知识。

多亏了 TikTok 和 Instagram 等社交媒体平台，网络世界正在变得比过去任何时候都来的直观，更有互动性。越来越多的人试图通过多媒体来来寻找他们想要的东西，有时候简单的文本结果，并不总能贴合用户想要获取的媒体形式。

Google 这家科技巨头在他们的「Search On 22」的活动中，宣布了许多激动人心的设计，你会发现，Google 想要重塑搜索。

5000字干货！五大章节帮你掌握搜索设计 本文从搜索的基本属性与特征、搜索入口的样式及应用场景、常见的搜索方式、搜索流程状态解析和辅助模块/元素的妙用5个章节，帮你掌握搜索设计。

阅读文章 >

如何做好搜索设计？我总结了3个原则！ 搜索设计看似简单，展现形式上只有一个输入框和搜索按钮就可以了，但是里面隐藏了很多交互细节。

阅读文章 >

搜索的类型 在讨论 Google 如何重新调整搜索之前，我们先简单梳理一下基础的三类搜索类型，根据搜索动机将不同的搜索去分开：

导航性搜索：用户想要找到特定的网站站点，比如搜索 Medium 信息性搜索：用户心爱概要了解一些特定的信息和知识，比如「万圣节的起源」，或者寻找问题的答案，比如「通常人多大年纪会长出白头发」 交易性搜索：用户想要购买特定的商品或者服务，比如「购买 iPhone 14 pro」，也可能是较为宽泛的服务，比如「预订航班」 在确定了查询搜索类型之后，Google 将会决定哪些格式的媒体适合呈现对应的搜索结果，通常而言，Google 会将搜索条目划分为这些类型：

照片 短视频 长视频 评测文章 论坛 博客 消息 既然我们已经确定了用户搜索的原因和获取信息的类型，那么下面我们看看 Google 重塑搜索的方式。

强化视觉搜索：Google Lens 用户可以借助 Google Lens 来直接搜索截图和拍照中的内容，Google 可以检测图片当中的信息和内容，从而匹配出用户可能想要知道的内容。

比如，当用户提交的搜索内容是一条裙子的时候，Google 可能会假定用户本次搜索类型是「交易性」的，因为在此之前很多搜索裙子的用户多数正在寻找并购买裙子，因此，Google 在碰到这个图片搜索内容的时候，会相应地优先给用户匹配相关的购买链接。

另外一个案例是上传数学问题的图片，Google 将会自动从图片中提取相应的问题文本，并且显示答案或者有答案的链接。

Google Lens 的搜索结果将会根据图片的内容、可能的用户意图高度相关。

Google Lens 中的多重搜索 在 Google Lens 的搜索结果的基础上，Google 的人工智能将会进一步使用「多重搜索」来提供更加自然、更加直观的搜索方式。

用户可以通过在图片或者屏幕截图上额外添加文本内容来进行多重搜索，这种搜索逻辑模拟了大家在日常搜索结果出来之后，识别出其中特定的物品后，进行下一重的搜索。

即使你没有足够准确的词来描述图片中的内容的时候，多重搜索也很有用，Google 会提供给你它相关度最高的建议，来帮你进一步搜索，满足你的好奇心。

Google 地图的沉浸式体验 Google 认为图像搜索还不够，在 Google 地图上，他们还追加了沉浸式的体验。

用户喜欢在还没抵达目标地点之前，在地图上查看一下，比如要去一家餐厅吃饭之前，会查看一下这家店的 Instagram ，了解这家餐厅氛围和爆款菜式等等。

而 Google 地图通过沉浸式的视图，让这些地点不再只是一个地图上的位置，而是可以直接查看的具体场景，你甚至可以预览这个地点一天中不同时间不同天气状况下的景色，帮你更加准确地作出预期判断。

这种功能在允许的范围内为用户决策提供更多细节。

Google 会搜索论坛和话题 人们倾向于从他人那里获得建议和意见，而这些内容的获取来源可能是产品评测、体验报告、服务描述或者任何网上的论坛。

考虑到用户的这一倾向，Google 会有意识地从搜索结果中挑选出 「论坛和讨论」的部分，方便你从其他用户的线上讨论中获得有效信息。

如果你在网上搜索「大家庭中最好用的汽车」时候，除了各种包含这些关键词的网站结果之外，还会看到网络论坛中关于大家日常用车的讨论，大家对于各种车辆的体验，也包含一些具体的建议，比如使用厢式车型送几个孩子上学会更加方便，以及具体的体验。

如果你本身会在搜索关键词后面跟「Reddit」、「贴吧」、「知乎」这样的词汇来了解用户的实际体验，那么Google 在搜索结果中加入的「讨论和论坛」的模块几乎可以完美替代上述的搜索操作，直接一次到位地把结果呈现在你眼前。

Google 搜索中的「精选内容」 通常而言，用户借助搜索引擎获取有效信息的方式，是输入关键词，获得搜索结果，逐个链接打开，寻找有效内容，不过 Google 试图缩短这个链条，尽量提取有效内容，呈现为「精选内容」。

这种方式大大缩短了用户获取信息所花费的时间。「精选内容」的价值在用户使用语音搜索、移动端搜索的时候，能够更快获得答案。

当我们后台的系统发现这种样式能够更好的帮助用户获取内容的时候，它会自动呈现「精选内容」，无论这些信息是藏在链接描述中还是具体页面的内容中。

比如当用户搜索「如何发动汽车」的时候，页面会直接从相关度最高的页面当中提取出「精选内容」，也就是快速启动的方法步骤。

Google 的自动化系统会不停地根据之前用户的搜索内容和结果进行匹配，来优化「精选内容」的准确性和实用性。

挑战 Tiktok 垂直滚动切换的短视频内容，已经彻底接管了Z世代用户，而且这些内容已经不仅仅局限于跳舞和对口型了，很多用户开始选择通过 TikTok 来了解新鲜事物、学习知识、了解其他人的生活和精力，探索外部世界。

事实上，TikTok 已经演变成为很多用户和品牌之间的桥梁，内容创作者可以在 TikTok 上宣传品牌，推广产品，构建自身影响力，而 TikTok 也逐渐演变成为发现、决策、购买、讨论、参与的无限循环流程。

根据 TikTok 的报告，49%的用户使用它来发现新鲜事物，35% 的用户使用它来进行学习和自我提升。

「在我们的研究当中，大约 40% 的年轻人在决定午餐去哪吃的时候不会上 Google，而是去看 TikTok 和 Instagram。」

——Prabhakar Raghavan，谷歌高级副总裁

可以肯定的说，用户生产的短视频内容，成为了越来越多用户生产和获取信息的新方式。

基于这些已有的数据，Google 在 2021 年也借助成熟的 Youtube 平台推出了端视频服务 Shorts，借助足够庞大的用户基数和 TikTok 分庭抗礼。截至 2022 年，Youtube Shorts 的日观看数已经超过 10 亿，在数据上来看，已经是 TikTok 的竞争对手了。

写在结尾 通过识别新趋势并且有针对性地增强功能，Google 正在试图突破传统的功能局限，拓宽搜索的边界。

AI画画，无疑是当下最火热的话题之一。彩云这段时间也抽空研究了下用 AI画画，在创作的过程中发现 AI 真的很强大，给了我很多惊喜。下面这些图就是我用 AI 创作的作品，初次用 AI 作画在还不是很熟练的情况就感觉就已经画的还不错了，至少比我自己画的要好，简直是像我这种手残党的救星了，AI 作画让每个人都有成为艺...

AI画画，无疑是当下最火热的话题之一。彩云这段时间也抽空研究了下用 AI画画 ，在创作的过程中发现 AI 真的很强大，给了我很多惊喜。下面这些图就是我用 AI 创作的作品，

初次用 AI 作画在还不是很熟练的情况就感觉就已经画的还不错了，至少比我自己画的要好，简直是像我这种手残党的救星了，AI 作画让每个人都有成为艺术家的可能性。

今天这篇文章主要会讲到我研究过的几个平台的使用经验及教程，非常干货，带你快速入门 AI 作画，记得点赞收藏，赶紧把 AI 创作学起来。

更多 AI绘画 平台介绍：

人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器 大家好，我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。

阅读文章 >

AI绘图神器Dream studio又出黑科技！以图绘图、智能改图终于来啦 大家好，这里是和你们聊设计的花生~ 8 月的时候向大家推荐了一款 AI 图像生成工具 Dream Studio。

阅读文章 >

我目前大概尝试了 4 个 AI 作画平台，分别是：Midjourney、Disco Diffusion、Stable Diffusion、百度文心。

一、Midjourney 网站链接： https://www.midjourney.com/home

Midjourney 是托管在 Discord 服务器上的 AI 作画工具，先讲这个工具是因为它对于初学者非常友好，使用上非常简单，生成的图片质量高，速度快。对于想对 AI 作画入门的同学来说，我个人觉得应该是首选了。目前我觉得它唯一的缺点就是需要付费，不过前期作为实验，大概能免费生成几十张图片，想玩一玩的朋友我觉得足够了。

这里放一些大佬用这个工具创作的优秀作品，太好看了。

下面分享下快速使用的教程

1. 用 Google 浏览器，打开 Midjourney 官网，加入演示版

2. 进入到 discord，随便选择一个新加入用户的分组。你应该能看到很多人在群组里不断生成新的 AI 图片，此时你其实已经可以在这里开始你自己的 AI 作画了。

但如果在这里发的话，生成的图片很容易被消息冲走。所以，我建议你可以创建一个子房间，然后在属于自己的子房间里进行创作，虽然这个房间仍然是公开的，但其实大概率不会有人来，你可以安静的画画了。如何创建子房间呢？

3. 新建一个子房间。点右上角的子区图标，然后点创建

在新子区属于一个房间名，并且随便打一段话，然后就可以在左边看到自己创建的子房间了。（这里有个我踩过的坑，就是你创建一个子房间后一定要发条信息，类似于微信拉群后要发个信息，群才能被激活一样，不然你还是看不到自己的房间）

这样你就可以得到一个属于自己的全新房间，当然别人也可以进来，只是会比较安静，输入的信息不容易被冲走

4. 有了子房间后就可以正式开始作画了。这一步是 AI 作画最核心的地方，从输入这里点+号可以上传图片给 AI 作参考，生成的图跟自己想的可能不一样，但也比较相似，只是这样用的人不多，更多的还是通过关键词还生成。

一般用第一个 imagine，然后输入关键词

可能一开始的时候会对生成的图片有疑惑，这里我也简单解释下，每次生成的图片下面的数字编号是从左到右，从上到下这样的顺序。U 和 V 的意思分别是放大添加细节 upscales (U) ，按构图重新计算 variations (V)。

再次生成图片后底部有几个功能，分别是重新做变化、细节尺寸放大、降噪处理、增加细节处理和重置效果。

5. 如果你一开始不知道输入什么关键词才好，我建议你可以直接到 Midjourney 官网的大佬专区（ https://www.midjourney.com/showcase ）参考大佬的关键词，或者在其他房间参考别人的关键词，也可以利用谷歌翻译把自己想说的按照下面的公式翻译后出图，关键词尽量具体，AI 出图也会更加具体。

6. 这里分享一个我从油管上一位大佬学到的关键词公式：

主体内容+气氛灯光色彩+构图+风格参考

主体内容

宇宙飞船 一艘/一群 宇宙飞船 一艘 卡通风格的 宇宙飞船 一艘 类似使命召唤 废土风格的 宇宙飞船 爆炸了 一艘 类似使命召唤 废土风格的 宇宙飞船 在空中时 爆炸了 +加入环境

周围是一群红色的/蓝色的小型飞行器 背景是一片沙漠/城市 背景是一片 被遗弃的 古代城市 随处可见高耸的工业塔 +加入气氛

雾蒙蒙的、烈日下、恐怖的、风暴席卷的

+加入灯光

顶光的、雾气光、漫反射的、强对比的

+加入色彩（色彩三要素）

低饱和度的、颜色鲜艳的、花里胡哨的、强反射的、主色调、某种颜色是主色

+加入构图

黄金分割的、三分法的、电影镜头式的、广角的、鸟瞰图

+加入风格参考

超清细节的、照片级别的、写实的、抽象的、2D/3D、4K\8K、数字雕刻的、概念艺术的、建筑设计、水墨草稿、水彩风的、海报风的、某个软件（blender/zbrush/octane render/unreal engine）、某个电影/游戏、某个艺术家、某个艺术平台

7. 另外，还有些进阶小技巧就是，你可以单独设置一些分辨率

图片比例 Xxxx —ar16:9

甚至是图片中的元素权重，更多的规则大家可以去看官方写的规范，非常全了，我这里就不过多赘述了 https://midjourney.gitbook.io/docs

二、Disco Diffusion 网站链接： https://colab.research.google.com/github/alembics/disco-diffusion

这个 AI 工具优势就是代码开源，适合二次开发，搞 AI 作画也就都是免费的，但免费的同时缺点也比较明显，速度比较慢，第一次使用会有些门槛，需要配置一些参数。

分享几张用用这个算法生成的优秀作品，大家也可以跟前面的作品效果进行对比

我这里也分享下我在使用过程中的一些关键配置教程

这里看似需要设置很多参数，但实际上把主要设置收起来发现需要设置的其实不会很多，咱们一项一项来

1. set up

设置分配的服务器，要选择到 T4，速度最快。如果发现分配的不对，可以点击代码执行程序，点终止，然后重新运行分配

2. Settings

设置一些 AI 图片生成的参数，这个算法生成的图片会保存在谷歌云盘里，所以你需要有一个谷歌账号，然后设置存放的文件夹名称。

在 Extra settings 中设置 intermedite_saves 中设置存多少过程图，一般看最终结果就行，设置为 0。

在 prompts 设置关键词，这个设置也就是 AI 作图的灵魂，优秀作品就是通过这个关键词生成的。因为这里本质上是程序语言，所以一定要注意语法正确，如果写错的话，会有波浪线和黑体字提示。

3. Diffuse

设置画多少步给你看一次图，初次使用的话，保持默认就行。

4. 开始绘画

设置完成后，点程序上的运行

在第一次画的时候时间会比较久，第二次开始的时候，就可以直接从关键词的地方开始运行，会快很多。补一个非常详细的教程 https://www.youtube.com/watch?v=w7B1rfhnqY8

三、Stable Diffusion 这个算法下有 2 个产品，我体验过，操作非常简单就不写具体教程，基本有手就会，这里就简单分享下。

几张用这个算法生成的作品

一个是 hugging（ https://huggingface.co/spaces/PaddlePaddle/ERNIE-ViLG ），这个是一个免费的生成工具，是一位大佬用自己的服务器搭建的，使用上非常简单，无需任何配置，但生产的图片质量不大高。

另一个是 Dreamstudio（ https://beta.dreamstudio.ai/dream ），这个用法上也非常简单，大家也都应该是打开网站就会用了，值得注意的是这个网站其实也是付费的，只是一开始会给你一些积分。如果你的积分消耗完了，它就必须得付费才能继续使用。

四、百度文心 网站链接： https://wenxin.baidu.com/moduleApi/ernieVilg

最后再分享一个就是百度的文心 AI 作图工具，这个工具我初步体验了下，生成的图片感觉质量都不大高的样子。由于这个生成速度很慢，而且初次使用生成的图不大好，我就没继续研究了。

也分享几张官方放出来的优秀作品，感兴趣的也可以研究研究。

五、如何利用好 AI 作画工具呢？ AI 作画已经成为当下最热门的趋势，作为 设计师 的我们要如何利用好这个新技术呢？我觉得至少有 3 点：

创意发散，可以利用脑暴关键词生成参考图 零碎时间充分利用。边输出边干活，因为出图较慢，建议中间穿插着去做别的事，不然等起来会有些焦虑 成为 AI 艺术家。如果你已经精通关键词训练，手残党也完全有机会成为艺术家了，但前提是你还得必须提升自己的审美，毕竟 AI 作图的瓶颈还是在于你的审美水平。 最后 我记得在今年年初的时候，AI 画出来的图连人的五官都不是太好，生成感明显，但经过不到 1 年时间的自我学习进化，现在已经比很多人的绘画能力强很多，甚至大有能超越一些专业原画师的水平的趋势。

照这种发展趋势下去，据说部分原画师已经开始为自己的前途担忧了，这个曾经觉得最不可能被取代的岗位，现在也似乎有了危机感。这个时候，我们似乎都需要思考，作为人来说还有哪些能力是最后的倔强呢？有点细思极恐了。

更多AI设计工具：

又一个AI黑科技！无缝连续纹理贴图生成神器Ponzu 大家好 ，这里是 设计神器 挖掘前线记者花生为您发回的实时报道 ~ 现如今人工智能发展迅速，各种 AI 工具层出不穷。

阅读文章 >

欢迎关注作者的微信公众号：「彩云译设计」

电商设计圈内卷究竟有多严重？看完今年双 11 各大店铺的设计就明白了，上周刚发过今年双 11 的预售页面合集，没看过的同学可以看看。今年双11预售页面都太炸了！

电商设计 圈内卷究竟有多严重？

看完今年双 11 各大店铺的设计就明白了，上周刚发过今年双 11 的预售页面合集，没看过的同学可以看看。

今年双11预售页面都太炸了！特别是这17家！ 刚从国庆长假缓过劲来，双 11 又来了！

阅读文章 >

今天再一起看看，各大店铺的双 11 开门红页面是怎么卷的：

黄老五食品旗舰店 | 手绘功底很强啊！

全友家居官方旗舰店 | 创意不错

英氏婴童洗护旗舰店 | 看动画片喽

卡贝锁具旗舰店 | 强烈的视觉冲击力

三只松鼠旗舰店 | 荡着秋千就来了

贡牌茶叶旗舰店 | 材质质感不错

刺猬阿甘旗舰店 | 跟着小刺猬逛盛会

认养一头牛旗舰店 | 魔法牛牛

老金磨方旗舰店 | 很随意的动效

海底捞官方旗舰店 | 挺好吃

宝贝第一旗舰店 | 太古里裸眼 3D 来了

螺霸王食品旗舰店 | 拒绝不了的美食螺蛳粉

袋鼠妈妈旗舰店 | 很有爱

绿联数码旗舰店 | 看来设计师没少玩和平精英

babycare 旗舰店 | 又要上头了

三顿半旗舰店 | 不错

君乐宝旗舰店 | 被萌到了

享之美家居旗舰店 | 简单大方

wonderlab 旗舰店 | 创意同样来自游戏

十月稻田旗舰店 | 很开心

valdera 旗舰店 | 科技感十足

蒙牛旗舰店 | 出摊了

金领冠官方旗舰店 | 动效还不错

蔓斯菲尔旗舰店 | IP 形象很喜感

cogi 高姿旗舰店 | 帅帅的

洽洽食品官方旗舰店 | 造起来

碧生源药品旗舰店 | 文案不错

华光电器官方旗舰店 | 给人的感觉很舒服

shvyog 舒友阁旗舰店 | 霸气

植护旗舰店 | 感觉哪里见过

联合利华立顿旗舰店 | 镜头转的不错

蜀九香旗舰店 | 似曾相识

天虹牌食品旗舰店 | 简洁干净

暂且就放这么多吧！

更多 双11设计 ：

57组高手对决！今年的双11猫头海报太强了! Disney 迪士尼 能看出来是什么吗？

阅读文章 >

欢迎关注作者的 微信 公众号：「美工美邦」