当前位置:主页 > 平面设计

最新发布

浅谈真正的新用户引导应该这么设计
浅谈真正的新用户引导应该这么设计

新用户引导绝对是个瓶颈。花费时间设计和开发,找了用户测试调研,最后上线了,依然拦不住汹涌的用户流失潮。很多时候,也许只是新用户引导没做好而已。今天的文章,我们来聊聊新用户引导的设计。让用户注册本身就不是一件容易的事情。产品团队需要花费大量的时间、精力、金钱来提升产品的注册量,而更严峻的问题在于,许多用户注册完成之后,尝试一次之后,就再也不用了,来之不易的注册用户就此流失。根据 Andrew Chen的研究表明,平均每个APP会在用户安装后3天丢失77%的日活用户。你绝对不希望在投入了如此之多、收获新用户之后,在几天之内丢失其中的多数。那么,要怎样才能做的更好呢?一个优质的新用户引导流程(Onboarding),能帮你的产品获得良好的第一印象。新用户引导(Onboarding)这个词本是人力资源领域的术语,不过现在已经被UI/UX领域借用过来,指的是帮助刚刚注册网站/APP的新用户熟悉产品到流畅使用的引导流程。在设计新用户引导流程的时候,有许多注意事项,确保用户能够尽快熟悉你的产品,并且了解它的实际价值。不要使用过长的新手教程为了降低用户流程中可能存在的摩擦,尽量遵循“少即是多”的原则。如今市场上每个APP都会在初次登录的时候提供一个滑动展示的教程,介绍应用的功能:静态的展示页,旨在展示产品的功能和价值。

5 次浏览
3招设计技巧可以尽量避免设计中的改稿
3招设计技巧可以尽量避免设计中的改稿

之前看到后台有位面粉问到关于电商设计流程的问题,其实这个问题有点泛,因为电商设计包含的分支还蛮多的,比如Banner设计/专题页设计/平台界面设计/内页设计/店铺首页设计/详情页设计/引导页设计/H5页面设计等等,那么既然这位面粉问到了,我就姑且拿出一个专题页设计作为案例跟大家分享一下我的设计流程好了。下面这个页面是我今年3月份左右做的一个京东平台的专题页活动,大家可以先看一下,然后接下来我会从前期沟通思考-中期执行-后期修改三个方面给大家分析讲解它是怎么做出来的(文末附带gif动图)。因为我之前一直都是属于为平台服务的电商设计师,所以我下面要讲的一些点可能是大多数服务于店铺的电商设计师所没有接触过的(也仅仅是我个人的一些经验总结),如果你们想往平台方向发展或者希望自己的店铺设计流程能规范一点,不防都接触了解一下(接下来我要讲的这些可以说是超级干货了噢,请大家自备小板凳呐),下面进入正题:1、前期沟通思考阶段这个阶段主要包含这四个方面:沟通需求/分析定位/视觉推导/风格确定。(1)沟通需求做设计的话,沟通肯定是必不可少的了,这里分别涉及到了跟需求人(运营策划)/交互设计师/前端设计师/领导之间的沟通,很多设计师之所以反复被要求改稿,其实很大程度上就是因为前期沟通这一环节出了问题。大家可以先看下我们的交互稿(嗯,不得不说的是,我们的交互稿其实已经做的很漂亮了,就差上色了。。。):

4 次浏览
设计师如何学习系统交互设计知识体系
设计师如何学习系统交互设计知识体系

