环境艺术设计的项目实战

        牌匾及门市门脸的设计制作在当下的平面设计范畴内，发展空间及远景后劲十足，原因有两点：一是它的不可替代性，目前互联网发展迅速，演变的电脑终端和手机、车载、金融等载体的设计占领了大部分的设计领域，但实体经济仍然有其存在的必要性，这样门市和所有的实体经济就都需要门脸和牌匾的推广形式；二是纵观世界实体经济的发展过程来看，招牌的设计制作均一直延续和发展至今，所以未来相信也并不会被取替，通过发展和整合相信会出现不同的创新的体现形式。牌匾的设计主要结合了平面设计和3D设计两大块内容，下面就牌匾制作的过程中遇到的问题及经验共同交流，同样希望喜欢的朋友留言指正：

一、牌匾

       牌匾同比门脸设计制作相对于简单，其材质使用却是种类繁多，例如：铝塑板、生态木、三维扣板、彩钢板、碳烧木、塑料植被、彩玻璃、铁艺等各类材质，近3年发展的牌匾样式和材质更是多种类型，其原因在于设计师的设计理念在和当下时尚思维合并。

牌匾的组成：钢制（老式有木制牌匾，但年久会存在不确定危险因素，建议室外不采用）龙骨架

                      牌匾底板

                     牌匾文字，文字可分为：不干胶帖子；雪弗板雕刻立体字；亚克力包边发光字；亚克力压缩成吸塑字；其中亚克力发光字占牌匾主流位置，并且演变的种类繁多，其中包括发光吸塑字、外漏点字、测漏点字、背露点字、钛金刚漏点字、树脂发光字、铁壳发光字等。

        牌匾制作安装过程中应考虑到安装地域的气候及温度情况，在选取适应材质的条件下，满足客户要求！例如北方冬夏温差较大，在制作牌匾时涉及拼接的情况下，应考虑热胀冷缩对牌匾的两季影响。如四季风季较多的海边城市则需要在安装强度上增加考虑。

牌匾的制作安装步骤：

1、根据客户的需求现场量尺，考虑周边环境对安装的影响，并给出安装可行性方案，考虑到安装难度对于成本的要求

2、设计牌匾，提供客户满意的材质并报价和工期，在客户满意和同意的情况下进材料

3、钢结构框架制作焊接，注意强度安全性要求

4、牌匾面板材料安装，牌匾的面板材料多种多样，每个形式的材料都有着不同的安装方法和步骤，具体情况需安装工人现场操作

5、牌匾字的制作安装，如果是发光字应和客户沟通表明灯源的使用保质期限，以免后期不必要的纠纷；字体安装要求符合牌匾设计稿尺寸和样式，字体安装应牢固，安装前应连接好电源线的衔接情况，并在安装前提前试电

6、牌匾安装分两种：一是直接悬挂在墙体上进行安装，墙体打入膨胀螺栓和牌匾钢制框架焊接加固。二是用膨胀螺栓在墙体上事先安装钢支架，将牌匾座在事先安装的钢架上加固焊接

7、牌匾安装完毕后链接发光字电源，安放好变压转换器，注：变压转换器均放在室外，因为会产生噪音。

8、与客户交验，符合已定设计的样式、材质、尺寸等要求，如果是发光字的话，需要现场试验光电是否正常使用

牌匾的设计归类：

1、牌匾的设计形式和名片设计有类似之处，例如牌匾的设计基本都是由文字和简图构成，简图一般均是该机构的LOGO标志，或者最具带表性的标志，主要给人一眼过目不忘的效果，使人印象深刻。

2、牌匾的文字：文字上应醒目，让人观看时通俗易懂，标注清楚客户所要传递出来的信息，字体的大小也决定着牌匾字所用的材料，比如太小的字（小于15CM）想做灯光效果就要用盒子形式表现或者做一体的树脂字等。

3、牌匾设计的字体和图标颜色，应考虑到牌匾面板的颜色搭配，除特殊要求外不要从色。

牌匾的制作和安装的注意事项及供参考！欢迎伙伴交流相互学习进步！

所以，买电影票是一个绕不开的钢需。我们常常会借助各种购票APP和网站来筛选电影信息，匹配时间表，挑选作为，甚至购买观影时吃的食品和饮料。如何让整个购票、观影的过程更加舒适，是这些服务商和APP、网站所需要做到的事情。今天的文章，我们来聊一聊，如何为一个电影购票APP设计页面UI和体验、功能。

