前两年小米 200 万的天价 LOGO 引发热议，大多数人惊讶的同时也在质疑，为什么这个 LOGO 值这么多钱，而我接 LOGO 设计私单的价格最高也才 500 元呢？

这就不得不纠正一个观念，小米的 LOGO 不止一个图形那么简单，200 万的背后，既有原研哉老师的光环背书，更重要的是，这是一份完整的品牌全案。

什么是品牌全案？ 与大多数报价不过万的 LOGO 设计相比，品牌全案报价动辄几十万甚至上百万，但与此同时，品牌全案的服务范围也更广。

举个例子，李宜轩作为 Behance 斩获 29 枚 GR 标签，拿过多个国际大奖的顶级 设计师 ，前段时间她创立的设计工作室 StudioPros 就做过一次完整的品牌全案。

在这份品牌全案中，设计师需要先通过专业的需求沟通方法，了解客户真正的需求，之后收敛视觉需求，再用逻辑构建设计方向：

在这个基础上，设计师才会开始发散创意、绘制 LOGO，建构辅助图形。

再之后的品牌色彩选择和识别手册的交付，更能体现一个专业设计师的价值。

如果你也想让 LOGO 私单的报酬更进一步，提前掌握品牌全案的设计方法，成为一个高附加值的设计师，这期全新的 「22 天学会打造专业的品牌全案」 课程就别错过了！

为什么这门品牌全案课是独一无二的？ 提到设计领域最知名的网站，Behance 当属第一。在那里有全世界拥有着最多的设计师和最激烈的作品竞争，所以想在 Behance 拿到官方认证的标签和首页推荐，难度极高。

但对李宜轩而言，这一切似是顺手拈来的事，打开她的个人主页，你会发现右上角整齐排列着一行标签：

2 个首页推荐+33 个 GR（平面设计）标签+3 个动效标签

Behance 搜「Yi-Hsuan Li」即可

相信大部分设计师都知道这 38 个标签意味着多高的含金量，但这仅仅是她的一小部分成就，她拿下的设计大奖与合作过的客户，才是让这门课程独一无二的关键：

在她创立的工作室主页，你可以看到更多的合作客户：

这也是这门课程最大的底气，无论是需求沟通方法还是视觉方向的建构，都来自于一个扎扎实实的，有极为丰富的品牌全案设计经验的设计师。

所以你在这门课学到的任何沟通技巧，需求收敛方法、绘制技法，甚至是品牌交付手册等，都是能用得上的， 无论你将来面临多大的客户，接到多贵的私单，学完这门课都能让你游刃有余 。

这门课有多超值？ 499 元 =

一位顶尖设计师 4 年的专业科班设计教育+ 9 年的实战项目经验+ 一整套 完整系统的品牌设计方法论+ 6 节 干货超多的直播课+ 22 天 在线答疑。

课程原价 499 元，限时特惠价399元，6月3号截止。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

我们如何帮你从零开始掌握品牌全案设计？ 1. 价值过万的独家设计方法！

从第一节课开始，你就能掌握「StudioPros」的设计方法，引导大家看懂品牌设计的操作，这也是帮你面对客户时，能提高私单价格的重要部分。

客户不懂设计、资料确实怎么办？ 客户人数众多，想法不一样如何应对？ 不断改稿，也不知道客户需要什么无法结案？ 这类常见的品牌沟通问题，课程会通过「竞品分析表」、「需求问卷」等工作室独有的设计方法，帮大家了解客户真正的需求，找到设计方向。

除此以外，老师还会给到一份「品牌识别交付手册」清单，帮你杜绝致命错误。

诸如此类需要多年实战才能掌握的方法，在这门课上，你可以一次性全部学到！

2. 系统全面、深入浅出、层层递进的课程

在这门课程里，老师结合自己 4 年的科班+9 年的实战经验，精心打造了这一套完整系统、能有效落地的课程大纲。

你可以收获到的不止是可以实时问答的直播教学，一对一的作业点评修改，更有超多的品牌干货，包括不限于：

专业的品牌全案设计流程 收敛视觉需求的提案秘诀 致胜的 Logo 提案心法 辅助图形的制作三要点 品牌全案的接单技巧 六大实战项目练习，产出能落地的品牌识别手册！ …… 这些快速提高品牌全案设计功底的核心方法，这门课都会给到完整教学。详细看课程大纲：

课程原价 499 元，限时特惠价399元，6月3号截止。

本次课程招生人数有限，想学的抓紧哦。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

更多李宜轩老师的作品：

更多老师作品可以前往课程详情页查看

想跟着李宜轩老师在 22 天内快速提高品牌全案设计水平，现在就抓紧啦！

课程原价 499 元，限时特惠价399元，6月3号截止。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

大家好，我是和你们一起聊设计花生~ 又到了为大家推荐 设计师 效率工具 的时候啦，今天的 5 款神器分别是：

简单好用！免费的 Webp 图片格式转换器「Anyweb」 超专业！Web3 及 NFT 知识公益科普网页「我的第一个 NFT」 自动配色！免费 CSS 彩色渐变生成器「Color Space」 效果丝滑！可变字体在线预览神器「Font Gauntlet」 极致压缩！国产免费在线压缩神器「Docmall」 错过上期的小伙伴看这里↓

这 5 款工具，让设计师工作效率提升 200%！（五） 大家好，我是努力为设计师寻找效率工具的花生~ 今天继续为大家推荐的 5 款能有效提升工作效率的神器，它们分别是： 无损压缩！

阅读文章 >

Anyweb 「网站直达」 https://anywebp.com/

Webp 格式的图片无法直接导入 Ps 或者 Ai 中，非常不方便，这时候就可以用 Anyweb 将图片格式转换。Anyweb 可以将 Webp 转换为 JPG/PNG/IOC，并支持一键批量转换。功能免费，而且是在线网站，打开即用，非常方便。

使用方法：点击花朵图标上传图片，并在「输出」处设置需要的格式，图片上传成功后点击右侧的开始，转换成功后会自动弹出下载窗口。

免费！支持超过 100 种格式的图片格式转换神器「Pixelied」 Pixelied 是一家提供相片编辑器的服务商，旗下有个「Free Image Converter」的图片格式转换工具，让使用者通过浏览器进行在线批次编辑，而且不用担心降低照片画质，也无需下载或安装任何应用程序，提供最快速、免费且易于使用的图片转文件功能，这项服务支持各种常见图片格式包括

阅读文章 >

我的第一个 NFT 「网站直达」 https://myfirstnft.info/

「我的第一个 NFT」是由 NFT 爱好者创建的一个公益性科普网页，里面有关于区块链、NFT、以太币、DYOR 等概念的详细解释，还有手把手教你创建一个自己的以太坊钱包及铸造一个自己的 NFT 头像的教程。除了以上的概念和教程，「我的第一个 NFT」还有关于 Web3 和 NFT 相关的安全规则的科普，如果你对 NFT 和 Web3 感兴趣想做进一步的了解，那么里面的内容一定不要错过。

天价头像是如何诞生的？写给设计师的 NFT 超全入门指南 注：本文仅仅为 NFT 科普，不建议设计师参与。