到目前为止,已经写了关于交互设计的十几篇文章。但是,越来越发现自己写的没有章法,东一棒子,西一榔头,都把自己打晕了。最近刚好有一些小伙伴,希望能够看到系列化的文章。所以,就整理了一下自己的交互设计知识体系,一方面对自己的知识查缺不漏;另一方面给大家竖一个靶子,希望大家批评指正,共同进步。一个人的知识体系可以看做一个人的格局,知识体系越广,越能看清楚各个知识点之间的关系,明确自己的缺陷;知识点越深,则能体现出你的专业。交互设计也是一样,在对交互知识深入学习的同时,也要加强自己知识体系的构建,弥补弱势。这样,既能有效的辅助其他知识点的学习与应用,同时也能够保证交互设计质量在较高的水平,而不会出现较大的起伏。交互设计是一门交叉学科,从广义的角度上来说,涉及到多个学科,包括心理学、设计学、人机工程学等等,但是从狭义的角度来说,交互设计的核心知识体系,应该包括需求分析、架构与流程设计、方案设计、方案验证/设计跟踪与其他六方面内容。第一点 需求分析交互设计工作是从拿到产品需求开始的。需求分析的主要目的是来明确产品的目标定位以及产品想要实现的功能。需求分析有若干方法,包括目标人群分析、竞品分析、已有的产品版本分析等等。除了各种的分析方法,还有一点就是需求评审。需求评审可以面对面的交流,得到产品经理想要的,同时能够将交互设计师大概的页面框架以及形式快速反馈给产品经理,以确定思路的正确与否。最终,需求分析要得到的结论是:产品的主要功能、特色功能、用户人群、使用场景、用户期望等等。总之,需求分析的目的在于明确交互设计的方向和目的。第二点 架构与流程设计架构又称信息架构,是产品页面的逻辑骨架,是产品功能的横向梳理。好的信息架构能够进行合理的功能分类,符合用户心智模型,帮助用户快速有效的找到目的地。流程设计是基于产品的功能来进行的,是对产品功能的梳理,是产品功能的纵向梳理。用户在使用场景下进行的目的性操作,能够保障功能使用的流畅以及交互界面的完整性,便于检测产品功能是否能够走通以及其合理性。信息架构的梳理方法多用卡片分类法,让目标用户对产品的功能卡片进行分类,并对类别进行概括,得到相应的功能集群,功能集群即是产品页面功能模块的大致分类。流程设计能够确定交互设计过程中关键点与关键页面,能够保证在原型中,保障功能过程的完整性。

7 次浏览
资深设计师解读扁平化设计的精髓
资深设计师解读扁平化设计的精髓

又是一篇关于扁平化设计的文章,与优设之前的诸多文章不同,今天的文章带有阶段性的总结的性质,文章源自著名设计工作室Tubik Studio,多图预警。著名的艺术家 Edgar Degas 曾经说过,艺术并不是你所看到的东西,而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受,在这一点上,它和艺术是共通的。作为目前设计的大趋势,扁平化设计,无疑也具备着同样的特征。扁平化设计现如今的扁平化设计并不是单纯的一种风格,而是涵盖了诸多常见风格、具备多种不同目标或任务的一个设计集合体。目前扁平化设计被广泛应用于数字设计领域,并且常常通简约或者极简的视觉表达方式结合起来运用,由于移动端设计风格的演变历程的原因,扁平化设计常常被视作为拟物化设计的对立面。扁平化设计在过去的几年当中经历了积极而快速的发展,目前正“入侵”着越来越多的平面设计领域。今天的扁平化设计已经成了网页和UI设计中的主流设计方向,甚至可以说是我们日常生活中不可或缺的部分,并且开始影响我们生活中的日常决策,并且具备解决各种问题的潜力。Toonie Alarm扁平化设计的起源扁平化设计的发展历程当然是有迹可循的,它的根源通常被追溯到名为“瑞士风格”的一种装饰设计风格上。20世纪初的瑞士现代主义运动催生了这种设计风格,随着二战结束,这种设计风格开始在欧洲流传开来,赢得了更多的拥簇。这次设计风格的革命是由苏黎世艺术与工艺学院的Josef Müller-Brockmann 和 巴塞尔设计学院的 Armin Hofmann 所领导的。在Design is History 中,瑞典风格是这样被描述的:“……这种风格强调简约,可读性和客观性。这两所设计院校为这种风格贡献了许多东西,包括非衬线字体,栅格和不对称式的布局。这种设计风格还强调使用排版和摄影来作为主要的视觉传播手段,所以,瑞士风格下最有影响力的作品通常都是以海报的形式呈现出来的,他们认为这是最有效的沟通手段。”Josep Müller-Brockmann, Auto Club of Switzerland Poster, 1955

5 次浏览
写给UI设计新手的切图命名规则手册
写给UI设计新手的切图命名规则手册