个人页面

必须承认的是，现如今的应用APP 在个人化、个性化体验设计上越来越成熟，要求也越来越高了，相应的个人页面也成为了APP当中必不可少的组成部分。作为一款电影购票类APP，用户的个人购票信息都会集中在个人页面中呈现。更重要的是，个人页面的个性化设计能够更好地同用户产生联系，进而培养忠诚度；另一方面，通过个人页面来跟踪用户信息也会变得更加轻松。

个人页面只应该包含必要的信息，否则整个页面的UI复杂度很难控制。用户注册的时候，通常会需要用户提交用户名（ID、姓名）、电子邮件、注册地和电影偏好。由于购票是主要的功能，通常还需要提交信用卡或其他的支付信息，便于用户购买和预订。除此之外，通过用户的日常购买信息和地理位置信息，APP还能为用户提供更多有用的电影信息，比如周围的电影相关的活动和附近正在上映的电影的相关资讯。

主界面

主界面，或者说首页，是绝大多数数字产品的核心和基础，用户通常是从这里开始他们的旅程。主界面会因为产品类型的不同而有所差异。

对于这款电影购票APP而言，主屏幕无疑是要呈现电影本身的，其形式则是电影海报和电影名称，当天所播放的电影都会在主界面显示。这些电影会以列表的形式展现，这样用户可以快速浏览并选择。海报应该是可点击的，并且随后用户会随之进入特定电影的单独页面。

此外，主界面的UI当中，应该有搜索框，让用户能够搜索并快速找到他们想要的电影。在搜索结果中，添加筛选机制，帮助用户更快地在结果列表中筛选出他们想要的条目。

导语：时至今日，大家都已经深切的明白情感化设计的重要性和必要性。但毫不客气的说，情感化设计依然是很难的一个环节，即使掌握了情感化设计的理论基础和设计思想，却时常还是感觉不知道从何下手。所以就需要结合大量的案例来具体领会。

情感化设计的理论基础已附在文末《情感的艺术—诺曼·情感化设计》

一、案例分享

下面以诺曼·《情感化设计》的三层理论模型为依据，分别介绍每一层级上的设计案例。

诺曼·《情感化设计》的三层理论模型

本能层

1、俏皮的设计

可口可乐的营销案例。字可能看不清，左图写着“你算老几”，当喝完可乐就会看见答案“我的知己”（右图）

2、情景化设计

这是苹果的天气设计，很多天气类软件都有类似的设计。展现的情景跟当前的天气状况是实时对应的，白天云朵会飘，晚上甚至能看见星星。

3、彩蛋给人惊喜

Chrome浏览器搜索“灭霸”，点击右上角的“超能手套”，网页开始消失。真的有一种灭霸打个响指的感觉。如果声音外放，还能听见音效。

4、小变化给人新意

下图分别来自B站、微博和即刻。在点赞后会发生一些与众不同的变化，给人带来新意。

B站会出现B站小电视，微博再给林志玲点赞后会出现vow的表情，即刻更是喂猫前后分别用小鱼和鱼骨代替。不同情境下点赞，还会出现不同的动态效果。

5、别出心裁的设计让人眼前一亮

一加用小人托起卡针，虽然好像并没什么作用，但能感觉到设计师用心了。用心的产品总能让人放心。

一加

6、安全感

readme、Bilibili在输入密码的时候，会遮住眼睛，我试着感受下潜台词：我不看，你放心输入吧。

readme

Bilibili

7、doodle情感化设计

doodle先特指在logo上进行的一些创意表达，Google在这方面玩得最早也最多。

8、拟人化

Bilibili极力地在打造二次元形象，甚至能感觉到两位小姐姐的身高、体重、性格、心情，在Bilibili中就像有两位小姐姐一直在陪伴着。

Bilibili

夸克浏览器语音助手界面，两只眼睛忽闪忽闪的，可爱极了，像一只小精灵。

夸克

9、小游戏

Google浏览器在断网的时候会出现小恐龙游戏，也是很有趣。

Google浏览器

10、微动画

以google pay为例，它为每一笔交易奖励一张刮刮卡。这个微动画增强了感知。