阅读文章 >

Color Space 「网站直达」 https://mycolor.space/?hex=%23845EC2&sub=1

Color Space 是一个非常灵活的彩色渐变生成器，功能包括：根据给定的颜色生成多种配色色板，提供颜色代码；生成二色及三色渐变，可更改渐变方向，并提供 CSS 代码。如果你对色彩搭配没有把握，可先在调色板中生成色板，然后选取其中 2-3 中颜色生成有颜色渐变。

1000种渐变模板！快收下这款免费网格渐变神器 MESH·Y 之前已经和大家分享过很多做渐变的网站，可以非常方便的提取好看的渐变配色。

阅读文章 >

Font Gauntlet 「网站直达」 https://www.fontgauntlet.com

可变字体已经成为字体设计的新趋势，Font Gauntlet 则是一款专业的可变字体预览工具，在其中可以预览可变字体字重、宽度、光学尺寸、倾斜度等的变化。我们还能在网页内添加多个标签页，对比不同设置下的字体样式。从本地上传的动态字体文件还可以通过其转换为单独的静态字体文件。

免费可商用！免费西文可变字体 LL Changer 打包下载 因为对可变字体很感兴趣，所以有了 LL Changer 这款衬线变非衬线字体的一个小实验。

阅读文章 >

Docmall 「网站直达」 https://docsmall.com/

Docmall 是一款国产的免费图片压缩神器，支持图片压缩、GIF 压缩、PDF 压缩、PDF 合并、PDF 压分割，免费使用。图片压缩后精度仍能保持在一个较好的水平，而大小却能压缩很多。相比一下国外的压缩工具，Docmall 的服务器位于国内，图片上传下载的速度和稳定性都非常好。

以上就是今天的推荐，希望对提升大家的 工作效率 有帮助。我是花生，下期见~

这 5 款工具，让设计师工作效率提升 200%！（四） 大家好我是花生~ 勤勤恳恳挖掘效率神器的我最近又发现了不少好用的小工具，今天就继续为大家推荐其中不能错过的 5 款，它们分别是： 一键查看！

阅读文章 >

如果你也关注影视，最近真的太容易被《 爱死机 》第三季给刷屏了。光怪陆离的想象在9部截然不同的动画短片中完整地泼洒开来，死亡与情感，生命和技术，现在和未来，每一部作品都足以给你一些奇思或是启迪。

在第三季的9部作品中，讨论度最高的作品应该是最后一部作品《Jibaro》，这个灵感源自于海妖塞壬，但是又糅合了各种不同文化下的民间传说的故事，借由 Mielgo 标志性的视觉风格呈现了出来。

同类文章推荐：

《蝙蝠侠》电影设计美学的源头，竟然都始于蝙蝠战车！ ​你也许看过很多蝙蝠侠的故事，漫画，剧集，电影，在所有的故事当中，蝙蝠侠这个角色的出现，都会从那个小巷开始：一次莽撞的抢劫，手枪枪响，珍珠项链散落满地，死亡，尖叫，惊恐，失神，然后一个名为蝙蝠侠的角色由此诞生。

阅读文章 >

超人气的蝙蝠战车是如何创造出来的？揭秘背后设计稿！ 相比于诺兰前传三部曲的「写实感」，扎克·施耐德的这3部 DC 电影似乎排名并没有那么靠前，甚至口碑也没有那么的神，但是在美术风格、视觉设计上，口碑是无可撼动的。

阅读文章 >

电影设计美学！封神的诺兰版《蝙蝠侠》里，导演亲手捏出了蝙蝠车 诺兰的蝙蝠侠三部曲中的蝙蝠车 Tumbler 可能是蝙蝠车历史上最没蝙蝠特征的蝙蝠车。

阅读文章 >

1、《爱死机》第三季压轴之作 你会注意到，多数人在谈及《爱死机》第三季的时候，多数时候都会配上《Jibaro》中，湖中妖女从水面探出半张脸的经典场景。

太惊艳了。

你会在公众号和各种视频解说中看到形形色色的解说，截至目前，我认为在故事背景上挖掘足够深也足够好的，是 up主「大聪看电影」的这个视频，他在挖掘「Jibaro」这一词背后文化演变过程后的解读非常深入，如果你对于影片中的元素、隐喻和意义感兴趣，不妨看看这个视频：

当视频无法加载时请刷新页面， 或前往PC获得最佳体验。

对于这部融合了不同地域、不同文化民间传说的动画短片，全程没有一句对白，在表达上充满了模糊行，着赋予了影片极大的解读空间。导演和艺术指导 Alberto Mielgo 非常巧妙地将地域文化背后的叙事和人际关系中的隐喻结合到了一起，在接受访谈的时候，他非常坦诚地表达了他对于这种叙事的想法：

「我喜欢那种不知道谁是好人谁是坏人的感觉……我更多想要表达的，不是所有的事情都必须关于拯救世界，或者讲述一位英雄的心路历程。」

在接受 Screen Rant 访谈的时候，Mielgo 揭秘了这部影片背后的制作细节：

影片中经验的湖妖舞蹈并非动作捕捉，而是借助多机位摄影拍摄编舞 Sara Silkins 的舞蹈动作，然后在 3D 建模角色和手工绘制细节的基础上，使用关键帧动画制作而成！ 女妖身上的珠宝配饰，在舞蹈动作下的飞舞效果结合湖中环境的流体变化，为3D渲染提出了极高的要求，这使得团队的技术人员痛苦不已，但是效果也相当惊艳。

Mielgo 希望观影者对于这部作品有自己的结论，因为他不打算提供解释，这样每个观影者都会有自己的解读，并且随着观影次数的增加，理解方式会有所变化。 因为《Jibaro》， Mielgo 的名字出圈了。但实际上，此前他的视觉风格所主导的影视作品，已经在中文互联网上引起了起码3次大范围的讨论了。

2、其实这个艺术家已经出圈好几次了 我们当中的多数人，第一次注意到他的存在，是《爱死机》第一季中的《The Witness》：

第二次则是《蜘蛛侠：平行宇宙》，即使索尼并没有过多针对 Alberto Mielgo 进行宣传。

当他借助动画短片《皆为爱》斩获得2022年最佳动画短片大奖的时候，Alberto Mielgo，大家终于对于这个男人的名字，有了相对深刻的印象。

这一次的《Jibaro》，则以压轴作品的身份，成为《爱死机》第三季在大众口碑上的压仓石。

3、值得关注的宝藏艺术家和插画师 Mielgo 正正经经是一位宝藏艺术家、动画师和导演，但是如果你仔细审视他的成长和职业经历，你会发现他的角色身份是如此的多元而丰富——他对于叙事、文本、音乐编曲、影视制作都有着非常扎实的经验。

1979年 Mielgo 出生于西班牙并且在这里长大，和很多热爱艺术充满想象力的年轻人一样，他选择了离开故土，在亚洲和欧洲不同的国家工作和学习，去过伦敦、巴黎、柏林、东京，并且最终选择在洛杉矶这个以好莱坞而闻名世界的城市深耕自己的事业。

