创意设计分享汇 取消关注 私信管理员 签到

管理员 : admin 创建时间 : 2015-10-20 14:00:51

简介 : 快来分享你知道的或自己制做的l经典创意吧

20070

话题 想好这3个问题,才是和设计师沟通的正确姿势

不管是产品汪,还是运营喵,都经常需要设计师为我们做设计,大到APP的页面设计,小到一张传单,一个banner。现实工作中,却经常可以听到设计MM这样的诉苦:某某产品让我改了10多稿,结果居然说还是我最初的第一版好!某某运营就只丢给我一段文案,说下班就要,其他的什么都没有!这样的情况,通常是因为产品和运营在给设计MM提需求的时候自己也没想好或者没有去想到底我要怎样的设计。导致的结果就是设计图不断的被改来改去,设计MM天天加班。虽然说设计这个有很大主观因素,每个人的审美都有不同之处,但是我觉得在给设计MM提需求之前我们自己要先想好下面三个问题。1 目标用户是谁,明确具体的画像没有错,我们也要让设计师MM了解我们做图(页面/海报/传单)的目标用户是谁。目标用户的年龄、性别、职业、地区这几个基本因素。目标用户的不同,决定了设计师要采取怎样的设计风格,采用怎样的布局,采用怎样的字号。举个例子,如果你要为广场舞大妈们设计海报或者APP,是不是要考虑一下字号要大一点?是不是要考虑配色更贴近他们的年龄一点?要是你用给文艺女青年的设计风格给广场舞大妈,估计十有八九他们会呵呵哒。(不排除有的广场舞大妈也走文艺风,但本文不讨论个案)。如果连目标用户都不说明的话,设计师MM就可能抓瞎咯。2 要达到什么目的目的很重要,设计师作图不只是负责美,更重要的是符合目的,具备可用性。我们提设计的需求,务必要清楚地告知我们需要达到什么目的。根据目的的不同,设计师会采取不同的方案,有针对性的突出相应的重点信息。假设要做一张线上英语讲座微直播的海报,如果我们的目的是突出老师的品牌和专业来吸引用户报名的话,那设计师可能就会突出老师的履历和经验信息;而如果我们是希望体现课程内容的新颖和有趣,设计师就会在如何展示课程内容上下功夫。这两种不同的目的,重点不同,布局不同,设计方案也会完全不同。试想,作为需求方不明确告知目的,设计师可能就会采取南辕北辙的设计方案。3 目标用户会在什么场景下看到/使用如果我们要让目标用户达到我们的目的,还有很重要的一点就是告知设计师目标用户接触设计品的场景。是在手机上看?还是在传单上看?还是易拉宝?是在夜深人静的时候看?还是在上下班的公交车上?不同的场景,设计师就要考虑不同的问题。举个例子:我们要在某K12教育机构摆放易拉宝,易拉宝的目的是引导用户下载一款教育APP。这个时候要考虑一个情况:很多家长时间很赶,都是匆匆过来接送孩子,停留时间不会很长,甚至有的就是在门口等。那时间短,易拉宝就必须要醒目地将APP的最核心卖点展示出来,力争让家长匆匆一瞥的时间就可以get到核心信息。而不是堆积一堆宣传语和太多图片,这样家长很可能就看不到你要展示的核心信息了。因此我们提设计需求的时候,必须将用户场景清楚明确地告诉设计师,让设计师形成一个画面感。如果有条件的话,带上设计师在现场观察一下家长的行为会更好。有的同学看了上面的内容可能会想,这些和做产品设计很像呀。我一直认为设计(包括APP和相关衍生设计)也是产品设计的一部分。自然也要采用设计产品时的思考方式。也有同学会想,这些内容怎么会不告诉设计师呢?这是起码的信息啊!但事实这些核心要素不止一次地被忽略了,甚至提需求的同学就没有想过这3个问题。如果设计师多问几个问题,他们要么哑口无言,要么就说你看着吧!而另一方面,有些设计同学自己也没有注意这些情况。需求接过来,稍微看一下就埋头苦干。需求方没有介绍背景信息,自己也不问不想,直接按自己的想法去做。结果就是不断加班修改或者出来的实际效果不好。因此,我建议设计同学们在接到需求的时候,自己也主动向需求方问上面三个问题,开工前花点时间沟通清楚会事半功倍。设计完成之后,也需要关注数据结果,通过实际结果来不断提高设计水平和拓宽思路。(内容源于网络侵删)

