2024年网页设计有趣故事 篇1
感谢邀请~喜欢可以关注哦！更多教程等你发现~
2016年，我所做的产品经历了一次定位转变，我们重新定义了品牌风格。在这个过程中，我希望产品从里到外传递的是同一种内核的东西，因此作为品牌落地的一角，我重新绘制了所有空页面的插图。而对怎么调动牵引用户的情绪，怎么和他们产生共鸣，怎么做情感化也积攒了一些个人的看法和经验，虽然我不再负责这个产品后续的设计了，但作为自己主导的一个非常完整的项目，带给了我很多感悟。想做一些有趣、不落俗套耐人寻味的东西出来其实并没有很难，你只需要一些小小的情怀去做一些野心很大的事就ok了。
我们对产品的风格定义是贱萌，所有插图的设计应该紧贴品牌调性。让用户‘共情’？方法大家都知道——单一的情绪表达很难让用户产生共鸣，场景化的讲故事，却很容易代入人的情感。但这里要注意的是，场景之间也是有区别的，比如：
怎样表达孤独？
一盏昏黄的油灯下，年轻人不知所归，这是一种孤独，但是这样的场景不是我们需要的，它透出来的是一种负面消极的情绪。产品所有能传递情绪的地方都应该和品牌情绪是一致的。我们要的是戏谑的表达孤独。如果你觉得灵感枯竭，这里有个小窍门：适度关联，丰富场景。将有关的无关的场景进行拼接，你甚至可以从任何地方汲取有用的“佐料”。
可以换一种和产品气质相符的口吻来讲孤独这件事——‘“没人和我一起玩，好无聊呀（打滚状）”。
画面的气质是不是马上变得容易捕捉了？但光有这些还不够，在你通过发散、联想获得了很多idea后，还要对每一个故事的可塑性进行评估，毕竟，只通过静帧图片来传达复杂的故事并希望用户能快速的攫取到趣味是不太可能的，所以你要考虑的是，在对故事进行精简收缩后，你想表达的东西是否依然能跃然纸上？在这个阶段，设计师包括我自己，最容易陷进去的一个盲区是，沉浸在自己的想法中无法自拔并拼命去享受和揣摩那些极细微的细节，而忽略了去研究快速传达这件事，所以，当自负的我们去埋怨用户的时候也要想想是不是因为我们陷入了自说自话而忽略了去做情感的桥接？
换一种描述，再来表现“孤独”：好无聊（打滚状），找不到人跟我一起玩，去看看那边在干吗（默默地…）。
在这个对场景幻想的句式中，我加入了很多形容词、前后文的联想和因果，神奇的是，画面的张力马上被增强了。
于是我开始构思图形，最开始，我想设计一个人在地上画圈圈数蚂蚁。而这时候我停下来了，就像上面我说的那样，这个场景图形化以后可能效果并不好，为了把故事表达清楚我很有可能会把画面搞的很复杂零散，这不是我要的。我希望的是，空页面的插图既要简洁明快又要直指人心，让用户可以快速的识别并感受到有趣，于是我把蚂蚁这个互动对象改成了大家熟知并且本身就有一定喜感的小黄鸭，主角鬼鬼祟祟的偷窥和鸭子妈妈的害羞形成对比，构成张力，更具喜感效果更足。
图形的创意有了往往还不够，文案的作用在于锦上添花。个性化的文案设计，不要一纸捅破也不要离主题十万八千里远，虽然我们说出现在产品中的文字要有高效率，但是在一些可以个性化展现的地方，要好好把玩斟酌住文字的情绪。同时，还有几点：
1.不要用命令式的、指令性很强的语气。
2.避免傻瓜式的叙述。
3.如果出错了，提供一个解决办法。
这两个文案对比，右侧的‘啊哦，还没有关注任何人’很显然是一句毫无意义的陈白，文字没有和图形很好的配合上，就算你的图形创意再好，在文案的情绪表达上也被扣了分。要让画面更和谐，更易调动观者的心，图形和文字要配合得相得益彰，请多加注重文字的情绪表达。
在上面讲的这个例子里，你是不是已经找到一些方法了？我来总结一下，单一的情绪不好表现，我们为了能快读调动用户的情感，需要找到一个合适的场景代入设计，场景和场景的表达又不一样，我们需要遵循我们的黄金准则，情绪点的设计要统一，选择一种戏谑的手法来增强喜感。你的想法在图形化以后要足够简洁有说服力，而不是设计者自我陶醉旁人却完全感受不到。
让我们再看一个例子——“无关注的人”。不要受限制于 ‘啊哦，你没有关注任何人，快去添加关注吧’ 这种常规表达，跳出圈子，比如我在这里将‘你没有关注任何人’这个概念巧妙的嫁接成了“默默关注一个人好久却不敢表达”。
有趣的事物可以让人产生愉悦的感受，在一定程度上其实也转化了为空状态的尴尬和失落。找到了更有趣的表达后，接下来的任务就是怎么图形化传达这种情绪。
怎样表达喜欢？
我设计的场景是这样的：放学后蹲在墙角等那个偷偷关注好久的人。我们需要的是逗比的小开心，而不是紧张焦急的等待，为了避免画面传递出错误的情绪，需要在图形创意上深加工。
图形创意上的深加工：头带一枝花，而不是手里拿着花，后者看上去太虔诚，不是我要的情绪。煽情同样不是我想要的，我没有让主人公看起来是很紧张的在等待谁，而是坏坏的让他躲在树丛里似乎是想随时跳出来吓谁一跳。总之，我想做的是，避免正面刻板的形象，避免那种一眼就能看到底的设计，尽可能不落俗套让用户看到这个画面之后可以有更多想象的空间。
注意文字的情绪，第一段文字只是在简单的陈述，第二段文案指令性过强，我们需要一种戏谑的娱乐式的语言。第三段文案里，前面的反问，首先做一个开场，把用户的情绪调起来，然后的错愕惊讶是一种夸张，最后用戏谑的口吻婉转的表示你可以去做什么，而不是命令用户去做。
当然，有的时候你也不需要费尽心力去勾画一个场景，接下来看看最后一个例子。
利用反差萌表现趣味
（假装自己是图片）这个例子我就不放设计图了，给大家简单描述一下，下方是主人公，主人公头上顶着他的小宠物，小宠物萌萌的在表达欢喜，而主人公则是一脸黑线，下方的文案是“♬要我怎么做，你才会爱我♪ 抱歉，粉丝团粒只剩它了。。。”
这个例子我没有用到任何场景，而是通过两个角色之间的强烈对比，增加这种戏剧效果。在这个画面里，你可以理解为上面的形象在萌萌的求关注，也可以理解为下面的形象因为只剩下一只猫头鹰为伴而倍感气氛，一上一下两种截然不同的情绪形成了搞笑的反差，戏外甚至飘来了歌声来戏谑这两个可怜的小生物。
最后，我来整理一下：情感化的设计最重要的是要想办法和用户‘共情’，研究产品目标用户群身上的特质，设计和他们有过共同记忆片段的场景。举个例子，如果你的用户是80后，你又要表现复古情怀的时候，你的设计中出现卡带这种东西是没有问题的。而如果你的用户群是00后，你设计卡带可能就有点设计师自我陶醉的嫌疑了。而如果你想和我一样，来点画风清奇、搞怪有趣的创意表达，又一直苦于打不开脑洞的话，这里有几个tips希望能对你有帮助：
tips1：使用和你产品气质一致的描述词，同时避免空洞的铺陈
我记得曾经为一个叫做‘一起神回复’的模块配场景图，创意的发挥一度很受限制，因为我在脑海里一直搜索的关键词是讨论、热情、知识、激烈，最后我没有得到任何想法。这之后，我又去反复的研究这句文案，我发现我的表述词和文案给出的性格甚至和我们整体的用户群是毫无共性的。而有时候，鬼点子和创意是需要一些方法召唤出来的，于是，我把描述词换成了‘神经质，屌，一本正经的胡说八道，中二病’后，灵感扑面而来，半小时不到方案成型：
tips2：适度关联，丰满场景
灵感这种东西是可遇不可求的，而在平时的设计工作中，由于时间点任务量和审核的压力，设计师总会处在一种压力之下，这是有碍灵感来找你的，那是不是我们就毫无对策出好作品了呢？不然，创意的构思也不光是凭空而来，将有关系的和没有关系的场景、元素拼贴组合，往往能给你很多惊喜，甚至有时会有一点出其不意。在你打了一套天马行空的组合拳后终于撕开了灵感的一道口子，不要止步，就像写一篇文章一样，你现在有了最核心的部分，但是还不够，你需要或前或后再续一点篇幅，把想象空间填满，让故事更丰满，在这其中再找到那个最能勾起情绪的突破口。
tips3：图形化思维，合理放大
不是每一个你认为的想法都会有一个完美的展现，这受限于图形化的形式。如果你是一个四格漫画或者动态图，可能表达的空间会更大，但是静帧图片信息的含有量是固定的，并且同时你还要去思考高效的让用户接受这件事，因此每一处的设计都必须是经过深度思考和权衡的。不必过分在意那些极度细微的地方（这里我的意思并不是说放弃设计细节），而是将你想表达的那个点放大，夸张出来，会更有助益让观者最快的接近你想传递的东西。
tips4：注意文字的魅力
文字和图形一样，也是一种情绪的载体，文案和图形配合的越是天衣无缝，你的画面就越和谐。你可能觉得我夸大了文字的力量，再来看个例子：
问题：这是某个兴趣领域下对签到用户的展示，这个模块穿插在信息流里所以对展示效果有很多限制，不能渲染过重，要柔和，能尽量与其他信息相融，不要让用户的视觉线走到这里的时候感到突兀。
目标：我不可以把整个卡片做重，但还要让用户注意到，并且如果能通过设计，给他一种快去签到的正向鼓励是最好的。怎么达成这个目标？
解决：这个地方我串联了用户头像和前方引导的卡通形象，巧妙的造成一种‘排队做某件事’的假象，大众心理是爱凑热闹，这时候能略微勾起人的好奇心是最好的。除此之外，文案发挥了很重要的作用，他增强了这种‘他们都在做，我也去看看或者我不能落下’的心理暗示，和整个形式的设计配合的相得益彰。
结果：最终上线后有一些反馈的声音，产品发现这个地方非常容易诱发点击，所以在探讨是否将签到功能直接补进去。这种反馈正好从一个侧面验证了设计的正确性。我们不光是能完成基本的功能表达，甚至能从一些角落正向的完善产品意图，这正是说明了设计的价值所在。
由这个例子有感而发，说一些题外话。我总在思考设计价值的体现是什么？我们不管做什么事，要么是喜好牵引，从心而为；要么是有利益驱动有目标的行进。如果你的任务没有明确的策略、机制去鼓励用户，而又希望他们去积极的参与和使用，那就要好好设计一番了，这个设计并不是指的狭隘的视觉展现，而是去研究人的行为动机。好奇是人的天性，容易被简单有趣的事物吸引也是天性之一。设计师很多时候是站在产品的立场隔着屏幕和人对话，你可能没有办法强迫用户去做什么事，但如果能找到一些自然驱动他的办法出来，这也许就是设计价值体现出来的一面。
2024年网页设计有趣故事 篇2
绘本故事是根据孩子的年龄特点、心理特点，结合该年龄段孩子的生活日常，从行为习惯、性格养成等方面入手，页面设计比较简单，结合生动有趣的小故事，运用简练的文字融道理于其中，激发孩子阅读兴趣，帮助孩子养成良好习惯、形成好性格。
不懂分享的主要原因：自我中心太严重
日常生活中有太多的情景，比如：看到两个小朋友为了同一个玩具而发生争执；有的小孩子喜欢独占自己的玩具，哪怕不玩也不愿意和别人分享；还有的孩子看到别人好玩的玩具就习惯性的动手去碰碰，摸摸…….我想，正是因为平时家长过多溺爱和保护，才让孩子变成了一个自我中心严重的人。建议家长及时消退孩子强烈的独占性，学会如何正确的和别人交往，融入集体生活。只有正确引导，鼓励孩子和别人一起玩，孩子才能体验分享的快乐。
在外，也经常会看到许多小朋友能够很快就抱成一团，也有个别的孩子没有人愿意和他玩。往往一些自我中心比较严重的孩子在和其他小朋友相处时不太受欢迎，最主要的原因就是在他们的眼里，只要是自己喜欢的就得独占，不愿意和别人一起分享。因此，这就导致 大家不愿意和他接触的主要原因。长期如此，肯定不利于孩子的健康发展。
现在很多孩子都备受家里宠爱，在家里很多孩子都蛮横、自私、不讲道理的坏习惯都是家长惯出来的。要知道分享不仅仅是美德，更是重要的社会行为。孩子以后总归要适应社会，和别人交往。如果说一直以自我为中心肯定会影响他的交际能力，日后难以适应集体生活。那，该如何引导孩子学会分享呢？
多鼓励孩子学会分享
每个孩子都是喜欢被赞美和鼓励的，日常生活中，家长要多鼓励孩子学会分享。家长是孩子的第一任老师，一言一行都容易被孩子模仿。我们可以给孩子多讲一些小故事，比如七个小矮人愿意和白雪公主分享，有好吃的一起吃，好玩的一起玩，这样白雪公主和七个小矮人才会成为朋友。如果白雪公主没有七个小矮人这些朋友，她早就被恶毒的王后给害死了，是不是？通过类似的故事告知孩子懂得分享的好处。
不要强迫孩子与人分享
每个孩子都有自己钟爱的东西，不管是玩具，衣服，书本等，她有权利拒绝和别人分享。家长不能私自做主，把孩子的东西分给别人玩。一定要先咨询孩子的意见，不要总觉得孩子小，就可以不顾他的感受。如果说，家里有小朋友来玩，我们可以事先跟孩子商量，让他自己做主愿意拿哪些东西和别人一起玩，哪些事不想和别人分享的，建议孩子提前把不想和别人分享的玩具收起来。
利用时机随时教育孩子学会分享
有一次带小温馨在小区里玩，小朋友都在开心的排着队等着玩滑滑梯。后来来了一个小男孩，跑来直接插在了队伍的前面。小朋友们瞬间就不开心得说道：“你不要插队，你要先排队才可以玩。”这个调皮的小男孩极不乐意的说：“我才不排队呢，我就要第一个玩。”小男孩妈妈立刻阻止道：“你看看别的小朋友都在好好排队，你不能太自私。这个滑滑梯是大家的，不是你一个人的。想要玩，就先排队。” 说这拉着孩子就排到了最后。建议在引导孩子的时候，不要贴标签。当孩子违背规则时，家长不妨告诉孩子：“插队是不正确的行为，如果想要玩滑滑梯，就得和其他小朋友一样，遵守规则，一起排队。如果强行插队，这样会引起大家的不满，以后会没有朋友。”家长要利用好时机教孩子学会“分享”。
家长要为孩子树立榜样
家长也要注意自己的言行举止，不吝啬，不贪小便宜，学会尊重和关心别人，为孩子树立一个好的榜样。
2024年网页设计有趣故事 篇3
感谢邀请，这个我可太有发言权了！
作为给腾讯、王者荣耀做过定制级PPT的设计师，浏览的设计网站早就不下千个了，找灵感咋会局限在PPT领域呢！
今天和大家推荐平面设计、PPT灵感类网站、还有一些私藏的小网站，这波收藏绝对不亏~
不管是PPT类，还是平面设计类的网站，我最常浏览是这几个，每回看都有灵感爆棚的感觉！
先来做个小目录，已经分好类了，方便大家保存哈！
平面设计创意类
① nippon design center —— 一个日本设计师汇集的网站
这个网站作品的设计师，既有科班出身的，也有广告撰稿人、摄影师等，甚至也有艺术家和各方面的专家。
作为日本的一个设计公司的网站，页面干净舒适，平时浏览也能熏陶熏陶。
网站首页长这样：
随便截几张图，大家看看这图片质量吧。
② creativecloud —— Adobe自家的资源资源网站
Adobe做为一家专业设计网站，它门下的网站，有这么强大的后台，质量能没有水准吗？
网站很多的免费资源，而且很多素材是可以下载psd文件的，直接拿来练习！
直接上图
插画：
摄影作品：
作品点开后，有PS、AI的视频以及图文教程，这些教程都是一步一步来的，非常适合小白学习。
视频教学：
图文教学：
③ creativeboom —— 一个有艺术采访和播客的设计网站
这个网站可以看作品、看创意人士采访，还可以听播客等等，算是比较独特的设计类网站了。
看看菜单栏：
④ dribbble —— 中国访客前3的设计网站
这个网站有趣的是中国访客在总访客中排名第3！
官网首页风格：
平台上的一些设计师，类型很多，作品也很丰富，像图标设计、插画摄影等等。
这样的作品，欣赏和学习，再合适不过了啦！
还有这样的：
PPT设计灵感类
① 站酷网 —— 国内顶尖设计师汇集的设计网站
这个网站应该有很多知道吧，像一些大厂御用的设计师，王者荣耀、vivo、京东等，还有彩妆大牌像花西子的设计师，也入驻了平台。
站酷网站的作品有三维动画、电商是网页、动漫作品、欧美涂鸦等等。
作为一个设计师互动平台，平台上有国内国外的设计师，优秀作品很多！
网站的油画作品：
为《魂斗罗》创作的插画师作品：
② PowerPoint Templates —— 微软官方出品的PPT模板网站
微软自家出品的PPT模板网站，可以说是要颜值有颜值，要版式有版式。
先看看模板的质量：
另外，还预设了非常酷炫的的文本效果：复制下来，就可以直接用！
③ duarte —— 可以学演讲的PPT设计网站
这个网站曾给一位美国副总统设计过演讲PPT，这规格还不高吗？
另外，这个网站的特点是会给你分享一些演讲的技巧。
来看一下网站的风格：
④ hislide —— 一个国外的免费PPT网站
国外一家PPT模板网站。网站的免费模板是按照分类展示的，很具体像深浅色、风格等等
平时遇到PPT设计难题，逛一逛这个网站也不错~
话不多说，大家看看这个网站PPT的质量吧。
另外网站上拥有大量的，按照页面类型分类的免费模板，下载以后，拿来就用！
其它宝藏网站
① typo/graphicposters —— 有44个国家的7498个海报作品的网站
来自44个国家的7498个海报作品，都是精品中的精品。
说实话，看到这个网站首页，我的兴趣就上来了！
大家一定要看看这个网站，记得回来点赞哟~
平台作品：
②涂鸦王国 —— 一个国内超多知名插画师汇集的网站
一个汇集了众多插画师的平台，平台也有插画教程，也有很多的插画比赛活动。
光是看看，就被一次又一次地惊艳到~
像我比较喜欢的卸耳设计师，给阴阳师手游画过稿，来看看作品：
其他设计师作品：
涂鸦王国 橘光作品
突然结束~
赶紧收藏起来吧！
特别是对于设计小白来说，多浏览浏览这样的网站，看看大神的作品，激发灵感。
想要超越他们，脑子里得先有想法是吧，从模仿开始，一步一步进阶！
以上，就是今天跟大家分享的内容了，希望能对大家有所帮助~
如果这篇回答对你有用，别忘了给我点个赞哦~