2005之前，他就以艺术家的身份参与到蒂姆波顿的定格动画《僵尸新娘》当中，在这部电影当中，他仅仅只是负责绘制故事板的插画师：

看到这里，你大概还觉得这些事情，很多艺术家……或者说插画师都能做到，往下看，你会知道什么叫强无敌。

在 2009 年发布的节奏音乐游戏《披头士：摇滚乐队》当中，Mielgo 则和动画师 Robert Valley 共同完成开场和结尾部分的过长动画，与此同时，他将自己独特的视觉风格融入到其中：

2010 年，Mielgo 以概念 设计师 的身份参与到《哈利·波特与死亡圣器》（上+下）系列当中，按照 Mielgo 的说法，他在剧本尚未完成的时候，根据小说中几页内容「快速勾勒出一些场景的概念插画，缩略图和想法」，这些拥有强烈色彩对比的概念场景，让哈利波特的艺术团队兴奋无比，并且其中很多设计最后都落地到电影了当中：

到了 2012 年至 2013 年期间，Mielgo 以制片和艺术指导的身份主导了迪士尼旗下知名 IP 《创战记：起义》，而正是这部作品，为 Mielgo 一口气连续斩获了艾美奖和安妮奖。80年代的《创战记》本身就有着超越时代的独特视觉特色，而 Mielgo 为 《创战记：起义》则将这种从未出现于动画中的强烈视觉肌理，引入到动画领域当中，赋予《创》系列以新生：

而 Mielgo 受聘于索尼参与动画《蜘蛛侠多元宇宙》这一动画的幕后，则和很多人想象的不一样。

Mielgo 被索尼招募来作为「视觉顾问」的时候，这部动画长片还没有影子，他需要带领团队完成一个蜘蛛侠主题的小短片，这个短片被成为「测试动画」，没有更具体的名称。

最初的时候，他一个人坐拥2楼整层办公楼的办公室，独自探索世界观、视觉风格、角色呈现、摄影角度等各种可能性。

当上面的第一张图出来的时候，索尼这边有权限看到的人都震惊不已。然后索尼非常开明地让 Mielgo 招募他喜欢的艺术家和过去的合作伙伴，进入这个 2 楼的办公室，一同继续完善这个小短片。

在制作过程中，索尼不仅给了 Mielgo 一套蜘蛛侠服装，而且他和团队成员会前去纽约的大街小巷，在不同的高楼上用不同的角度取景，并且在此基础上，绘制插画，最终完成了三到四个小场景下的动画短片。

但是最终由于技术和风格上的差异，索尼和 Mielgo 在电影开始制作之前分道扬镳。但是最后在动画电影制作的过程中，Mielgo 所定义的视觉风格在很大程度上，赋予了这部电影以独特的气质，成为了这部作品最终成功的重要基石。

即使索尼在各个场合都鲜有提及 Alberto Mielgo 为这部动画电影所做出的贡献。

此后，Mielgo 为 Netflix 的动画影集《爱死机》第一季所制作的短片《The Witness》，为他一口气夺得了 3 个艾美奖和 1 个安妮奖。对于这部作品，Mielgo 称之为「迄今为止最私人的一部影片」。

而帮助 Mielgo 一口气拿到奥斯卡的《皆为爱》的英文原名《The Windshield Wiper》直译应为「雨刷器」，则是他「关于爱情和人际关系的一个非常个人的特殊愿景」，他将自己不同阶段所遭遇的「插曲」整合到一起，围绕着「爱」这个主题，将关系中不同状态的瞬间抓住，呈现在我们的眼前。在这部动画短片中，Mielgo 一如既往地使用了关键帧动画来呈现，在技术上则多借助了粉彩来强化瞬间光影的肌理：

当我在 Alberto Mielgo 的个人网站   上浏览的过程中，已经不知道多少次被他的作品冲击到。上面的截图只是他作品中很少的一部分，他为《看门狗》制作的短片同样精彩：

他制作的短片 GENTRIFICATION 、 Reel 、 Philips   每一个都值得你反反复复地欣赏。

你真的很容易在 Mielgo 身上找到很多足够个人，又特别值得咂摸的想法和特质。

4、关于 Alberto Mielgo ，一点个人想法 Mielgo 曾经多次在访谈中提到，他是「一个自学成才的艺术家」并且在摸索中「找到一种适合自己的风格」。如果你是插画师，你大抵也能在 Mielgo 的个人网站 和作品集当中，看到他的成长历程，作品风格和表达方式随着时间推移的演变，这比起单独凝视某一作品来得更有趣，也更有价值。

与此同时，他也多次强调过他偏爱「非语言化的电影呈现方式」，倾向于在影片中让叙述者自然地呈现故事，将想象和解读的空间留给观影者，这种强调「叙事」而非「结果」的视听语言是高级而聪明的做法。这种方式和这个急于求成而武断的时代背道而驰。

我们对于「艺术源自生活」的说法非常熟悉，但是真有多少人会深入地去如此地执行呢？在创作《皆为爱》的时候，其中几乎所有的场景都来自于 Mielgo 过去十几年在世界各地工作生活的真实场景、所见所闻，这种长时间的记录、琢磨、反刍是塑造一部伟大作品的基础，这是实打实的「来自生活的艺术」。

Mielgo 对于技术的态度也非常有趣。当大家都集中与流体渲染的惊艳、角色舞蹈动作的灵活呈现方式的时候，他却一再强调技术是服务于叙事的，当表达需要更强技术之时，痛苦的攻坚是必要的组成部分。

所以，作为一个 个性强烈的个人艺术家，他和索尼的冲突让他「出圈出名」的时机延后了，但是最终，依然能够倚靠优秀的作品，一次又一次用奇观冲破日常，用无言的叙事制造想象的宏大空间。

「我喜欢动画胜过任何艺术，因为它包含所有艺术。」

最后的最后 这份豆瓣网友「库华图 」所翻译的访谈非常值得学习插画的同学们来学习一下：

https://movie.douban.com/review/14417654/

其他参考来源：

http://www.albertomielgo.com/

https://movie.douban.com/celebrity/1412970/

https://www.imdb.com/name/nm2856960/

https://en.wikipedia.org/wiki/Alberto_Mielgo

https://screenrant.com/love-death-robots-vol-3-alberto-mielgo/

https://www.youtube.com/watch?v=iDl2GFVSTPk

https://www.youtube.com/watch?v=tEVA-t2GMfU

https://www.youtube.com/watch?v=o0H_HnAAfDo

前两年小米 200 万的天价 LOGO 引发热议，大多数人惊讶的同时也在质疑，为什么这个 LOGO 值这么多钱，而我接 LOGO 设计私单的价格最高也才 500 元呢？

这就不得不纠正一个观念，小米的 LOGO 不止一个图形那么简单，200 万的背后，既有原研哉老师的光环背书，更重要的是，这是一份完整的品牌全案。

什么是品牌全案？ 与大多数报价不过万的 LOGO 设计相比，品牌全案报价动辄几十万甚至上百万，但与此同时，品牌全案的服务范围也更广。