google pay

行为层

1、充分考虑用户使用场景

Word模式网络小说，这简直是摸鱼神器啊，我是不会告诉你这是凤凰网书城的。强烈建议知乎加上，这样我摸鱼写文章的时候，就不用先在Word写好再复制过来了。类似的操作还有网易云阅读。

还有酷我音乐的这个“节奏灯光”把我逗笑了。它会根据节奏或者人声来控制闪光的频率，配合DJ食用效果更佳。“如果我是DJ你会爱我吗？”

酷我音乐

2、贴心关怀

腾讯视频在夜深的时候，顶部会出现提示：夜深了，并带上时间。虽然并没有什么卵用，我还是会继续看，但那一秒真的被触动到了。

腾讯视频

我知道美团外卖只是想促进转化，但这样恰逢时宜的提示，就不至于让人非常反感。

美团外卖通知

网易云音乐居然知道我生日，还让我挺意外的，不知道哪里泄露了隐私。不过先不管这么多，听听推荐的生日歌还是挺有感觉的。

网页云音乐生日提醒

3、进度提示

很多产品的成功页都会有个流程展示，流程的展示能给用户以确定的预期，从而消除因不确定而带来的焦虑感。

这里再举个Zenly的例子。

在加载联系人的过程中，会不断地出现新的文案并配合不同的表情。本来枯燥的等待过程，变得有趣起来，不然我可没有耐心等待那么长时间。

4、文案

Medium提醒我登录的文案与众不同。

先是给我道歉：“抱歉打断你了”。非常有礼貌，不过确实是打断我了，因为我当时正打开一篇新的文章。

紧接着灰色小字写着：“我们发现您以前在Medium阅读过，这里有个个性化的体验等着您，只需点击几步即可。现在去创建属于你自己的Medium吗？”

文案写得好才不至于那么令人反感，如果是很生硬的登录提示，当时我就直接点关闭了。

Medium

还有各种各样风骚卖萌的文案：

夸克：网页大师乘坐着404航班去追寻诗和远方了。

夸克：网页大师乘坐着404航班去追寻诗和远方了。

Colorful Pro：梧桐更兼细雨，到黄昏，点点滴滴

Colorful Pro : 梧桐更兼细雨，到黄昏，点点滴滴

webflow：嗯哼……那个蓝色的按钮一定很重要……

webflow：嗯哼……那个蓝色的按钮一定很重要……

5、反馈

这里先举个QQ音乐、网易云音乐和虾米音乐在无音乐版权情况下的反馈。

QQ音乐：我们的目标是星辰大海，哪里不满意的告诉我，我买！——土豪有钱任性

网易云音乐：这事不赖我，合作方要求的，我替你找合作方说理去！

虾米音乐：这事咱低调处理，没版权我也没办法，给您道歉了。

传达出来的态度完全不一样。

这三个反馈都是截止到2019.7.10的最新版，上一版不这样。

QQ音乐：一如既往的壕气十足

网易云音乐：大哥饶命，我们一直在努力

虾米音乐：我们一直在努力，可否先看个MV先

其实我更喜欢网易上一版的文案，语气弱一些并用了个可怜的表情，弱势的语气更能获得谅解。

还有各种各样反馈的例子：

微信转账如果两笔金额一致，会出现确认框。避免误操作。

微信转账

iPhone充电，如果充电口存在液体，会出现安全提示。

iPhone充电提示

QQ音乐会员到期提示，用了我最爱的偶像周杰伦，并改编了周杰伦的歌词作为文案。让我感觉很亲切，虽然依旧是变成花样骗我钱，但这次并没有那么抗拒。

QQ音乐会员到期提示

反思层

1、情怀

张小龙的七星级产品—QQ邮箱，在登录的时候总会随机的出现一句话。有时候是许巍的《蓝莲花》、有时候会是两岁小孩的一幅画、有时候是一句名言……但下面这句话有点风骚，我不敢翻译。“Across the Great Wall we can reach every corner in the world.”

QQ邮箱

“Across the Great Wall we can reach every corner in the world.”

2、回味

扇贝是我天天用的一款软件，它每天都会带来一幅很精美的图片和一句让人回味无穷的话。每天打开扇贝，感觉又开启了有逼格的一天。