自由职业

--

14月前
20023

话题 设计干货推荐|四类弹框的四大设计准则

弹框是交互设计中非常重要的一个点,这类设计不仅考验交互设计师的综合能力,也能从产品看出整个团队的整体水平如何。这就是一个细节,但是细节往往决定成败。最近很多文章都在说弹框设计,其实一个弹框就是一个弹框而已,没那么多讲究。本来传统意义上的弹框一般有三种:系统自动弹出的提醒帮助用户快速的做出选择对用户的操作给予反馈但是现在还多了一种,而且很多产品都在用这种弹框方式,因为它很赚钱 -- 广告。所以广告类的弹框已经被我列入弹框设计的第四个类别,今天就跟大家具体来说说这四块内容。这篇文章注定篇幅比较长,但绝对是值得你收藏的文章。在说之前,先来给这几个类别定个清晰的术语:系统自动弹出的提醒 -- 系统提示帮助用户快速做选择 -- 操作引导对用户的操作给予反馈 -- 信息反馈广告 -- 广告弹框(想不到了,脑子不好使)系统提示其实系统提示这一种弹框,就可以写很长的篇幅,但是为了不把大家越带越深,免得逻辑理不清,所以我说几个相对重要的。有一种是大家见得最多的,就是评分类弹框。这种自动弹出的提醒,每次都会让我有想卸载App的冲动(就是那种无法克制的冲动,不知道你们懂不懂那种感觉)。这类弹框,需要遵守的四个设计准则:1.不要在用户第一次登录就立马出来。别人都没用你产品,你就要别人评价,是想怎么样?2.注意弹框的频率。别一会就弹一会就弹的,弹出鱼尾纹怎么办。3.专门定个入口。有些用户确实人品不错,他会在使用之后去给产品评价,所以留个这样的入口,层级可以深一点,让用户自己去操作,会更好。如:微信直接在页面里留个评价入口。虽然层级深,但是总比一直弹框提醒和干脆取消这种弹框提醒的方式要好得多。要记住,用户想要评价自然会去做,如果不想,你做得多了反而会有负面效果。4.老生常谈的四个字:注意美化。想要让自己产品在同行业中脱颖而出,在功能做的较好的前提下,要展示出与众不同的特色。如:小红书在这方面做得还是很不错的。当然还有很多其他的,我就是正好看到他们家的,大家可以借鉴下。多思考思考,有时候细节真的是可以决定成败的。再来说说另一类系统提示弹框。就是产品更新之后,进入页面会让用户查看更新详情,也可以点击“知道了”选择不看(也有人会把它设计为引导页,不过这里不对引导页做说明,后期会专门另写一篇文章详说)。如:同样可以用上面说到的四个点中的几个来设计这类提醒:注意弹框频率(这类提醒一般只有更新产品之后第一次打开会弹出)专门定个入口(一般来说在评价的相同层级留个路口,展示新功能详情会更好)美化(这个就不多说了)。举了两个例子,用了四个点来说明这类弹框的设计方法,我把它们称作为系统提示类的弹框设计四大准则。当然还有系统会提醒用户是否接收推送消息等等,这些弹框都是系统提示类弹框,这里就不多说了。只要遵守这四个准则,设计思路都是一样的。操作引导什么是操作引导?上个图:看到这个是不是很疑惑(路人甲:这哪里是框,耍我啊)?有人可能会认为这类引导顶多算是弹出层,算不上是框,但只是名词的差异而已。所以这里我把它也归为弹框,其实概念还是一样的,它也是操作引导的一个弹框提醒。再来看看操作引导的第二种弹框:有印象么?这类弹框经常会出现在一些用户没有把握的页面,避免用户操作失误。不过目前很多人都觉得这类弹框有利有弊,有的地方出现的不合时宜,打断了用户的使用状态。所以在设计这类弹框时要非常谨慎,得通过多次讨论、研究确认是否有必要出现。这类弹框,也有四个设计准则:1.注意出现的频率。如果是自动弹出做引导,那必须注意频率,它们一般在下载之后第一次打开应用才会出现。2.文案要简洁明了。有些弹框很有趣,出现的文案让你不知道该选择什么,其实明明就两个选项。如:这是真的,因为我怕把这个App发出来会被人说,所以自己随便弄了个,丑是丑了点,随便看看。里面的文案内容我是照抄的。这种弹框会让用户纠结的,就算是几秒钟也是纠结,所以设计的时候一定要注意文案。3.按钮的主次之分。这个准则正好可以用在上面那个图上。颜色或字体的粗细都是可以进行区分的,要学会引导用户,去做你想让他做的事情。4.美观依然重要。在设计操作引导类的弹框时,遵守这四个准则,设计出来的弹框一定不会差。信息反馈信息反馈类的弹框相信大家经常会有看到,只是印象不深,因为这个弹框给人一种好像不存在的感觉,但是实际上是存在的。来个图:(好像暴露了什么~)有印象了吧?这类弹框一般出现在会有反馈的操作之后,提醒用户页面正在加载中、保存成功、已删除、已刷新等等。就不过多上图了,相信你们能理解。那么这类弹框同样也有四个准则:1.提供一个小动效,如菊花。为什么呢?因为这类反馈弹框都会让用户等待,所以要跟用户产生互动,让用户知道现在已经在加载,而不是卡住了。如果实在懒,不想做图片动效,那来个省略号动效也行吧。2.让用户选择关闭。不知道你们有没有遇到一种情况,就是点击了某个按钮之后会有加载,然后不知道为什么就是加载不出来,速度非常缓慢,一直在转菊花,然后点哪里都没反应,只有一层黑色蒙版的背景,结果只能退出应用重新打开它。是不是很烦?所以提供一个关闭按钮,绝对是非常合理的。3.文案简洁明了。一个信息反馈类弹框,千万不要有多余的文字,有些App为了彰显独特的个性,非要来一些非主流的文案,说实话,用户一点都不关心。不要把时间浪费在这类所谓的“细节”上,意思明确且简单是最好的。4.美观,还是那么重要。反馈信息类弹框的设计较为简单,也没那么多篇幅,但是如果要细说还是有很多内容了,这里就不延展开来讨论了。只要遵守这四个准则,基本能完成这类弹框的设计了。广告弹框最后一类,这是最近常看到的一类,它存在于各类弹框中,当然也包括系统提示、操作引导、信息反馈。有些产品的弹框是为了广告而弹,这也是很常见的。来看看出现最多的一类:有时候外卖点完会让你分享红包,这类弹框是非常典型的广告类弹框。还有很多其他的,不过今天我先说说这一种。也是一样,广告类弹框的设计也需要遵守四个准则:1.广告内容明确,主体不要偏。做过平面设计的同学都知道,每次领导来一个需求,要求你设计一张banner或者海报之类的物料,恨不得把所有东西都摆上去,显得内容丰富(其实我们都知道,low爆了)。但是在设计App广告弹框时,必须要记住,你要宣传的东西得很清晰,很明确。2.按钮设计要突出。想要让用户使用你宣传的东西,就干脆点,别小家子气的来几个小按钮,然后内容特别多,你是要让用户看还是让用户用呢。何况一个弹框就那么一点大小,真要说很多的话就专门留个路口给用户好好介绍下。3.优化文案。4.还是美观。这两点就不重复了,上面都说过了。广告类弹框的四个设计准则就是这样了。总结一定要记住无论什么类型的弹框,必须要做到文案简洁。不要让用户看半天还没明白你要说的是什么,然后才没办法也无所谓的点了确定或取消(大部分这种情况,他们都会点击取消)。四个弹框种类的四大设计准则都说完了,不知道大家有没有注意到四类弹框都提到的一点:美观。很多团队都认为弹框就是一个提醒,有就好了,不用在意这么多。但是一个App的好坏就在这里能看出。弹框是交互设计中非常重要的一个点,这类设计不仅考验交互设计师的综合能力,也能从产品看出整个团队的整体水平如何。这就是一个细节,但是细节往往决定成败。(内容源于网络,侵删)