举个例子，李宜轩作为 Behance 斩获 29 枚 GR 标签，拿过多个国际大奖的顶级 设计师 ，前段时间她创立的设计工作室 StudioPros 就做过一次完整的品牌全案。

在这份品牌全案中，设计师需要先通过专业的需求沟通方法，了解客户真正的需求，之后收敛视觉需求，再用逻辑构建设计方向：

在这个基础上，设计师才会开始发散创意、绘制 LOGO，建构辅助图形。

再之后的品牌色彩选择和识别手册的交付，更能体现一个专业设计师的价值。

如果你也想让 LOGO 私单的报酬更进一步，提前掌握品牌全案的设计方法，成为一个高附加值的设计师，这期全新的 「22 天学会打造专业的品牌全案」 课程就别错过了！

为什么这门品牌全案课是独一无二的？ 提到设计领域最知名的网站，Behance 当属第一。在那里有全世界拥有着最多的设计师和最激烈的作品竞争，所以想在 Behance 拿到官方认证的标签和首页推荐，难度极高。

但对李宜轩而言，这一切似是顺手拈来的事，打开她的个人主页，你会发现右上角整齐排列着一行标签：

2 个首页推荐+33 个 GR（平面设计）标签+3 个动效标签

Behance 搜「Yi-Hsuan Li」即可

相信大部分设计师都知道这 38 个标签意味着多高的含金量，但这仅仅是她的一小部分成就，她拿下的设计大奖与合作过的客户，才是让这门课程独一无二的关键：

在她创立的工作室主页，你可以看到更多的合作客户：

这也是这门课程最大的底气，无论是需求沟通方法还是视觉方向的建构，都来自于一个扎扎实实的，有极为丰富的品牌全案设计经验的设计师。

所以你在这门课学到的任何沟通技巧，需求收敛方法、绘制技法，甚至是品牌交付手册等，都是能用得上的， 无论你将来面临多大的客户，接到多贵的私单，学完这门课都能让你游刃有余 。

这门课有多超值？ 499 元 =

一位顶尖设计师 4 年的专业科班设计教育+ 9 年的实战项目经验+ 一整套 完整系统的品牌设计方法论+ 6 节 干货超多的直播课+ 22 天 在线答疑。

课程原价 499 元，限时特惠价399元，6月3号截止。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

我们如何帮你从零开始掌握品牌全案设计？ 1. 价值过万的独家设计方法！

从第一节课开始，你就能掌握「StudioPros」的设计方法，引导大家看懂品牌设计的操作，这也是帮你面对客户时，能提高私单价格的重要部分。

客户不懂设计、资料确实怎么办？ 客户人数众多，想法不一样如何应对？ 不断改稿，也不知道客户需要什么无法结案？ 这类常见的品牌沟通问题，课程会通过「竞品分析表」、「需求问卷」等工作室独有的设计方法，帮大家了解客户真正的需求，找到设计方向。

除此以外，老师还会给到一份「品牌识别交付手册」清单，帮你杜绝致命错误。

诸如此类需要多年实战才能掌握的方法，在这门课上，你可以一次性全部学到！

2. 系统全面、深入浅出、层层递进的课程

在这门课程里，老师结合自己 4 年的科班+9 年的实战经验，精心打造了这一套完整系统、能有效落地的课程大纲。

你可以收获到的不止是可以实时问答的直播教学，一对一的作业点评修改，更有超多的品牌干货，包括不限于：

专业的品牌全案设计流程 收敛视觉需求的提案秘诀 致胜的 Logo 提案心法 辅助图形的制作三要点 品牌全案的接单技巧 六大实战项目练习，产出能落地的品牌识别手册！ …… 这些快速提高品牌全案设计功底的核心方法，这门课都会给到完整教学。详细看课程大纲：

课程原价 499 元，限时特惠价399元，6月3号截止。

本次课程招生人数有限，想学的抓紧哦。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

更多李宜轩老师的作品：

更多老师作品可以前往课程详情页查看

想跟着李宜轩老师在 22 天内快速提高品牌全案设计水平，现在就抓紧啦！

课程原价 499 元，限时特惠价399元，6月3号截止。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

大家好，我是和你聊设计的花生~

之前向大家介绍了 PCCS（日本色彩研究所配色体系），它是目前全世界最常用的色彩体系之一，能帮助我们了解色彩要如何使用才更方便，以及如何搭 配色 彩才更和谐更好看。之前的两篇文章向大家介绍了 PCCS 体系内的 24 个色相、17 个明度色阶、9 个纯度等级和 12 类色调。

PCCS 的前两期内容：

配色找不到感觉？这个PCCS色彩体系帮你从根本上解决！ 可能很多小伙伴都有这样的感觉：对色彩的各项概念已经非常了解，日常积累了很多优秀的色彩搭配素材及作品，也有进行临摹训练，但是自己在面对一个新设计命题时，却依旧无法准确选出最贴合主题的颜色，各种配色试来试去都不是自己想要的感觉。

阅读文章 >

配色找不到感觉？这个PCCS色彩体系帮你从根本上解决（二） 色彩明度与纯度的 4 种类型配色，你知道吗？

阅读文章 >

今天继续为大家讲解色彩性能方面的知识，主要包括色彩的前进行与后退性、色彩的收缩性和膨胀性、色彩的轻重和色彩的视觉认知 4 个方面：

色彩的前进性与后退性 放置在相同距离上的色彩，给人的空间远近感是不同的。看起来比实际距离更近的称为前进色，反之称为后退色。

一般认为暖色（红、黄、橙）为前进色，冷色（蓝、紫）为后退色。色彩的前进性与后退性被认为与色彩波长有关，感兴趣的小伙伴可以另做拓展了解。

除色相外，明度对视觉距离也有影响。明亮的颜色看起来比浓暗的颜色更近一些。

色彩的前进性与后退性在设计中的运用，最常见的就是促销类信息的标注。海拔或者 Banner 中打折促销的重点信息，都会用以黄、红色的强调呈现，给人一种视觉冲击感。

色彩的膨胀性与收缩性 在同等色彩色彩面积的条件下，看起来比实际面积更大的色彩被称为膨胀色，更小的为收缩色。如果说色彩的前进与后退是视觉进深的概念，那么色彩的膨胀与收缩则与视觉的感性面积有关。

色彩的膨胀性与收缩性有以下几个规律：

同样面积，暖色暖色比冷色看起来更大一些； 同样面积，明亮的颜色比暗灰的颜色面积显得更大一些； 与色彩相对明度有关，同一种颜色，其“背景色”明度越大，就会显得其颜色本身面积越小。

色彩的收缩性的膨胀性在现实生活中的应用也有非常广泛，最经典的就是穿黑色衣服比穿白色衣服更加显瘦。

色彩的轻重 影响色彩轻重感最主要的因素是色彩的明度。明度高的色彩让人感觉轻松愉悦，明度低的色彩让人感觉很沉重坚实。有实验究表明，同样体积的盒子，黑色看起来比白色要中 1.8 倍。相比来说，色相对色彩的轻重几乎没有影响；色彩饱和度略对色彩轻重的影响有限，远不及色彩的明度那样觉有具有决定性作用。