扇贝启动页

3、价值观和社会价值

Bing搜索和腾讯网404 no found界面用来做走失儿童公益。为了能让大家看得更清晰一些，这两张图我就不缩小了，希望宝贝能尽快回家。

Bing搜索

腾讯网

丁香园404 no found界面展现了因恶性医患遇害的同道，向他们表示哀悼。

丁香园

4、人文关怀

下图分别来自Pinterest和微信，Pin在搜索输入depress、suicide等极度负面情绪词汇的时候，会出现“Can we help”提示，告诉用户这些图片会让人情绪低落，如果你或别人正在经受困难，甚至想自杀或者伤害自己。我们可以帮助你，你并不是孤单一个人。

这正体现了一个企业的社会价值。

在Facebook修改了自己的感情状态，看到了这样的一则官方帮助贴，有点暖心了。

Facebook

在淘宝搜索穿山甲，心里一惊，居然有搜索结果，然后……给阿里点个赞吧，还是希望全民都能建立起保护意识，也希望尽快研制出新型药物。让我们一起来保护这个可爱的小家伙吧。

在淘宝搜索穿山甲

好例子太多了，以后有遇见好的例子会继续在这里更新。

这里需要说明的是，无论是在哪一层级上的设计，都会对其他两层产生影响。比如一个好看的界面设计，会让用户更能接受并理解他，从而得出这个产品不错的结论。 也就是说，情感化设计是整体性的，设计的时候都是需要综合考虑的，不存在只针对某个层级的设计。 只是说诺曼将“情感化设计”分为三个层级后，让我们找到了设计的侧重点，更加方便我们设计了。比如我们可以从本能层为切入点切入，思考得到一个设计方案后，再通盘考虑对行为层和反思层的影响，最后通过修正得到一个更恰当的解决方案。 下文根据层级对案例进行分类，只是为了更方便的进行阐述。

二、什么是情感化设计？

这是个老生常谈的问题，所谓的情感化设计就是 以用户情感角度为出发点的设计方式，以期让用户和产品发生情感上的连接。

现在流量明星都在努力塑造自己的人设，并主动频繁更新动态，让粉丝能更轻易的与自己互动，并发生情感上的连接。这些明星已经不像老一辈明星那样让人感觉遥不可及高高在上，反而让人感觉亲密无间。这些青春靓丽的小哥哥小姐姐成为了多少人的云恋爱对象。

产品也一样，早就不应该是冷冰冰的机器。

我们也应该给产品一个性格。逗逼、小可爱、稳重大叔、极客、情怀、可靠……这些有血有肉有温度有感情的产品，更能让用户产生情感上的共鸣。每个人都喜欢跟自己趣味相投的人在一起，对待产品也一样。

三、情感化的设计思路是什么？

我查阅了大量资料，也跟做用户体验的同事交流后发现，确实业内现在并没有一个统一的标准化的设计思路。

但幸运的是，我们浸淫情感化设计多年，形成了一套我们觉得切实可行的情感化设计思路，今天就将其倾囊相授。

1、 首先需要明确目标，不是为了情感化而情感化。 作为一个设计团队，我们要先明确当前急需解决的问题，有策略有节奏的进行执行，大家方向统一目标一致，这样才有可能高效产出，并取得高分答卷。

假设：现在的目标是提升产品的品牌认知

2、 提取情感化关键词。 我们需要找到用户情感的诉求点，或者我们想传达的情感价值观。并将这些关键词提取出来，作为设计的核心关键词。

假设：提取的情感化关键词是活力、阳光和亲和

3、 寻找切入点。 切入点有非常多，比如统一的视觉系统、文案语言风格、惊喜感、趣味性、微交互等等

假设：我们以统一的视觉系统入手，可以对logo、色调、视觉元素、图片、插画等进行整体升级。

4、 具体方案细节设计。 我们对找到的切入点进行全盘的把握，然后再逐个击破，最后形成新版的情感化的设计方案。

以上是情感化设计的思路，总结起来就是如下：

情感化设计思路

四、情感化设计的作用

情感化设计的作用有很多：

1、情感化设计可以缓解用户的负面情绪——比如等待、产品出bug、无内容空白页、断网、服务器失联、错误操作等等