自由职业

--

14月前
20018

话题 少年,你该开始着手做信息图设计了

编者按:现如今信息图已经不是什么新鲜东西了,但是关注度依然很高。这种信息呈现方式有着先天的优势,设计技巧不少,工具也相当多,而信息图本身也常常被归类为“优质的内容”,那么你是否也该试试信息图设计呢?将信息重新组织、视觉化地呈现出来,就是我们常说的信息图。如何设计出漂亮又易于理解、可用性和体验兼顾的优质信息图,是许多设计师一直在试图做到的事情。不过真的要设计好信息图,我们还得从根上说起。人类文明曙光初现之时,信息大多是通过视觉来进行呈现的,我们的先祖就是靠这个沟通的。洞穴壁画在欧洲和亚洲最早能追溯到40000年前。而古埃及则完全使用象形文字来呈现当时的社会生活风貌。当然,在此之后,我们通过艺术来表达和沟通的能力有了极大的提升。文明的进步和技术的发展,造就了我们今天全新的信息呈现方式和多样的视觉效果,而信息图就是其中最流行、最有特色的一种。信息图是什么信息图将信息和数据以可视化的方式呈现出来,从某种程度上让观看者更容易吸收和理解其中的信息和内容。在如今这个快节奏的社会中,人们比以往任何时代都要忙碌,时间都是碎片化的,有数据表明超过三分之二的人在2016年比过去一年要更加忙碌。在这种背景下,能够快速消化、快速理解的的信息更符合当前用户的需求。“信息图表正在快速的普及和增长,它们使得复杂的数据更有效地组织和汇总起来,以引人入胜的方式呈现给读者,让他们更快地接受信息。”信息图应当包含哪些属性?必须呈现出数据具有明确的目的性让大量的数据集可以被用户理解信息图为何如此成功?从人类文明萌芽到现在,我们借助图画讲述故事的手法已经有了长足的进步,但是大体基本还是相同的,基本还是通过高度凝练的图画来表达信息。作为人类,我们对于图画信息的理解和吸收先天就要比文字更加快速,这也是为何我们如此热衷于信息图。事实上,Piktochart 曾借助信息图解释过这件事情,我们需要50妙来完全吸收和理解200~250字的内容,但是我们只需要不到十分之一秒来读懂相同信息量的图片内容。所以,在呈现信息的时候,数据的组织和策划是至关重要的,合理的规划能够让用户花费更少的时间和精力来尽可能多的吸收知识。信息图帮助用户理解视觉化的信息能够更好的帮助用户深化理解内容,相比之下文字信息更容易让用户迷惑,无法第一时刻把握到其中的意义和精髓。繁忙的日常生活,让我们习惯了快速浏览和扫视内容,而这种现代生活所养成的阅读习惯使得我们拥有了比浏览文本快60000倍的图片信息读取能力。值得分享的内容在互联网诞生的1984年,人们无法想象这一工具能给我们的生活和我们的世界带来怎样的改变。2011年之后移动互联网出现爆发式增长,全世界三分之二的用户,每天在网络上花费的时间超过两个小时。互联网上的内容一直都在持续的增长,我们看看平均每分钟网络所能产出的内容:Twitter 用户发推 277000次;谷歌收到超过4000000次搜索请求;Facebook 用户分享超过2460000条信息;国外社交媒体和网络有如此体量,更不用说中国的媒体和用户每天产出的海量内容了。社交媒体所提供的分享渠道和途径是如此的强大,而信息图与之结合起 来就是一个强大的营销工具。具有高度传播性的信息图可以让特定的报告、品牌、现象、事件得到深度剖析、快速传播。所以,如果你想创造出具有高度传播价值的 信息应当采取什么样的步骤呢?选择一个精准到位的标题,它需要能够吸引读者的注意力,让人有点击的欲望利用好设计和色彩心理学,你应当考虑到你所构建的信息图的内容属性和用户群体的偏好,你是要用稳定的蓝色来阐述实时,还是要用激烈的红色来刺激访客的眼球?你想以什么样的姿态来同你的读者沟通?使用最新的调研、数据和事实,旧的数据可能会让你的信息图看起来不那么可信在信息图的底部添加上你所在的机构、组织和品牌的名称,这不仅让信息图本身更加完备,而且可以借助传播提升品牌价值确保你的社交媒体帐号、联系信息也都添加到信息图当中,不要将信息图仅仅当作一个沟通的渠道,它甚至可以成为新一代的伟大工具信息图的重要性信息图无疑是当前主流且重要的信息呈现手段,说它重要并非空口白牙随便说的:信息图的设计通常都比较独特,少有设计相同的信息图。也正是信息图的这种独特性和独创性,信息的高度压缩,使得它比起纯粹的文本更加吸引人。信息更容易吸引人注意,许多用户在看到信息图的时候会发自内心、下意识地喜欢上这种高密度的信息展现。单纯的数据可能是单调的,但是视觉化的信息展现可能会赋予这些数据以更多内容和意义,让用户更容易消化。得益于互联网的强传播性,信息图广泛传播之后,还可以被打印出来在线下传播,这也意味着它不仅仅是单纯数字化的。信息图让信息更加清晰、简明。精心设计的布局让信息更具有说服力,尽量传递真实的含义,不容易被曲解。谷歌会让信息图的优先级在搜索结果列表中位置更高,如果你的信息图相关的话题被用户搜索到,你的信息图可能会很快被用户读到。如果你是通过网站发布信息图,它无疑会给你的网站带来更多流量,如果嵌入分享代码的话,你能做的事情更多。正如同我们所知道的,内容为王,信息图无疑是皇冠上的宝石。人是视觉动物,我们都喜欢漂亮的东西,同样也喜欢分享漂亮的东西,引人注意的信息图无疑是醒目且具有感染力的,它成为分享的对象是自然而然的事情。结语信息图的这种数据整合方式相对安全可靠,复杂的数据拥有了更好的可理解性,自然也就更值得分享。(内容源于网络,侵删)