将色彩的轻重的概念延伸到海报设计中，能帮助我们更准确地表现出不同主题所需的不同调性。如下图，同样都是甜品类的海报，整体色调的不同让甜品展现出完全不同的特性。

色彩的视觉认知性 色彩的视觉认知性的优良直接决定一副作品是否清晰可辨。背景为黑色时，明度最亮的白色视觉认知性做最好；背景为白色时，明度最暗的黑色视觉认知性最高。

彩色也是同理。黄色的色相明度最高，其次是两侧的黄绿色与橙色，依次顺沿，离黄色越远明度越低，直到紫蓝色时明度最暗。视觉主体与背景的明度差决定视觉认知性的高低，我们需要注意色彩本身带有的明度与背景的明度差是否足够大。

以上就是 PCCS 理论第三期的内容，希望对大家的设计有帮助。之后我会继续为大家带来「色彩对比」与「色彩同化」的相关知识，喜欢的小伙伴记得点赞收藏哦~

如果你有关于文章内容或者设计方面的疑问，欢迎在评论区提出。也欢迎大家加入优设官方的设计交流群，与优设主编、设计总监及其他热爱设计的小伙伴一起交流~（入群二维码见下方 Banner）

通过图片 压缩工具 可以大幅缩小图片文件的容量大小，使用的技术不外乎是降低画质，做到使用者肉眼几乎看不出差异的「无损压缩」，如果想要让图片变得更小一些，也能把质量降低或是调整图片尺寸，在网页使用的图片经过压缩后，用户开启更快更有效率，也有助于节省容量和传输流量。之前介绍过的免费 图片压缩 服务 Squoosh 来自 Google 实验室，只要打开网页、将图片拖曳进去就能自动处理；还有我很喜欢的 TinyPNG、TinyJPG 也都非常好用。

这款桌面版图片压缩工具 Squoosh，没网也能免费用！ 我以前经常使用 TinyJPG 压缩图片，可以有效减少文件大小，还能维持图片画质，后来在网站开启 Jetpack CDN 直接替换图片网址就有整合加速、分流和压缩图片效果。

阅读文章 >

经典图片压缩神器 TinyPNG 出中文版了！单次免费处理 20 张！ 曾经有一段时期我很喜欢 TinyPNG 在线图片压缩工具，只要将 PNG 图片拖曳到网站，它会自动远程对图片压缩、优化，将图片档案大幅缩小，但又不会影响画质（也就是无损压缩），后来也推出 TinyJPG 支持 JPG 格式，还有 WordPress 适用的外挂功能「Compress JP

阅读文章 >

本文要介绍「Shrink.media」是一个全新的免费图片压缩服务，只要打开网页、拖曳图片或把图片网址贴上就能处理。

Shrink.media 提供的压缩技术主要是降低图片质量、调整尺寸大小，预设会降低 50% 画质、缩小 75% 图片尺寸，使用者可拖曳进行调整，比较压缩后的图片与原图差异，这项服务的优点是加速网页加载速度、减少带宽使用率，也能改善使用者的使用体验，网站管理者可善加利用。

Shrink.media 网站链接： https://www.shrink.media/

使用教学

开启 Shrink.media 网站后点选「Upload Image」选择要压缩处理的图片，或是以快捷键贴上图片网址，支持 PNG、JPEG、JPG、WEBP 格式，分辨率最大 5000 x 5000 像素，容量不超过 25 MB。

如果想测试一下 Shrink.media 功能，网站也有提供四张示例图片，点选后就能进行测试。

默认情况下图片质量会降低 50%，图片尺寸会缩小 75%，可以看出压缩前后的图片差异，包括预览、前后容量比较、节省容量和压缩前后的图片分辨率变化。

我建议画质不用降低太多（大约 80% 左右），虽然图片可能不会因此减肥很多，但可保留质量，也看不出差异变化，至于图片分辨率可依照用户的需求进行调整，如果坚持不要调整图片大小，就把下面的选项调整为 100% 就能维持原始尺寸。

完成后点选「Download」下载、保存图片。

值得一试的三个理由：

Shrink.media 图片压缩工具，提供个人用户免费使用 支持 PNG、JPEG、JPG、WEBP 格式，最大不超过 5000 x 5000 像素 可调整图片质量和分辨率大小，藉此设定不同的压缩率

完全免费！可批量压缩图片的在线神器「Compress JPEG」 我很习惯在写文章插入图片前先对屏幕截图进行压缩，让图片容量更小、开启速度更快，更重要的是几乎不会影响画质，以前我都使用 TinyPNG 这个相片压缩工具，只要将图片拖曳到网站就能快速处理，后来就选择以 Imagify 自动从 WordPress 媒体库对图片压缩和优化（免费版每月只能处理

阅读文章 >

通过图片 压缩工具 可以大幅缩小图片文件的容量大小，使用的技术不外乎是降低画质，做到使用者肉眼几乎看不出差异的「无损压缩」，如果想要让图片变得更小一些，也能把质量降低或是调整图片尺寸，在网页使用的图片经过压缩后，用户开启更快更有效率，也有助于节省容量和传输流量。之前介绍过的免费 图片压缩 服务 Squoosh 来自 Google 实验室，只要打开网页、将图片拖曳进去就能自动处理；还有我很喜欢的 TinyPNG、TinyJPG 也都非常好用。

这款桌面版图片压缩工具 Squoosh，没网也能免费用！ 我以前经常使用 TinyJPG 压缩图片，可以有效减少文件大小，还能维持图片画质，后来在网站开启 Jetpack CDN 直接替换图片网址就有整合加速、分流和压缩图片效果。

阅读文章 >

经典图片压缩神器 TinyPNG 出中文版了！单次免费处理 20 张！ 曾经有一段时期我很喜欢 TinyPNG 在线图片压缩工具，只要将 PNG 图片拖曳到网站，它会自动远程对图片压缩、优化，将图片档案大幅缩小，但又不会影响画质（也就是无损压缩），后来也推出 TinyJPG 支持 JPG 格式，还有 WordPress 适用的外挂功能「Compress JP

阅读文章 >

本文要介绍「Shrink.media」是一个全新的免费图片压缩服务，只要打开网页、拖曳图片或把图片网址贴上就能处理。

Shrink.media 提供的压缩技术主要是降低图片质量、调整尺寸大小，预设会降低 50% 画质、缩小 75% 图片尺寸，使用者可拖曳进行调整，比较压缩后的图片与原图差异，这项服务的优点是加速网页加载速度、减少带宽使用率，也能改善使用者的使用体验，网站管理者可善加利用。

Shrink.media 网站链接： https://www.shrink.media/

使用教学

开启 Shrink.media 网站后点选「Upload Image」选择要压缩处理的图片，或是以快捷键贴上图片网址，支持 PNG、JPEG、JPG、WEBP 格式，分辨率最大 5000 x 5000 像素，容量不超过 25 MB。

如果想测试一下 Shrink.media 功能，网站也有提供四张示例图片，点选后就能进行测试。

默认情况下图片质量会降低 50%，图片尺寸会缩小 75%，可以看出压缩前后的图片差异，包括预览、前后容量比较、节省容量和压缩前后的图片分辨率变化。