今天菜心要分享的内容是关于切图命名的规范,这是UI 设计师最基础的知识之一,但作用非常大,可以帮你和同事.开发高效对接,提升整体工作效率。建议学习。关于切图命名的规范,我个人觉得关键是在于团队能够有一个统一的规则,所有成员严格遵守并且和所有开发全盘拉通,不然一切都是空谈。不同的团队使用的软件都不一样,如果经常使用sketch软件中Symbols 的同学,可能在命名的时候会考虑更多内容,但是照顾到还有很多同学在使用PS 作图,所以这里只介绍一种通用的命名规则,当然大家也可以根据自己的实际情况去制定,这里只提供一种方法与思路,仅供参考。一、为什么要制定规范的命名规则1. 自身层面对我们自己的文件整理有很大的帮助,后期修改文件、图层的时候更加方便快捷,而且规范的命名也显得我们自身比较专业。2. 团队层面如果命名不统一,大家就很难达成共识,任务交接时需要很大的学习成本,所以规范的命名对于团队协同也有极大的推动作用。3. 开发层面这一点是最重要的,可以极大的节省程序开发的时间成本,减少很多不必要的沟通与重复切图的概率,因为只要我们的命名足够规范,并且和开发达成共识,他们完全可以直接使用的我们切片而不更改切片的名称,后期我们更换切图,只要切片名称不变,开发看都不用看直接替换就可以了。

11 次浏览
帮你成就优质APP图标的三个关键点
帮你成就优质APP图标的三个关键点

每个APP都需要一个漂亮的图标,而每个设计师也都力图让自己APP的图标看起来漂亮而吸引人。为了在APP Store 和APP列表中脱颖而出,优质的图标设计是如此的让设计师渴求。失败的APP图标设计有着各不相同的原因,而成功的APP图标设计则有着相似的特性,这也是促成今天这篇文章的重要原因。制作一个对用户友好、具备良好识别度的好的APP图标,应该遵循什么样的设计规则?读下去,下面所挑选的三个最实用的规则,应该能够帮你在迷雾中,辟开一条道路。1、设计一个高识别度的图标首先,图标需要表情达意,传达信息。一个需要让用户猜测的图标并不是一个称职的图标。对于你的APP而言,图标就是它的脸面,一目了然的图标设计能够让用户明白你的APP的功能与意义。当你为你的APP设计图标的时候,你应当时刻谨记一件事情:图标是借助隐喻和联想来同用户沟通的,如果它的形象或者暗示的操作不能让用户立刻明白,那么这个图标就不具备良好的可用性。因此,让你的图标清晰直观是至关重要的:不要使用抽象的图标设计,因为抽象的图标设计很少能够正常工作。用户很难依靠以往的经验来弄明白图标背后的含义,iOS中游戏中心的图标设计就是一个相当典型的反例。这个图标是一组多彩、具有玻璃质感的圆圈组成的,它看起来像气球,也许能够唤起部分用户的想象,但是人们通常很难明白它的确切含义。而一个安全的设计思路是使用用户能够一眼分辨得出来的形象,这样用户就很容易识别了。绝大多数的用户都能够清晰地认出Home的图标,打印和放大镜这类图标就更是广泛地为用户所了解。所以,当我们看到Gmail 的图标的时候,哪怕是新用户,通常都能很快联想到电子邮件。

7 次浏览
浅谈产品设计师应该学哪些课程和技术
浅谈产品设计师应该学哪些课程和技术