2、情感化设计可以引导用户行为——情绪是可以影响用户的感知、决策甚至是记忆的。我们可以利用这一点，比如当用户完成某项任务时，心理处于愉悦状态，我们就可以引导用户到应用商店给我们五星好评。再比如如果用户要注销账号时，卖个萌，是否可以让用户再考虑一下。

3、情感化设计可以提升品牌认同——持续的正面情感反馈，会让用户欲罢不能，并将这种情感投射到品牌上。这种极强的情感认同，会让用户产生极强的忠诚度。

4、情感化设计可以促进增长——这是一个潜移默化的过程，好口碑自然会有好增长。

有个误区：情感化设计大家似乎都在追求正向的情感，但实际上负面的情感也不是不能用。

比如

紧迫感：红包有时限、下单必须多长时间内支付。

心理学上的解释就是，当人类处于负面情绪时，会更集中注意力去解决当前的困境。当人类处于正面情绪的时候，思维会更开阔更有创造力。这也是人类进化而来的结果，正所谓饱暖思淫欲，饥寒起盗心。

这也是为什么常常有产品经理抱怨：明明这个按钮那么明显，用户为什么看不见呢？这就是因为当用户处于困境的时候，真的就是进行重复操作，而让自己处于死循环中，最后无奈退出。退出的时候还要骂一句这产品真傻逼。

还有个使用负面情绪的例子是共享按摩椅。

它的喇叭刚好就放在头枕的位置，喇叭里面循环播放着广告词。正常路过的时候，并不会感觉很刺耳，但只要人往那一坐，是戴上耳机也无济于事。想眯一会儿，被这广告词吵得睡不着，但又不想放弃这么舒服的座椅。最后在几经挣扎下，还是乖乖扫码买单按摩了。仿佛耳边飘来一个声音：这个问题充钱就可以解决了。都是被人算计好了的。

五、情感化设计的风险

情感化设计的好处很多，但它的缺点也会对产品造成很大的伤害，我们不能不了解情感化设计的风险。

1、情感化设计存在时效性，一时新颖的设计，可能很快就会过时。

2、每个人成长环境不同、理解力不一样，这导致情感化设计存在较强的主观性。有人觉得还OK的设计，另外一拨人甚至感觉受到了冒犯。

比如下面优酷赠送会员的浮窗，理性看用户领取会员是最佳选择，优酷也想从文案上让原本二选一的选择题变成唯一答案的必选题。但这一句“不要了，我爱看广告”让我感觉受到了羞辱和嘲笑。我选择都不选，退出并清理后台。

优酷视频

3、情感化设计有时候会影响产品的可用性。因为它在分散用户的注意力，处理不好的话，反而会让用户偏离重心。

4、全球化的产品，一定要考虑到不同国家地区、不同种族和不同文化背景的感受。

5、从小众产品做到大众产品，情感化设计越来越难，因为众口难调。每一次设计，都会有人跳出来反对。甚至同一个人，因为他自己心情的变化，也可能对同一个设计作出相左的评论。

为了让我们更安全的进行情感化设计，我们总结出了一些原则：

1、在不常见的页面做情感化设计，比如登录注册页、退出登录、空白页、断网、弱网、服务器失联等边界场景，还可以在产品引入新功能时，用户完成里程碑式操作或成长时。

2、结合节假日或值得纪念的日子出现情感化设计。

3、尽量采用细微的变化。

4、不要欺骗用户情感。

我收到了即刻的一条通知“你好，我们应该认识很久了。”我一激动，这会是谁呢？慕名而来？

结果打开一看，是即刻的新功能介绍。那一刻我感觉到了欺骗。

即刻

5、不要太刻意，无意间的发现更能让用户惊喜。也可以准备一些彩蛋，给用户不期的惊喜。

6、不要干扰用户主线操作。

7、只做适合自己的情感化设计，不要为了情感化而情感化。情感化设计是饭后甜点，不能当正餐。

以上。

如下是产品经理系列文章：

汤涌：干货 | 产品经理入门完整版—能力模型、常用工具、书单、快速入门法​zhuanlan.zhihu.com 汤涌：如何进行需求收集？​zhuanlan.zhihu.com 汤涌：需求分析方法论​zhuanlan.zhihu.com 汤涌：从需求到落地，产品全链路实现流程​zhuanlan.zhihu.com 汤涌：从需求到产品，如何做一份无懈可击的产品设计​zhuanlan.zhihu.com 汤涌：情感的艺术—诺曼·情感化设计​zhuanlan.zhihu.com 汤涌：情感化设计·实战案例篇​zhuanlan.zhihu.com