我建议画质不用降低太多（大约 80% 左右），虽然图片可能不会因此减肥很多，但可保留质量，也看不出差异变化，至于图片分辨率可依照用户的需求进行调整，如果坚持不要调整图片大小，就把下面的选项调整为 100% 就能维持原始尺寸。

完成后点选「Download」下载、保存图片。

值得一试的三个理由：

Shrink.media 图片压缩工具，提供个人用户免费使用 支持 PNG、JPEG、JPG、WEBP 格式，最大不超过 5000 x 5000 像素 可调整图片质量和分辨率大小，藉此设定不同的压缩率

完全免费！可批量压缩图片的在线神器「Compress JPEG」 我很习惯在写文章插入图片前先对屏幕截图进行压缩，让图片容量更小、开启速度更快，更重要的是几乎不会影响画质，以前我都使用 TinyPNG 这个相片压缩工具，只要将图片拖曳到网站就能快速处理，后来就选择以 Imagify 自动从 WordPress 媒体库对图片压缩和优化（免费版每月只能处理

阅读文章 >

需求分析原则 设计本质上是我们看待世界的一种思维方法，其目的是为了解决问题。在实践中，我们总要知道，我们要为谁，在什么环境或条件下，解决什么问题，如何解决？其分析的结果，直接影响到解决方案的好与坏，成或败。

司空图有言：“超以象外，得其圜中”。

意思大概是说，要「越过事物表象，得其核心要义」，即透过现象看本质。亦正如柳冠中老师在演讲中所说：“现象之外才是核心，设计真正的功夫是在设计之外。”

在实际工作中，我们能接触到的只是事物所呈现出来的表面特征，而触发这一结果的原因，或事物背后所隐藏的目的却不那么显而易见，这就需要我们从现象出发，从结果出发，一步步地分析现象，探寻现象背后的原因。

5000字超干货！写给设计师的需求沟通完全指南 设计师真实 emo 事件 帅帅是毕业没多久的设计师，做设计总是充满激情与冲劲儿，这天他将反复修改的稿子终于交付出去了，想着终于结束了，但是没过一会，群里的产品在“内部讨论”后直接@他，要求他修改设计稿，竟然改回到了先前的稿子，他直接 emo~ 帅帅：啊，我他*不做了，一直

阅读文章 >

例如：用户要一个杯子，我们就要知道用户想要造杯子背后的目的、原因，是蓄水？饮水？还是送礼？

先谋事，再造物。先确定目标，再寻找路径和方法。

需求分析方法 那么如何得知用户在谋什么事？如何探知现象背后的原因？现象背后潜藏的目的或动机？

这就需要我们结合用户当时的处境（什么地点？什么时间？），其所扮演的角色，所表现出的行为出发，一步步探寻。

同样拿“我想要一个杯子”举例，在接到这个需求之后，应结合用户当时的处境，分析用户所处的场景、所扮演的角色，所表现出的行为，由此探知到用户需求背后的目的/动机。

1. 角色

即用户的身份、角色，可以是个体用户，也可以是一个组织团体，如学校、企业、政府部门。

2. 场景

包含具体的时间、地点。

3. 行为

即用户具体做了什么事情，比如：

个体用户

所做的事情可通过具体的行为、语言表现出来，在前期调研访谈的时候，我们要重点关注用户的行为动作，这是因为个体用户不总是言行一致，有时候其口中所说的可能跟真实情况会有偏差，这并不是用户可以说谎，而是有些时候，用户对自己可能并非十分了解。

组织团体，比如企业用户

我们要观察的就应该是群体的行为，他们所做的事情通过具体的业务流程表现出来，为这类用户服务，我们就要与其内部的关键角色多做接触，对企业内部组织架构、业务情况有所了解。

同样拿“我想要一个杯子”举例，在接到这个需求之后，应结合用户当时的处境，分析用户所处的场景、所扮演的角色，所表现出的行为，由此探知到用户需求背后的目的/动机。

方案设计 经过对特定的角色、场景、行为进行分析后，了解到事情的本质，有了目标，有了动机，我们再进行具体的方案设计。

在“我想要一个杯子”的案例中，基于用户目标的不同，我们的解决方案不尽相同，可以是茶壶、水塘，可以是吸管、勺子…

很多时候，我们接到一个需求之后，浪费了大量时间进行方案设计，忽略了事情背后的目的、原因，导致最终设计结果并不理想。

方案评估 前面我们发散了那么多方案，最后，要建立合适的分析维度，比如方案的新颖度，产品目标的契合度…，筛选出最佳方案，评估维度太少其结果有失精准，太多则消耗时间，尽可能控制在3～5个。

但无论这个评估维度如何，方案的评估本着一个原则：投入成本要与所产生的收益成正比。毕竟，企业不是福利院，获取商业利益才是其目的，每个老板都希望用最小的投入成本实现最大化效益。

需求案例分析 我想要一匹更快的马。

比如，用户会告诉我们：我想要一批更快的马。这时候，如果我们直接给用户一匹马，不见得能达到用户预期。这是因为我们忽略用户需求背后的动机，即他为什么“需要一匹更快的马”？他是要达成什么样的目标？是出于什么原因？

在不同场景下、由不同身份角色的人提出，因目标不同，解决方案亦大有不同。

场景一

赛马场，决赛前，赛马选手：我想要一匹更快的马。

目的

赢得比赛

制约因素

比赛规则（是否可更换比赛工具） 路面情况 双方马速 双方驭马技术 双方比赛策略 解决方案

从比赛规则出发：是否可更换比赛工具，如羚羊、猎豹、汽车… 从路面情况出发：清理自己的路面，给对方跑道设置障碍… 从双方的马出发：偷走对方的好马，断对方马腿… 从双方驭马技术出发：害对方迟到，下蒙汗药… 从双方比赛策略出发：田忌赛马 以上仅是思考问题的角度，在现实竞技中，我们还是要遵循相应的道德规则。

经典案例

“田忌赛马”，孙膑即是从比赛策略出发，通过：

田忌：差马→对方：好马 田忌：中马→对方：差马 田忌：差马→对方：中马 在双方马力对比不大的情况下，三局两胜，来帮田忌赢得比赛的。

这个方案，对时间、精力、资金的消耗都最少，效益还是很可观的，不得不佩服我们孙同学的脑袋瓜啊！

场景二

偏远地区，通讯员：我想要一匹更快的马。

目的

更快地传递信息

分析

只要信息能过去，其目的就达到了

解决方案

更快的传输工具，或者通讯设备：

根据距离远近、地理环境等情况的情况，提供传输工具：飞鸽、风筝、弓箭、船只、汽车… 改善当地的通讯环境，提供更好的通信设备：电话、电子邮件、邮箱… 方案评估

最后，经过评估，结合技术、人力投入成本与最终所产生的效益，若距离较近，我们的选择可以是弓箭…

场景三

草原等偏远地区，普通人，日常出行：我想要一匹更快的马。

目的

节约出行时间

解决方案

更快的交通工具、让他人代劳

更快的交通工具，如：汽车、高铁、飞机… 他人代劳，如：仆从、外卖、物流、快递… 方案评估