Facebook 前阵子为设计实习生们举办了一场小型研讨会,会中最常被提出的问题是:如果我想成为产品设计师,未来我应该去修哪些课、学习哪些技术?大学的重点是:学习「如何学习」通常我对这类问题的反应跟其他讲者一样——不必过度操心这种事。绝大部分你需要的技术,都会从工作中学到。「真的,重点是,你去学校(大学)上课是为了学习、精进『如何学习』的能力。」科技会变、photoshop 不会永远都是工具首选,程序语言和平台会流行,也会向法兰绒和粗框眼镜一样过时。保持好奇、勤奋,不要害怕阅读、观察、聆听和动手做。学习如何学习才是能够维持收获不断的高阶技能。话虽如此,我也知道这样的答案可能不是在场学生最想听到的,当有人问说要成为一个产品设计师该修哪些课、学习哪些技术,最保险的作法就是假设对方想听的是一长串实用的课程和技术清单。所以,来吧,假如我有一部时光机,带着如今我已学会的事回到大学时期,会想要对那个面对沉甸甸课程指南的年轻 Julie 说出这番耳语,好让她针对未来的软件设计工作挑出合适的课程:基础平面设计基础当你学会了基础,那么欣赏、理解和创造可以清晰呈现、容易理解而且很好看的事物都会变得更加容易。例如形式、层次、颜色、构图、排版等等。你所选的课程内容最好要包含一些创意项目,并且搭配经过挑选的评审给予评价。计算机科学你未必要知道快速排序(Quicksort)和合并排序(Mergesort)的优缺点,也不需要学习如何写一套操作系统。但是掌握写程序的基础(这也许需要一年去学习基础知识,再加上一、两个大型项目课程)是一段很长的路。如果不懂写程序,想要选择科技产业设计师作为职业生涯的选择,恐怕会很困难。

4 次浏览
详细解析中文字体的性格和运用方法
详细解析中文字体的性格和运用方法

字体的性格大家肯定没少听,但我也相信在大家心里也只是个模糊的概念;其次,了解字体性格是为了解决我们字体设计中的问题,很多小伙伴都会问我:这个字到底该如何设计?没有想法该怎么办?其实,了解字体性格有助于我们解决字体设计中的一些实际问题,例如以上所说。简单看一下今天分享的目录:一、何为字体性格?二、字体性格的表现和划分?三、字体性格怎么用?一、何为字体性格?性格,通常是我们用来形容一个人的性情品格。就像我们常说的“字如其人”,其实字体也同样可以看做是一个有着不同性格色彩的人,为了更好地理解字体性格,我们先简单了解一个字体的基本概念。我们知道字体基本是由字形结构、笔画和细节特征三者构成要素。什么?不懂!那直接看图。换句话说结构的松散与疏密、笔画的粗细与曲直、细节的特征修饰统统会直接左右一个字体的性格。

8 次浏览
3个设计技巧帮助设计师突破瓶颈期
3个设计技巧帮助设计师突破瓶颈期

常常有设计圈的朋友问我“如何提高设计能力?”“我想成为设计专家, 、团队里上下游可是似乎一直在原地踏步,我该怎么办?”,在沟通寻找答案的过程中,有些人却把原因归咎到企业对设计的重视程度的无作为甚至是身处的行业氛围。这些因素固然重要,它们可能导致你怀才不遇,但是你确定自己真的已经有“才”了么?换句话说,给你一个完美的环境,你就可以成为设计专家了?欢迎关注点融设计中心DDC微信公众号:「微信ID:DR_DDC」想要提高,首先要有清晰的自我认知先问问自己,想成为怎样的设计师,是创意无限脑洞十足的?是心细如发像素级别的?还是思维缜密无懈可击的?亦或是巧舌如簧演说能力爆表的?一名优秀设计师的能力维度是多样的,有产品业务分析、逻辑思维、专业技能、设计辩证、设计驱动、自我迭代、沟通演说等各方面的能力。不妨自我评价一下自己在这些细分维度下做的如何,然后给自己找一个发展的模版,可以是行业大牛,也可以先定一个小目标,选择团队里的资深设计师,如果觉得还没有人能达到你心里的那个高度,那也无妨,你可以在每一个能力维度上都可以找一个目标,比如,告诉自己要有A的产品理解,B的设计技巧,C的沟通演说能力。有了清晰的自我认知才能更好的知道该在什么方面提高,找到方法并且有计划性的实施。建议先找一到两个自己最想提高的能力维度发力,避免分散精力导致成效甚微,给自己制定一个定期自检的机制,看看和上一阶段的自己是否有显著的进步。比如两个月前你和产品在过方案的时候还被问的语无伦次,现在是不是能够自圆其说。两个月前想方案是要各种翻素材看竞品,现在是不是看到需求马上就思如泉涌。刻意练习是提高的关键作家格拉德威尔在《异类》一书中指出:“人们眼中的天才之所以卓越非凡,并非天资超人一等,而是付出了持续不断的努力。一万小时的锤炼是任何人从平凡变成超凡的必要条件。”他将此称为“一万小时定律”。要成为某个领域的专家,需要10000小时,按比例计算就是:如果每天工作八个小时,一周工作五天,那么成为一个领域的专家至少需要五年。这就是一万小时定律。按照这个一万小时定律,那么你从事设计相关工作超过5年的时间,是否就可以成为专家呢?答案很显然是否定的。我从事设计管理多年,也算是面人无数,经常碰到一些经验丰富的候选人在面试的时候甚至都无法说出自己进行设计的全过程,更别说延伸的一些设计相关的思考了,根本经不起推敲。而他们在我看来已经进入了机械地完成设计任务的状态,这样的状态就算持续再久,都无法让你有任何提高,甚至还会逆水行舟,不进则退。心理学家Ericsson的研究发现:决定伟大水平和一般水平的关键因素,既不是天赋,也不是经验,而是刻意练习的程度。举运动员的例子就再贴切不过了,老话“台上一分钟,台下十年功。”也是这个道理。刻意练习要求一个人离开自己的熟练区域,不断地挑战自己去练习和提高。做为一个篮球爱好者,我一直都在享受篮球,用自己最擅长的方式在球场上助攻队友,投篮得分。普通的篮球运动员例行公事参加训练和比赛,将他们擅长的特点变成条件反射。而科比哪怕已经是NBA联盟的顶尖人物,却不断地发现自己能力的不足,不断地以自己不舒服的方式让自己去进行刻意练习和提高,挑战自己,让这些不足的能力慢慢划入自己的熟练区域,然后再去寻找下一个不足。我是一个忠实的科比粉丝,从OK时代一直到他退役,不仅因为他飘逸的球风,更是因为他的科比精神。“洛杉矶早晨4点的样子”不论真伪,确实有激励到我。