我们的教师来自各省知名装饰公司的首席设计师和设计总监，具有丰富的实战经验和工作阅历，坚持卓越的教学品质和理念结合操作作为教学核心，以工地现场讲解材料工艺、施工说明、庐山特训营手绘技法、软件提高强化作为教学主要内容，以培养实战型和专业型设计师为主要目的。三口实训基地是国内首家也是唯一一家高端实战设计实训，坚持严格的管理制度和追求卓越的品质为教学的核心。专注高端室内设计培训和平面设计培训。

三口实训基地教学内容

作为国内实战设计培训品牌缔造者与领导者，以严格的管理制度和追求卓越的教学品质是三口一直以来坚持的原则和理念。实训内容的设置和品质管理均由拥有多年的实训和设计行业的经验的人管理。拥有重量级课程研发团队，分别由熟谙实战实训体系的设计师。实训项目的研发水平是决定一个实训基地成果最核心最重要的部分，三口实训基地也是安徽省拥有高水平研发实训项目能力的实训基地，拥有多年的项目研发经验。

三口实训专注高端设计，坚持自主研发实训内容。

1、实训内容源自行业标准：学员实训的内容完全是行业的实际工作内容，紧贴行业发展前沿，每年外派设计师老师去沿海城市交流学习，更新课程内容，把握行业发展动脉。

2、严格的独创教育模式：随着行业不断发展进步，业界公司对人才的实战技能的水平要求也在逐渐提高。不但需要技术过硬，而且用人单位在人才选拔方面也越来越注重素质、创意、表达、应用等综合素养。三口实训基地采用完全企业化的管理模式为了使学员实训完，可以马上进入公司工作环境和快速熟悉公司运行流程，适应企业管理制度，只有吃得苦中苦，方能成为人上人。没有人能随随便便成功的，三口实训基地采用严格的企业化管理学员，对迟到和不完成作业者予以重罚。

3、三口实训基地定期拓展课程：三口实训基地老师不单单教会学员的设计技能，还教会学员和陌生人打交道沟通的能力，快速适应陌生的环境，吃苦的能力，毅力，对待事情的态度等。

可是客户就要那样的，因为那样的标志是能为大部分消费者接受的。比如说金融的，好像全都是孔方形象，不是因为客户喜欢，而是因为大部分的一般化的目标消费者都认同了这样的一个形象。可是话虽如此，但还有像人行那样的标志，用的是古代布币的形象，不是很好嘛？所以，不能怪消费者，因为标志对于他们来说只是一个代表；也不能怪客户，因为对于他们来说，标志只是为了能让目标消费者记住品牌，从而在长远上产生更大的利益。那问题就在于标志设计的人员，即要突破设计上的桎梏，突破形象上的大一统，更重要的是要在能让更多是消费者接受的情况下求新求奇。客户喜欢的是能让消费者接受的。如果不是的话，在设计者的眼里再好的标志对客户来讲都是废物，当然这里边要出去那些真正愚蠢而顽固的客户。

其次，所谓标志是实战性，很简单，就是它的原始的作用，让目标消费者记住品牌。说起来简单，但要做出来就很难了。但不能因为很难救去假借别人的标志，那些已经被人接受的标志来变化，那个对于设计者来说是耻辱，对于客户来说是短暂的没有长远眼光的。那设计者所要做的就是尽力地去丰富积累自己的文化内涵，尽力去了解自己的目标受众，能尽量在让目标受众接受的前提下求新求奇，以期能有所突破。

PS：不知道这样算不算得答案而为你有所帮助，但我对这个话题很感兴趣。

1、对服装的品牌定位；

2、熟悉服装工艺标准；服装企业生产工艺流程

3、对服装色彩、款式、面料、搭配流行预测

4、擅长服装材料与色彩应用；

5、擅长服装画技法、服装部件设计、款式设计与效果图设计；

6、负责淑女、时装、休闲、商务、运动风格及系列服装实战设计

还不清楚的话，你去闻

瑞

服装设计训练营学学就可以了。