略

总结 需求分析的过程，实质上是透过现象看本质，再进行方案设计得出最佳设计方案的过程。很多时候，我们接到一个需求之后，浪费了大量时间进行方案设计，忽略了事情背后的目的、原因，导致最终设计结果并不理想。

其完整的 需求分析 过程如下图所示：

8000字干货！写给设计师的需求分析指南 在工作中，我们会经常与产品经理对接需求、理解需求，站在交互设计师角度，我想分享如何分析需求，如何解决正确的问题。

阅读文章 >

欢迎关注作者微信公众号：「小观者大设计」

最近在帮小姐妹看房子的装修设计风格，其中关于厨房开放式与封闭式的风格衍生出了一些跨文化产品的设计思考。

小姐姐家是小户型，若选择开放式厨房能使空间最大化，扩大视觉空间，但同时又将面临客厅中的油烟问题。开放式厨房在西方的使用率更高，这是因为中国传统的烹饪操作产生的油烟远高于西方的烹饪操作，即使有油烟机，但面对明火下的煎炒烹炸，不可避免还是会有油烟的困扰，在油烟机没有根本性解决问题时，开放式厨房对中国的大多数家庭来说还不是最好的选择。

这里涉及到一个因素，中西方饮食的差异。而中西饮食文化的差异对厨具也必然产生影响，例如洗碗机，西方人洗碗机的使用频率普遍高于中国人，且是每家必备的产品。但在八九十年代传入中国的时候却出现了“水土不服”，给大家留下了洗碗机洗不干净的印象。其实是因为中西方烹饪的方式不同，所用的餐具也不一样。西方的餐具大多是扁平的盘和碟，而中国人习惯用碗盘，碗口深，对于碗中凹槽内的油腻食物残渣，很可能水流冲洗不干净。但经过数十年的产品迭代，已经有了中式的洗碗机，问题得以解决。

从文化的角度上去看这些工业产品的设计，其实是很有意思的，不同文化之间的碰撞与交融赋予了产品设计的独特性。不管是实物类产品的设计，还是服务类产品的设计，只有以人为中心，以文化为核心，理解目标地区的文化作出针对性的设计，才能使自己的产品更容易被目标用户所接受，我认为这是跨文化设计的重要意义。

所以，跨文化产品的设计，了解他国文化是第一要素。因地域文化的不同，有些看起来逻辑性非常强的 产品设计 并不能满足其他地区的用户需求，也不存在囊括所有问题的单一解决方案，大多数公司采取的是“国际化”+“本地化”的战略方案，保证多元文化下的统一，单一文化下的个性。

接下来我会分三步分享 跨文化设计 的思路：

了解文化因素下的差异有哪些？ 如何去寻找和分析这些差异？ 跨文化的设计原则和设计系统？ 往期文章回顾：

7000字干货！东南亚本地化产品设计差异：泰国篇 泰国是东南亚的第二大经济体，仅次于印尼。

阅读文章 >

7000字干货！东南亚本地化产品设计差异：印尼篇 印尼是东南亚人口最多的一个国家，人口超过 2.65 亿（还是 2019 年末的数据，现在应该近 3 亿），其中 30 岁以下人口占比超过 50%。

阅读文章 >

如何做东南亚的本地化产品设计？来看阿里设计师的系统总结 这几年，出海东南亚一直是热门话题，不少国内企业斥巨资出海东南亚。

阅读文章 >

文化因素下的差异 这里引入 Leong 和 Clark 的文化理论，他们针对文化对象的研究制订了一个简单的框架，认为文化产品的层次应分为三个级别，由浅入深即为：外在层次“有形的、物质的”，中间层次“行为的、习俗的”，内在层次“无形的、精神的”。

后经文献研究，徐启贤老师对文化空间层次进行详细区分和讲解，增加了文化产品属性列表。

林荣泰老师又在此基础上进行完善，将文化层次从形态、行为、精神 三个角度出发，提出文化产品的具体属性。

我按照自己的理解，对以上进行总结和思考。从文化层面上看，可分为文化理念、用户行为、视觉偏好的差异；若由文化层面转换成产品设计层面，对应的是价值观、功能与交互和界面外观的偏好。

1. 文化理念（价值观）差异

文化受到多方因素的影响，例如地理、经济、社会政治等因素，不同文化背景下成长的人，必然形成价值观的差异。例如中国的集体主义文化和西方的个人主义文化，中国人更注重关系的维系，强调以群体为中心；西方则是个人本位原则，提倡“自我依赖”的观念。

2. 用户行为（功能与交互）差异

不同的文化背景下，用户的生活习惯、行为模式也各不相同。例如我们中国独有的春节红包文化，演变成现在的电子红包。在我们传统的春节习俗中，人们收红包和发红包都是为了讨个吉利，意在祈福。现在发红包已然成为烘托气氛、强化关系的一种仪式，但不管是在什么场景，以什么形式，红包在我们中国人心中都代表着祝福和好运，它是我们中国独有的一种文化，所以在中国的社交 APP 上能看到发红包的这个功能，而西方国家没有。

3. 视觉偏好（用户界面）差异

同样，不同颜色在不同国家所代表的意义也完全不同，在中国的文化背景里，红色代表着吉祥喜庆。例如活动页面要突出热闹，通常都会使用大面积的红色来营造活动氛围；又如画红包元素时，大家都会使用红色，而不是蓝色，绿色。

分析文化差异的方法 通过建立文化地图，分析和提炼出不同国家之间的差异与共性，为后续的设计提供方向。

第一步：建立文化地图

这里可以借助 hofstede 的文化维度理论，先建立起一个宏观的文化框架，按照里面的 6 个维度把目标用户的文化与我们国家的文化放一起对比，再通过一些文献和资料去补充里面的细节，从整体观到细节观，分析他国文化与我国文化的差异和共性。

hofstede 的文化维度理论是当今文化差异研究领域最具影响力的理论之一，有六个维度：权利距离、个人主义/集体主义、男性化与女性化、不确定性的规避、长期取向与短期取向、自身放纵与克制。

比如，中国和美国在权利与距离维度中的差异。中国 80 分，属于高权利距离国家，美国 40 分，属于低权力距离国家。儒家思想是我们中国传统的道德观念，我们从小被教育要听从父母和老师的话，尊重父母、长辈是家庭中的基本美德。在美国，大部分人都信奉基督教，《圣经》中传达的思想是人人生而平等，家长会要求孩子尽早独立，家庭成员之间的相处方式不必取决于年龄。

通过这些维度的对比，我们能将抽象的文化形象化，有一个全局的文化视角。

（说明：这里的分数高低并不是指好坏，而是指文化的差异）

第二步：分析文化差异与文化特色，提取设计要素

当建立起文化框架后，再从宗教、历史、地理、风土人情、生活方式等方面，分析其他国家与我们国家的具体差异之处，再提取出对应的视觉要素。比如印尼，在宗教上信仰的是伊斯兰教，有 87%的人是穆斯林，伊斯兰教规定禁止把狗当作宠物养在家中，也不允许把狗当做儿童的玩伴，因为会对儿童的健康不利，所以在做印尼的设计时，要避免使用狗的元素。