4 次浏览
帮你梳理卡片式UI的设计最佳实践分享
帮你梳理卡片式UI的设计最佳实践分享

卡片式设计依然是目前UI设计的热门,虽然我们在前几天的文章卡片式设计并不能支撑所有的设计需求当中探讨了卡片式设计为数不多的“局限”。今天我们从基本的规则入手,为你展示卡片式设计的最佳实践。卡片这种UI元素一直是以小巧整齐的内容容器的形式而存在着。当我们探讨清晰平衡、富有美感、简约时尚而又具备良好可用性的设计方案的时候,卡片式设计几乎是不二之选。早年间的Pinterest 和Facebook 是卡片式设计的先驱者,随后Google 通过 Material Design 几乎标准化了卡片式设计,现在你会发现卡片式设计,几乎已经深入到各个行业、领域的UI设计当中。最佳实践(best practice),是一个管理学概念,认为存在某种技术或者方法使生产管理实践的结果达到最优,并减少出错的可能性。也就是我们常说的“最佳解决方案”。最初是 Pinterest 采取了这种使用卡片作为信息组织的基本元素的思路,使得网页中多类型信息组织有了更好的用户体验设计方案,并随后引发了“瀑布流”设计风潮。之后多年的积累和探究,卡片式设计有了长足的进步和相对系统的设计思路,今天的文章,我们将探讨最常见也是最实用的5种卡片式设计的最佳实践。1、遵循“一卡一概念”的规则每一个卡片应当承载一种概念,其中内容不应当混搭而复杂。卡片式设计当中,卡片可以橙子啊多种多样的信息和元素,但是单个卡片应当保持其中内容属性的纯粹性和直观性。这样用户会更轻松的选取他们想要的内容,或者分享他们眼中最合适的内容。2、让整个卡片都可被点击根据费茨定律(Fitts’s Law),用户应当可以点击卡片的任何一个部分来触发其中的内容,而不只是图片和文本链接。更大的触摸和触发范畴是卡片本身的优势所在,不论是在移动端的触摸屏上,还是以键盘鼠标为主桌面端上,让整个卡片都可被点击明显拥有更强的可用性。

12 次浏览
共计26043条记录 上一页 1.. 2361 2362 2363 2364 2365 2366 2367 ..2605 下一页