自由职业

--

14月前
8479

话题 50款精选创意文字效果图一览

1. Create an Autumn-Themed 3D Text Effect With PS CS6 Extended2. Create a Knitted Argyle Text Effect3. Create a Glass Text Effect Using Layer Styles4. Create Glossy, Plastic, 3D Text in Photoshop CS5 Extended5. Clouds Text Effect6. Create a Paper Text in Photoshop7. Create a “Scary” Text Effect8. Gold Photoshop Text Effect9. Man Of Steel Symbol10. Create Glossy Plastic Text11. Royal 3D Text Effect in Photoshop CS612. Gingerbread Cookies Text Effect13. Plastic Text Style14. Frosted Glass Text Effect15. Create a Stitched Denim Text Effect16. Simple New Year Typographic Wallpaper17. Create a Crisp me tallic Text Effect18. Create a Sketch Text in Photoshop19. Create a Bloody Text Effect Using Layer Styles20. Create a Cross Stitch Effect21. Create a Neon Text Effect22. Ghostly Text Effect23. Create a Glowing Liquid Text with Water Splash Effect24. Create a Sports-Themed Text Effect Using Layer Styles25. Create a Dissolved Ancient Ink Text Effect26. Create a Frozen Text Effect with Ice Particles27. Create a Candy Flavored Text Effect28. Fabric Text Effect29. Create a Burning me tal Text with Melting Effect30. How to Create Hanging Typography31. Create a Shiny, Gold, Old World Text Effect32. Sparkling Iron Text Effect33. Glowing Rusty Text Effect34. Easy Furry Text In Photoshop35. Grunge Horror Photoshop Text Effect36. Create a Quick and Easy 3D Type Effect37. Ultra Glossy Text Effect38. Turquoise me tallic Text Effect39. Create a Cartoon-Style Graffiti Text Effect40. XCOM Text Effect in Photoshop41. Create Burning Typography with Sparkles Effect42. Graffiti Text Effect43. Cookie Text Effect in Photoshop44. Create a Fur text effect45. Design a “Texts Drop in Water” Typography Effect46. Design an Interesting Cloud Text Effect47. Bright Rope Light Text Effect48. Easy X-Ray Typography49. How to Create Shiny Retro Text50. Create a Realistic Wooden 3D Text Image