再如印尼当地的斋月节，斋月是印尼最最重要的节日，在这个期间做活动海报时，可以多运用伊斯兰教的一些元素，例如：斋月的斋灯，月亮，以及伊斯兰教寺庙的尖塔、穹顶和几何纹理的装饰等等，都可以融入到设计中，贴近本土文化，更容易获得当地人的喜爱和认可。

值得注意的是，建立文化地图不仅仅是研究文化差异，更多的要思考的是从文化与设计相关联的角度上去看文化差异和文化冲突给设计所带来的影响。

3. 跨文化设计原则

在跨文化设计中，又可分为面向单一文化的设计和面向多元文化的设计，不同场景的侧重点也不一样。如果是面向单一文化的设计，比如只做印尼的本地化设计，那么只需研究当地的文化特色，避开文化禁忌，产品设计符合当地的文化偏好即可。如果是面向多元文化，就需要对多种文化进行分析和总结，寻找文化共同点进行设计的突破，使产品能被不同文化圈的用户群体所接受。

这里分享两个设计原则，文化包容性设计与文化规避设计。

A. 文化包容性设计

英国标准协会(2005)将包容性设计定义为: 主流产品或服务的设计能为尽可能多的人群所方便使用，无需特别的适应或特殊的设计。它通常是通过满足一般排除在产品使用范围之外的群体的特殊需求，从而增加更好的用户使用体验。

当把它引入到跨文化产品设计中时，我们可以转换为：最大化的满足目标群体的需求，当出现多个文化元素时，需要充分考虑到文化的差异并寻找共性，分析并提取最合适最有价值的设计元素，进行更深层次的综合性设计。

例如，代表“奶制品”的图标，中国常见的是牛奶，西方常见的是牛奶和奶酪。在设计时，要尽量使用通用的设计元素，保证不同国家的用户都能理解图标的含义。

B. 文化规避性设计

不管是面向单一文化还是多元文化，都需要对目标群体做文化规避方面的研究，避免出现文化禁忌。比如印尼是穆斯林国家，我们就要避免使用猪和狗的图像，以免引起用户的不适。又如，“点赞”的图标，在中国和西方国家，竖大拇指是表示正向的评价，表示好的意思。但在伊朗、阿富汗地区，是一种挑衅的行为。

了解并掌握目标群体的偏好和禁忌，可以避免因文化认知差异而带来的设计误差。

跨文化设计系统 再分条细说，关于文化差异和文化冲突下，设计系统需要注意的事情。如果从设计形式层面上看，可分为文字、图像、颜色、版式四部分。

A. 文字

在进行语言本地化时，需要注意以下几点。

语言翻译

很多时候为了省时省力，会直接采用机译，但是在一些重要场景的页面，建议还是找 local 进行翻译和做后期的项目文案检查，避免机译后出现用户看不懂的迷之场景。

语言适配

在国际化设计中，要确保语言本地化后依然有舒适的阅读体验和页面展示效果。比如英文翻译成泰文后，原先是一行的英文，翻译成泰语后可能会需要换行。同时也要注意换行后的行间距，泰语的书写方式比较特殊，如果行距太近，可能会掩盖上下行的元音字符，因此，需要留出足够的空间来提高可读性。

区域格式

区域设置中，需要注意不同地区的日期/时间格式、数字格式、货币格式、名字格式和地址格式。

文字字体

避免使用没有开源和系统不匹配的字体，比如有些字体适用于泰语、印尼语和马来语，但是不适用于越南语。

B. 图像

图片和图标的应用中，要注意到不同地区的文化和宗教差异。

图标隐喻

国际化设计，尽量采用各大平台通用的图标设计，避免小众文化的设计元素。

本地化设计，可以在设计元素中融入当地的文化特色，更容易获得当地人的喜爱。

图标或图片的文化禁忌

避免使用和当地文化不匹配的元素，以免引起人们的不适。面向多元文化时，避免使用宗教和谨慎使用手势相关的内容、标志、符号等。

图文分离

建议不要将文字直接嵌入图片或视频媒体中，需要分别以较小的个体进行存储，便于多语言场景下的替换。

C. 颜色

不同国家的人有不同的色彩偏好，文化倾向与喜好也会影响到对界面设计的接受程度。

色彩偏好

如果是面向单一国家，可以考虑使用当地人喜爱的颜色作产品主色。

如果是面向多国家，尽量采用各个国家都容易接受的色彩。

色彩隐喻

对于指数的上升和下降，红色和绿色在不同国家所代表的意义也不一样。例如中国的股票市场，红色代表升，是利好的。绿色代表跌；在美国，红色代表下降，绿色代表升。

色彩禁忌

不同颜色在不同的文化背景下所代表的意义完全不同，需要避免在某些场景使用当地人的禁忌颜色。

例如泰国人在日常生活中忌讳使用红笔签名, 只有人去世后才可以用红笔在死者的棺材上写上其姓氏，因此，不要在海报中出现名字用红色的字体。

D. 版式

不同国家的语言差异，也会造成版式上的设计差异。

排版布局

在空间上，中文的展示效率要高于英文。例如下图中的 filter 页面，中文的页面使用宫格形式，内容能够在第一屏全部展示出来，操作也无须跳转页面，直接就能在当前的弹窗内进行操作；英文的页面则采用 list 形式，可能要 2 屏才能展示完全部的信息，操作需要跳转页面。

把右图的中文翻译成英文，字数可能会变长，如果仍然使用宫格排版，页面会比较拥挤，而且有的文字是一行，有的是两行，排版上会显得不整齐；如果把左图的英文翻译成中文，使用列表布局，又会显得比较空，空间使用率不高且操作不高效。因此，语言的差异也会引起设计样式和交互的差异。

排版顺序

中文和英文的语言环境中，我们的阅读方式都是从左到右的顺序，所有的排版顺序也是从左往右。但是在中东地区有一些国家与我们的阅读习惯是相反的，例如使用阿拉伯语和希伯来语的国家，他们的阅读习惯是从右到左，内容排版顺序也是从右往左。

阅读习惯的差异同样也会造成交互上的差异，例如，阿拉伯语的信息布局中，就不适合从左到右的 Z 型浏览模式，因为在他们的语言环境中，重要的内容基本放在右侧。又如，在箭头的交互上，左箭头是代表进行下一步，右箭头代表回退。

那么，我们在做信息框架的设计时，要思考的是在不同的语言环境中，我们的普适性的设计法则是否还奏效？是否应该有一些相对应的调整以适配当地的语言环境和文化？这些都是在设计前期需要深思的事情。

对了，说到这里。补充一个有趣的小知识：阿拉伯文字是从右往左写，但是阿拉伯数字为什么是从左往右呢？我找了一些资料，感兴趣的同学可查看下方的链接。

阿拉伯文字从右往左写，但是阿拉伯数字为什么从左到右写？ https://en.wikipedia.org/wiki/Hindu%E2%80%93Arabic_numeral_system 好了，以上就是我这次的分享~ 希望对做出海设计的同学能有一些帮助 ?

欢迎关注作者 微信 公众号：「8点的四月」