2024年视觉很好的网站设计 篇1
谢谢邀请。
所谓的高端网站建设公司，过去可能是体现在技术层面的高端：极度优化的网站代码，丰富的页面功能，强力的后台数据库，以及大量的适配性等等。
现在这个环境，在之前的基础上，还要把握好以下四个方面，才能称之为“高端网站建设公司”：
1.个性化明显的ui布局（视觉个性化）；
2.个性化操作体验（使用体验）；
3.领域垂直度（这个多为甲方的负责范围，乙方应具备大量框架模板）；
4.除以上技术方面的要求，还应该具备与之匹配的，“高端”网站建设理念，来匹配高端客户。技术过硬已经不能称为高端，要与用户体验结合才符合目前环境，“个性化”是个突破口。
这是对于产品（即网站）方面的要求。一个高端的公司，要提供高端的产品。
或者说，相比于以前，现在的高端更加体现在：注重用户体验。
这就需要贵公司要有专业的工程师和平面设计团队协作，来共同完整这个要求。这是一笔不小的人力财力投资。
“商用个性化”这个概念如果展开来说，几千字也不够，简单总结一下，要满足以下几个特点：
1.视觉个性化。
2.操作个性化。
3.满足“实用”与“简洁”前提。
如今的众多网络公司、平面公司、UI团队并非不能完成以上要求，但是受限于效率和成本问题，有自己的一套高效业务解决流程，最大化利益的同时，产品也会有些许欠缺。如果做一个完整意义上的“高端网站”产品，需要投入很多时间，与之带来的就是高标价，客户流失。
或许你可以认为高端网站本就是小众项目，针对为数不多的大企业，他们也不缺钱。但是实际情况并非如此，你可以多找业内人士咨询行情。组建“高端团队”容易，找到“高端甲方”难。
“高端网站建设公司”的高端，体现在高端的产品（即网站）上。但是对于什么样的网站叫做高端网站并没有明确的定义。
不如换个角度在考虑：高端客户满意的网站（产品），就是高端网站。
也就是说，贵公司只要发展大量的高端客户，提供良好的服务，就可以算作是高端网站公司了。
那么这些高端客户如何获得呢？毕竟一个公司要盈利，要发展，就离不开大量的客户。
1.直接发展高端客户。
就像是直销一样，通过营销手段直接接触高端客户，争取订单。
2.附着于第三方公司。
甲方需要经营发展，肯定不能只是指望一个网站，还需要其它方面和合作。那么可以从这些更“刚需”的合作企业入手（比如营销公司，广告公司，物流公司等等），建立合作关系，共同发展客户分蛋糕。
3.重新定义“高端网站”，实现业内垄断。
这一点非常的难，几乎不可能。而且现在PC相较于移动端已经丧失优势的环境下，实现这一点的必要性已经不充足。但是也可以作为一种思路，毕竟有时候大多数人都不看好的事情，或许偏偏就是机会呢。个人观点多说一句：一个具备高端实力的公司，何不将目标放在更主流更广阔的市场上：移动端的高端。
网站，以及PC相关的产业，在手机端的冲击下已经算作夕阳产业了。而且越来越多的企业对于网站的依赖性越来越小。大量的PC工程师转行至移动端，也是目前这两大行业的写照。
客户失去了这些需求，乙方也就失去了盈利空间。
与之而来的新风口，是依赖于手机的轻量级APP。
比如微信的小程序就是一个非常典型的例子。
这个风口适用于更多的大众创业者和消费者，有着巨量的潜在客户群体，而且相较于网站这种见效慢（能不能见效还有待观察）的形式，更多的客户会青睐于手机端APP或轻量级小程序，这对于他们来说更易于推广，参与到实际经营中。
对于贵公司来说，潜在客户更多，业务流程更简便，价格空间更合适，团队要求也低一些。
有需求，顺应主流的生意最好做，利益空间也大。贵公司可以考虑考虑。
2024年视觉很好的网站设计 篇2
谢谢邀请。
一、要设计成功的网站，首先你要明确这个成功对你意味着什么？
很多客户找我们开发网站，一上来都是说要做一个美团一样、京东一样、淘宝一样、微信一样。。。一样的APP、网站，但是问为什么做，就说不清楚，问了有些还觉得我们管的太宽。但是要知道，如果你连这个网站做了是为了帮助你实现什么你都不清楚，没有产品的设计目标，那么最终这个网站带来的积极影响就会很小。
二、网站上要有高质量的内容
内容优先于设计，没有内容的设计不是设计，而是装饰。很多客户在开发过程中提的最多的问题就是要设计美观，但是设计再美观，网站上没有高质量的内容，也无法黏住用户。这里的高质量内容不仅只网站上的文案介绍，还有产品、服务本身的内容是否能满足用户的期望。
三、简单的交互
易用性是网站最主要的特征，保持简单也是设计的最主要的原则。比如减少与产品/服务无关的杂乱信息，只保留重要信息，从而减少用户的认知负担。很容易理解的点，但是实际很多客户在最初产品设计时，看到一个不错的功能、用户体验，就会要求自己的产品上也要有，而不去考虑是否真正需要，是否鸡肋。
四、网站性能稳定
稳定的性能，也可以帮助留住用户，如果你的网站总是出现各种问题，那么用户就会转向你的竞争对手那边去了。如何保证性能稳定，这就要求测试人员不断地去测试检测，用各种测试方法去测试。
五、好的视觉外观
美丽的事物总是容易让人产生好感，虽然外观好看和转化并没有直接的关系，但是确实可以增加转化的几率。
当然，产品上线后，还要不断收集用户的使用数据，从而检测你的网站设计是否成功。
事了了：candy
我们为您提供专业的互联网服务，帮助您利用互联网高效获得客户。
服务内容包括：软件开发服务，APP,微信平台，小程序，网站，管理系统等；互联网高级人才推介服务；创业，互联网转型辅导；短期用工服务。
有需求，可以在下方留言。
2024年视觉很好的网站设计 篇3
您好！很高兴回答您的问题！
一、平面
平面设计是这三种设计里最“古老”的专业了，可以说平面设计是一切设计的鼻祖，学任何设计都绕不开它。因为所有的设计理论比如配色，排版，字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的，因为除了要了解基本的设计技巧以外也要了解材质，工艺等，不同的工艺和材质出来的效果也是千差万别，甚至在预算上都会差出好几个层级。
1.1载体
平面的载体在三类专业中算是比较多的，最常见的就是纸了，当然纸也分为了很多种，最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册，单折页，海报，杂志，名片等。这里关于名片多说一句，很多人说名片那么小的尺寸，如何才能有设计感？加的内容和装饰多了会显着很乱很拥挤，加的内容少了又给人的感觉没有设计感，这个问题如何解决呢？最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了，在公司里也是处于中高管理层的，一般的业务员因为分发的名片量比较大，所以就用最普通的纸就可以了，控制成本。
平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异，关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300，这是个绝对的误区，其实在平面中也会用到150，72，甚至30。那这是如何划分的呢？最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300，比如杂志／单折页／画册等，因为阅读距离很近，如果分辨率比较低，会出现很明显的不清楚情况。
再有海报的设计一般是挂在墙上的，我们阅读时是有一些距离的，所以分辨率设置为150到200即可，很多人会问设计成300可不可以？当然可以，但有几个前提，首先你能找到那么大尺寸同时是300分辨率的素材图片，再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件，还是建议大家不要尝试了，结果一般比较惨。
再有还有72和30的分辨率，此类分辨率会用在阅读距离更远的设计上，比如马路上的大型围挡，商场大厦外面的五六层楼高的大型海报。
最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏，在商场大厅，电梯墙壁，写字楼前台等地方现在都会用到电子屏来展示一些海报／通知／活动等。此类材质的好处就是更新内容方便，节省印刷成本，最重要的是没有印刷后果。印刷的风险比较大，因为印刷不可逆，印刷出来后出现了问题，基本没有补救的措施，而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性，一般只能在固定的一个地方进行展示。
1.2用途
平面设计包含的品类是比较多，常见的画册／海报／单折页／名片／书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计，VI设计等工作。平面设计的品类就是比较多，所以想做一个优秀的平面设计师没有个几年的历练是很难达到的，这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。
平面设计师设计出来的内容很多，刚才提到了logo，VI我们统一称为品牌设计。画册，海报，包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的，品牌设计是用来宣传企业品牌的，规范企业的设计视觉，统一企业的宣传口径。
画册，海报，包装等物料是用宣传企业产品的，使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装，我们经常会看到很多普普通通的产品包裹上漂亮的包装后，价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点，设计出来的东西用来做宣传。这个东西本身并不是产品，也不具备什么商业交易价值，都是为了公司为了产品服务的。
1.3技能
因为平面设计师需要做的内容涵盖的比较多，所以对于技能方面的要求也比较全面。比如除了最基本的PS／AI／ID等设计软件以外，还有了解到排版印刷工艺，材质使用，字体设计等。如果各位将来是做平面设计的话，印刷材质是关键，就像刚才说名片时提到的，同样的设计，如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外，更直接的方式就是泡在印刷厂里，跟着老师傅走几遍流程，学到的东西会受益匪浅的。
二、网页设计
网页设计在现在的工作中又分成了两个工种，一种就是常规的网页设计师，设计企业的官网，或者是一些具备功能性的网站。另一种是电商设计师，在五年前，这个工种依然不被人看重，即便是现在也有很多电商企业称自己家的设计师为美工，这也就造成了很多设计师会不愿意来做电商设计，更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的，尤其是在一些大型的店铺，此类店铺的视觉自然也是能够在圈里数一数二的了。
2.1载体
网页的载体比较单一，在之前就主要是在PC端运用，后来移动互联网的流行与普及，使得网页在手机上也流行起来，还有平板等。为了保证能够多端正常显示，在html5和css3的帮助下流行开的一个名词叫着“响应式设计”，也就是使我们的网页能够在任何平台上都正常显示。
2.2用途
刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话，我觉着就是“载体”。没错，网页本身就是载体，企业站乘载了公司的产品信息，企业文化，品牌宣传等，是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站，也是将网页作为了一个平台一个载体，来进行产品的销售的。网页本身是一个“容器”，里面“装”的内容决定了一个网页的价值。
2.3技能
在说平面时我提到了平面设计师转网页设计师是比较好转的，因为网页设计师同样需要具备对于色彩，排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究，因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可，深入了解如虎添翼。如果是做电商设计的话，从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下，所以有心的设计师一定要会一款3D软件，市面上很多，3D MAX／MAYA／C4D等，给大家推荐的是C4D，出效果易上手。
三、总结
设计这个行业是一个充满了很多无奈的地方，表面光鲜，后面因为客户、资金、想法等所经历的坎坷只有自己体验了才知道。之前说过一句话，如果是因为看到了这个行业挣钱就来这里做的话，可以，没有问题。但是如果你很难使自己喜欢上设计的话，那还是奉劝各位需要慎重啊。因为如果不是真心喜欢的话，挣在再多钱也很难坚持下来，半途而废虎头蛇尾的事在这行里很常见的。
最后我一直跟人分享的一句话就是师父领进门 ，修行在个人。作为设计师你需要了解的是这个世界上最新的东西，紧跟时代，任何新东西的产生没有设计师是出不来的。所以无论是科班出身还是专业培训，一直都要做的就是自学。不要想着通过喷几句大品牌的设计来凸显自己的逼格更高，你自己的专业度和审美是无法和苹果几百人的团队来比拼的。喷Instagram的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品，找出好处加以学习使自己进步。
最后说一句设计这个行业对于学历没有特别的门槛，你可以没有学历，但不能停止学习。
2024年视觉很好的网站设计 篇4
说起响应式网站，很多人第一时间的反应是：“HTML5网站具有丰富的展示方式”、“H5网站的功能真不少”、“响应式网站可以自动调节不同屏幕大小分辨率的设备”、“H5响应式网站更易于优化”等等的一些观念。没错，H5响应式网站的确可以处理掉许多传统网站无法完成的功能，并且具有更多的新元素与新特性。
首先我们聊聊：到底什么是响应式网站？
伊桑·马科特在2010年首次提出了响应式网页设计，这种设计形式能够根据屏幕宽度自动适应，以达到适配各种屏幕，使网站在不同设备上都能得到完美的展现。
HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。HTML5响应式网站，是页面的设计与开发会根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。简单来说，响应式网站就是只需要建一个网站，就可以用电脑、手机、平板等设备访问，网页会根据访问设备的不同自动调整布局、内容、图片等，它彻底解决了多媒体元素间的组合使用，无需担心访问不流畅，网站页面变得更丰富，网站界面却更为简洁，给客户一个非常舒适友好的访问体验。
紧接着谈谈：HTML5响应式网站建设有哪些优势？
1、页面丰富简洁，能实现各种震撼眼球的网站视觉效果；
2、有利于网站优化，H5标签在搜索引擎上能被快速收录，网站排名上升快人一步；
3、用户体验出众，突破传统呆板页面，页面绚丽多彩，能根据不同终端自动调整布局，兼顾不同用户使用习惯。
另外，互联网和移动互联网已经渗透到我们生活的每一个角落，基本上每天人们都离不开它，对于各公司企业来说，互联网和移动互联网为各行各业提供了很大的便利，也是各行业发展的一大机遇。动派网络小编根据多年的互联网从业经验，一直认为H5响应式网站建设是各公司企业冲向互联网+的前提条件。
那么再接来聊聊：如何做好H5响应式网站建设工作？
一、从公司企业竞争对方的响应式网站进行分析
可分析要点1：公司企业具体行业竞争对手响应式网站域名分析；
可分析要点2：公司企业具体行业竞争对手响应式网站权重分析；
可分析要点3：公司企业具体行业竞争对手响应式网站视觉体验；
可分析要点4：公司企业具体行业竞争对手响应式网站友情链接的质量；
可分析要点5：公司企业具体行业竞争对手响应式网站收录情况；
可分析要点6：公司企业具体行业竞争对手响应式网站SEO水平；
可分析要点7：公司企业具体行业竞争对手响应式网站外链数量以及链质量。
二、从公司企业响应式网站设计开发分析
公司企业响应式网站界面风格分析：
是否有喜欢的公司企业同行响应式参考网站？或是别的行业的响应式参考网站？响应式网站是想以基础展示为主？还是以品牌创意展示为主？或是以营销转化为主？公司企业网站主色调是红色？黄色？蓝色？还是其他颜色为主？响应式网站想给用户一种什么样的感觉？简约？专业形象？小清新？高大上？或者别的补充？
公司企业响应式网站栏目规划分析：
看看公司企业响应式网站是否需要这些栏目？
网站首页、关于我们（子栏目：公司介绍、公司愿景、核心价值、发展历程、荣誉资质、公益活动）、产品中心（子栏目：产品X1、产品X2、产品X3、产品X4）、新闻中心（子栏目：公司新闻、行业新闻、产品知识）、服务中心、人才招聘、客户留言、联系我们
动派网络小编在此提醒大家：本响应式网站栏目规划仅供参考，可以根据自身实际情况来进行适当增减。
公司企业响应式网站前端开发分析：
响应式网站当前一般采用当前主流的HTML5+CSS3前端开发技术，响应式网站是否需要加入一定的H5网页互动元素？还是只需要加一些简单的鼠标滑动效果？是否还有别的补充？
公司企业响应式网站后端开发分析：
公司企业响应式网站后台打算用什么语言开发？Php？Java？Python？Asp.net？
需要哪些后台功能模块？
新闻发布系统功能管理模块、产品展示系统功能管理模块、留言反馈系统功能管理模块、人才信息发布功能管理模块、服务介绍功能管理模块、搜索功能管理模块、管理员功能管理模块、友情链接功能管理模块
动派网络小编在此提醒大家：本响应式网站后台功能开发模块规划仅供参考，可以根据自身实际情况来进行适当增减。
以上就是动派网络小编为大家整理与分享网页设计、网站制作、程序开发的那些事！每周、每月都会不断更新一些互联网设计开发方面的知识分享给大家。从业八年以来，我们一直致力于为推动企业打造最新最前沿的互联网品牌建设而努力！如果您觉得以上内容对您有帮助，可以点个赞，也可以分享给更多的朋友们。当然了，如果大家还有其他互联网设计开发方面的问题，都可以一起交流探讨，一起共同进步！
2024年视觉很好的网站设计 篇5
感谢邀请~喜欢可以关注哦！更多教程等你发现~
2016年，我所做的产品经历了一次定位转变，我们重新定义了品牌风格。在这个过程中，我希望产品从里到外传递的是同一种内核的东西，因此作为品牌落地的一角，我重新绘制了所有空页面的插图。而对怎么调动牵引用户的情绪，怎么和他们产生共鸣，怎么做情感化也积攒了一些个人的看法和经验，虽然我不再负责这个产品后续的设计了，但作为自己主导的一个非常完整的项目，带给了我很多感悟。想做一些有趣、不落俗套耐人寻味的东西出来其实并没有很难，你只需要一些小小的情怀去做一些野心很大的事就ok了。
我们对产品的风格定义是贱萌，所有插图的设计应该紧贴品牌调性。让用户‘共情’？方法大家都知道——单一的情绪表达很难让用户产生共鸣，场景化的讲故事，却很容易代入人的情感。但这里要注意的是，场景之间也是有区别的，比如：
怎样表达孤独？
一盏昏黄的油灯下，年轻人不知所归，这是一种孤独，但是这样的场景不是我们需要的，它透出来的是一种负面消极的情绪。产品所有能传递情绪的地方都应该和品牌情绪是一致的。我们要的是戏谑的表达孤独。如果你觉得灵感枯竭，这里有个小窍门：适度关联，丰富场景。将有关的无关的场景进行拼接，你甚至可以从任何地方汲取有用的“佐料”。
可以换一种和产品气质相符的口吻来讲孤独这件事——‘“没人和我一起玩，好无聊呀（打滚状）”。
画面的气质是不是马上变得容易捕捉了？但光有这些还不够，在你通过发散、联想获得了很多idea后，还要对每一个故事的可塑性进行评估，毕竟，只通过静帧图片来传达复杂的故事并希望用户能快速的攫取到趣味是不太可能的，所以你要考虑的是，在对故事进行精简收缩后，你想表达的东西是否依然能跃然纸上？在这个阶段，设计师包括我自己，最容易陷进去的一个盲区是，沉浸在自己的想法中无法自拔并拼命去享受和揣摩那些极细微的细节，而忽略了去研究快速传达这件事，所以，当自负的我们去埋怨用户的时候也要想想是不是因为我们陷入了自说自话而忽略了去做情感的桥接？
换一种描述，再来表现“孤独”：好无聊（打滚状），找不到人跟我一起玩，去看看那边在干吗（默默地…）。
在这个对场景幻想的句式中，我加入了很多形容词、前后文的联想和因果，神奇的是，画面的张力马上被增强了。
于是我开始构思图形，最开始，我想设计一个人在地上画圈圈数蚂蚁。而这时候我停下来了，就像上面我说的那样，这个场景图形化以后可能效果并不好，为了把故事表达清楚我很有可能会把画面搞的很复杂零散，这不是我要的。我希望的是，空页面的插图既要简洁明快又要直指人心，让用户可以快速的识别并感受到有趣，于是我把蚂蚁这个互动对象改成了大家熟知并且本身就有一定喜感的小黄鸭，主角鬼鬼祟祟的偷窥和鸭子妈妈的害羞形成对比，构成张力，更具喜感效果更足。
图形的创意有了往往还不够，文案的作用在于锦上添花。个性化的文案设计，不要一纸捅破也不要离主题十万八千里远，虽然我们说出现在产品中的文字要有高效率，但是在一些可以个性化展现的地方，要好好把玩斟酌住文字的情绪。同时，还有几点：
1.不要用命令式的、指令性很强的语气。
2.避免傻瓜式的叙述。
3.如果出错了，提供一个解决办法。
这两个文案对比，右侧的‘啊哦，还没有关注任何人’很显然是一句毫无意义的陈白，文字没有和图形很好的配合上，就算你的图形创意再好，在文案的情绪表达上也被扣了分。要让画面更和谐，更易调动观者的心，图形和文字要配合得相得益彰，请多加注重文字的情绪表达。
在上面讲的这个例子里，你是不是已经找到一些方法了？我来总结一下，单一的情绪不好表现，我们为了能快读调动用户的情感，需要找到一个合适的场景代入设计，场景和场景的表达又不一样，我们需要遵循我们的黄金准则，情绪点的设计要统一，选择一种戏谑的手法来增强喜感。你的想法在图形化以后要足够简洁有说服力，而不是设计者自我陶醉旁人却完全感受不到。
让我们再看一个例子——“无关注的人”。不要受限制于 ‘啊哦，你没有关注任何人，快去添加关注吧’ 这种常规表达，跳出圈子，比如我在这里将‘你没有关注任何人’这个概念巧妙的嫁接成了“默默关注一个人好久却不敢表达”。
有趣的事物可以让人产生愉悦的感受，在一定程度上其实也转化了为空状态的尴尬和失落。找到了更有趣的表达后，接下来的任务就是怎么图形化传达这种情绪。
怎样表达喜欢？
我设计的场景是这样的：放学后蹲在墙角等那个偷偷关注好久的人。我们需要的是逗比的小开心，而不是紧张焦急的等待，为了避免画面传递出错误的情绪，需要在图形创意上深加工。
图形创意上的深加工：头带一枝花，而不是手里拿着花，后者看上去太虔诚，不是我要的情绪。煽情同样不是我想要的，我没有让主人公看起来是很紧张的在等待谁，而是坏坏的让他躲在树丛里似乎是想随时跳出来吓谁一跳。总之，我想做的是，避免正面刻板的形象，避免那种一眼就能看到底的设计，尽可能不落俗套让用户看到这个画面之后可以有更多想象的空间。
注意文字的情绪，第一段文字只是在简单的陈述，第二段文案指令性过强，我们需要一种戏谑的娱乐式的语言。第三段文案里，前面的反问，首先做一个开场，把用户的情绪调起来，然后的错愕惊讶是一种夸张，最后用戏谑的口吻婉转的表示你可以去做什么，而不是命令用户去做。
当然，有的时候你也不需要费尽心力去勾画一个场景，接下来看看最后一个例子。
利用反差萌表现趣味
（假装自己是图片）这个例子我就不放设计图了，给大家简单描述一下，下方是主人公，主人公头上顶着他的小宠物，小宠物萌萌的在表达欢喜，而主人公则是一脸黑线，下方的文案是“♬要我怎么做，你才会爱我♪ 抱歉，粉丝团粒只剩它了。。。”
这个例子我没有用到任何场景，而是通过两个角色之间的强烈对比，增加这种戏剧效果。在这个画面里，你可以理解为上面的形象在萌萌的求关注，也可以理解为下面的形象因为只剩下一只猫头鹰为伴而倍感气氛，一上一下两种截然不同的情绪形成了搞笑的反差，戏外甚至飘来了歌声来戏谑这两个可怜的小生物。
最后，我来整理一下：情感化的设计最重要的是要想办法和用户‘共情’，研究产品目标用户群身上的特质，设计和他们有过共同记忆片段的场景。举个例子，如果你的用户是80后，你又要表现复古情怀的时候，你的设计中出现卡带这种东西是没有问题的。而如果你的用户群是00后，你设计卡带可能就有点设计师自我陶醉的嫌疑了。而如果你想和我一样，来点画风清奇、搞怪有趣的创意表达，又一直苦于打不开脑洞的话，这里有几个tips希望能对你有帮助：
tips1：使用和你产品气质一致的描述词，同时避免空洞的铺陈
我记得曾经为一个叫做‘一起神回复’的模块配场景图，创意的发挥一度很受限制，因为我在脑海里一直搜索的关键词是讨论、热情、知识、激烈，最后我没有得到任何想法。这之后，我又去反复的研究这句文案，我发现我的表述词和文案给出的性格甚至和我们整体的用户群是毫无共性的。而有时候，鬼点子和创意是需要一些方法召唤出来的，于是，我把描述词换成了‘神经质，屌，一本正经的胡说八道，中二病’后，灵感扑面而来，半小时不到方案成型：
tips2：适度关联，丰满场景
灵感这种东西是可遇不可求的，而在平时的设计工作中，由于时间点任务量和审核的压力，设计师总会处在一种压力之下，这是有碍灵感来找你的，那是不是我们就毫无对策出好作品了呢？不然，创意的构思也不光是凭空而来，将有关系的和没有关系的场景、元素拼贴组合，往往能给你很多惊喜，甚至有时会有一点出其不意。在你打了一套天马行空的组合拳后终于撕开了灵感的一道口子，不要止步，就像写一篇文章一样，你现在有了最核心的部分，但是还不够，你需要或前或后再续一点篇幅，把想象空间填满，让故事更丰满，在这其中再找到那个最能勾起情绪的突破口。
tips3：图形化思维，合理放大
不是每一个你认为的想法都会有一个完美的展现，这受限于图形化的形式。如果你是一个四格漫画或者动态图，可能表达的空间会更大，但是静帧图片信息的含有量是固定的，并且同时你还要去思考高效的让用户接受这件事，因此每一处的设计都必须是经过深度思考和权衡的。不必过分在意那些极度细微的地方（这里我的意思并不是说放弃设计细节），而是将你想表达的那个点放大，夸张出来，会更有助益让观者最快的接近你想传递的东西。
tips4：注意文字的魅力
文字和图形一样，也是一种情绪的载体，文案和图形配合的越是天衣无缝，你的画面就越和谐。你可能觉得我夸大了文字的力量，再来看个例子：
问题：这是某个兴趣领域下对签到用户的展示，这个模块穿插在信息流里所以对展示效果有很多限制，不能渲染过重，要柔和，能尽量与其他信息相融，不要让用户的视觉线走到这里的时候感到突兀。
目标：我不可以把整个卡片做重，但还要让用户注意到，并且如果能通过设计，给他一种快去签到的正向鼓励是最好的。怎么达成这个目标？
解决：这个地方我串联了用户头像和前方引导的卡通形象，巧妙的造成一种‘排队做某件事’的假象，大众心理是爱凑热闹，这时候能略微勾起人的好奇心是最好的。除此之外，文案发挥了很重要的作用，他增强了这种‘他们都在做，我也去看看或者我不能落下’的心理暗示，和整个形式的设计配合的相得益彰。
结果：最终上线后有一些反馈的声音，产品发现这个地方非常容易诱发点击，所以在探讨是否将签到功能直接补进去。这种反馈正好从一个侧面验证了设计的正确性。我们不光是能完成基本的功能表达，甚至能从一些角落正向的完善产品意图，这正是说明了设计的价值所在。
由这个例子有感而发，说一些题外话。我总在思考设计价值的体现是什么？我们不管做什么事，要么是喜好牵引，从心而为；要么是有利益驱动有目标的行进。如果你的任务没有明确的策略、机制去鼓励用户，而又希望他们去积极的参与和使用，那就要好好设计一番了，这个设计并不是指的狭隘的视觉展现，而是去研究人的行为动机。好奇是人的天性，容易被简单有趣的事物吸引也是天性之一。设计师很多时候是站在产品的立场隔着屏幕和人对话，你可能没有办法强迫用户去做什么事，但如果能找到一些自然驱动他的办法出来，这也许就是设计价值体现出来的一面。