whljio

--

15月前
5882

话题 E字母的LOGO创意设计欣赏

                                                                                             推荐阅读  1、黑暗艺术---暗黑《西游记》  2、2016色卡日历  3、情人节创意插画卡片欣赏  4、农夫山泉包装设计欣赏  5、2015日本插画大奖佳作奖  6、第十届金龙奖最佳插画《国产青春》系列  7、暴力美学,22个武士logo设计欣赏!  8、经典!历届奥运会会徽一览  9、经典!历届冬奥会会徽一览  10、当冬夜渐暖,冬天元素主题logo设计欣赏

whljio

--

17月前
5492

话题 “ Coca-Cola ” 香水概念设计欣赏

文章内容来自互联网,“图转侵删”,“侵删致歉”  推荐阅读  1、黑暗艺术---暗黑《西游记》  2、2016色卡日历  3、情人节创意插画卡片欣赏  4、农夫山泉包装设计欣赏  5、2015日本插画大奖佳作奖  6、第十届金龙奖最佳插画《国产青春》系列  7、暴力美学,22个武士logo设计欣赏!  8、经典!历届奥运会会徽一览  9、经典!历届冬奥会会徽一览  10、当冬夜渐暖,冬天元素主题logo设计欣赏

whljio

--

17月前
5491

话题 FARNHAM 啤酒形象包装欣赏

文章内容来自互联网,“图转侵删”,“侵删致歉”  推荐阅读  1、黑暗艺术---暗黑《西游记》  2、2016色卡日历  3、情人节创意插画卡片欣赏  4、农夫山泉包装设计欣赏  5、2015日本插画大奖佳作奖  6、第十届金龙奖最佳插画《国产青春》系列  7、暴力美学,22个武士logo设计欣赏!  8、经典!历届奥运会会徽一览  9、经典!历届冬奥会会徽一览  10、当冬夜渐暖,冬天元素主题logo设计欣赏

whljio

--

17月前
5256

话题 Small Reunions 小团圆设计欣赏

文章内容来自互联网,“图转侵删”,“侵删致歉”  推荐阅读  1、黑暗艺术---暗黑《西游记》  2、2016色卡日历  3、情人节创意插画卡片欣赏  4、农夫山泉包装设计欣赏  5、2015日本插画大奖佳作奖  6、第十届金龙奖最佳插画《国产青春》系列  7、暴力美学,22个武士logo设计欣赏!  8、经典!历届奥运会会徽一览  9、经典!历届冬奥会会徽一览  10、当冬夜渐暖,冬天元素主题logo设计欣赏

whljio

--

17月前
5046

话题 Jean Jullien的Clock Face欣赏

  推荐阅读  1、黑暗艺术---暗黑《西游记》  2、2016色卡日历  3、情人节创意插画卡片欣赏  4、农夫山泉包装设计欣赏  5、2015日本插画大奖佳作奖  6、第十届金龙奖最佳插画《国产青春》系列  7、暴力美学,22个武士logo设计欣赏!  8、经典!历届奥运会会徽一览  9、经典!历届冬奥会会徽一览  10、当冬夜渐暖,冬天元素主题logo设计欣赏

whljio

--

17月前
5045

话题 Andy Rementer为San Marino设计邮票欣赏

  推荐阅读  1、黑暗艺术---暗黑《西游记》  2、2016色卡日历  3、情人节创意插画卡片欣赏  4、农夫山泉包装设计欣赏  5、2015日本插画大奖佳作奖  6、第十届金龙奖最佳插画《国产青春》系列  7、暴力美学,22个武士logo设计欣赏!  8、经典!历届奥运会会徽一览  9、经典!历届冬奥会会徽一览  10、当冬夜渐暖,冬天元素主题logo设计欣赏

whljio

--

17月前

最新加入圈友

圈子公告

无公告

Top10热门帖子