以下文章来源于ID设计站 ,作者ID设计站 编者按 作为设计师,你是否经常被要求改设计方向?如果是,或许情绪版设计能帮到你。那么,什么是情绪版?怎么做情绪版设计?本文作者将分享一些自己做情绪版设计的经验方法,希望对大家有所帮助。 我们在设计中经常会遇到新版本或改版的设计,从创意想法到设计初稿的过程可能会花费比较长的时间。而作为设计师除了自己思考设计之外,还需要与产品、设计老大沟通我们的一些设计想法。因此,我们需要在不同的阶段输出不同的内容反馈进度并达成一些共识。 在多年的设计过程中,我也经常会去尝试一些情绪版的设计,在这方面也沉淀了一些自己做情绪版设计的方法。因此可以借助这次机会给大家分享下这方面的经验,同时也希望起到抛砖引玉的作用,与大家交流下这方面的内容。 首先我们要明确什么是情绪版?我的理解是:情绪版既不是初稿也不是最终的风格方向,而是设计师在了解了相关的产品背景后,基于自己对于产品的理解给出的一个较为初始的设计建议,并且希望可以通过这个初始的建议与产品侧达成一些相关的设计共识。 情绪版的设计流程大概分为前中后三个阶段,前期:分析-收集,中期:筛选-组合,后期:打磨-呈现。 前期:分析-收集 主要是分析产品相关背景或需求本身的方向,结合产品背景及需求本身再进一步分析大概的设计方向并收集相关素材内容。 中期:筛选-组合 当我们收集完成后需要对现有素材进行二次筛选并组合,基于现有素材组合大概的设计方案结构。 后期:打磨-呈现 基础方案组合完成后需要进行二次打磨,细化方案的内容表现,检查整体的一致性及完整度,最后呈现给产品方。 可能很多设计师会疑惑为什么要做情绪版,直接设计初稿不就好了吗?如果有这个疑问,可能还没实际了解到情绪版的作用。但我们可以试着从我们在设计过程中遇到的痛点来了解情绪版的作用或者意义。 在设计的过程中你是否会存在下面几个问题:
从这几个问题中,我们可以得到一个比较统一的结论就是:前期设计呈现内容不够,导致沟通不足而产生方向不统一。因此基于这个关键点,我们再来看情绪版的作用。 1、辅助构建世界观 在前期,世界观、背景方面的内容大多是以文字的方式呈现,因此设计师可以通过情绪版的方式,来输出对应的世界观设计表现,这样可以更加直观的表现出对应的视觉语言。 2、具象设计想法 在初期与产品侧沟通时,单纯靠语言表达的方式很难让对方达到一种脑补的状态。因此借助情绪版的方式更加直观的呈现设计想法,通过具象的图形或者图形,大大降低双方的沟通成本。 3、明确设计方向 基于第二点的沟通,我们可以明确的了解到产品侧的一些喜好。为后续设计初稿时起到一个清晰的方向作用。 4、提高前期设计的效率 从零到一设计一套完整的方案往往需要耗费较长的时间,借助情绪版设计的方式来快速响应一些想法及创意,这样可以大大提高前期的输出效率。 从多次的尝试中,我总结梳理了几个基本原则,了解这些原则可以让我们在做的时候更加严谨,输出更加准确的设计方案。 1、多方向性 情绪版的设计与我们日常设计一样,需要给出不同的方向建议,单一的方案往往难以抉择。多方案输出除了提升抉择空间之外,还可以增加方案碰撞的情况,往往可能是方案A的某部分内容叠加方案B的某部分内容才能产生最初的方向。 2、尝试性 此阶段的所有输出皆属于尝试与探索,因此不必过于考究设计细节,重点在于表达出需要相关的设计概念及思考想法,把更多的时间留作设计思考及方案尝试。 3、效率性 情绪版的输出重点在于前期沟通而达到一个比较好的共识,因此在保证质量的情况下,避免花费过多的时间而影响输出的效率性。尽量做到快与准。在过往中项目组,基本上是以半天(4个小时左右)为一个单位来完成一套方案。 4、试探性 情绪版是一种非常有效试探产品侧想要往那种方向去推动的方式,因为我们在实际的设计过程中,产品侧可能也对整体的设计大调并不少特别有明确的脑补,因此设计师可以借助情绪版的设计来挖掘产品侧想要往哪个方向进行发力。 这里总结情绪版的设计方法大概有这几种: 1、参考图像/插图 在我们设计一些专题活动或者绘制插图相关的一些设计时,可以考虑使用这种方法来输出你的情绪版设计,可以通过参考一些设计网站或插图网站上的现有素材来拼接,并表达自己在这方法的一些设计意图及想法。 2、结合实际场景引申 从更概念化的角度出发,通过引用一些实际场景、物品、图像,来拓展相关的图形、质感、色彩方面的设计,并且输出相关的设计雏形。例如我们在设计LOGO或者图形类的一些设计,使用这种方法就可以帮助我们突破一些现有的认知壁垒。 3、参考同类型设计 在设计之初,我们通常会有一个大概的思考雏形,但如果直接开始设计往往效率上并不高。因此可以参考一些设计网站上的设计,通过摘取组合的方式呈现自己的初步想法。我通常会在UI新版或者改版的时候使用这种方式,但只能表达大概的想法且不能代表最终的初稿设计。 4、绘制草稿 当我们想要表达一些沟通或者框架的设计时,我们可以使用草稿绘制的方式来表现,这个方式简单快捷,可以很有效率的对齐大部分的设计共识。 基于原则及方法,我们可以来简单了解下情绪版设计中需要注意的一些事项,通过这些内容让你在实际操作过程中少踩一些坑。 1、控制方案的数量 设计方案控制在2-3个左右即可,前期大多是属于试探性方案呈现及找方向,太多则容易导致选择困难。 2、避免篇幅过长 篇幅过长往往容易降低别人阅读的耐心,对于情绪版的输出也是如此。结合过往的经验,建议以16:9的画面为一页来呈现一个方案。 3、区分重点次要 在一页内呈现的方案避免过于平均,可以适当突出某些想要重点表达的内容,例如在这个方案中想要重点突出图标、颜色等,那么这里需要突出这部分在画面中的比例,适当缩小其他模块的尺寸。 4、结合世界观 在输出情绪版设计方案时还可以适当考虑结合产品的世界观,通过一些具象化的图形或者插图来表现相关的内容。例如我们之前在游戏中心改版的尝试中,就发散了几个相关的世界观,因此我们在输出方案时,则只需要把对应的世界观作为方案,通过情绪版的方式表现出来即可。 5、保持整体风格一致性 一致性是表现一个设计师是否具有系统化、全局观的思考思维,因此我们在表现情绪版时也需要关注这方面的内容,避免整体的调性不匹配。 6、完整性表达 在呈现方案时,尽量多维度的进行对比,呈现一个完整性、系统性的设计。例如我们在设计UI相关的内容,从图标、颜色、字体等等一系列的内容需要细致的阐述清楚,让人更加能够了解你的意图。 由于我日常以设计UI为主,因此可以给大家重点分享我在UI情绪版设计的经验。希望可以帮助到大家快速上手。 当你在做UI设计情绪版时,需要明确了解UI设计中的结构,更系统性的去思考整体的内容。我们在UI设计中往往需要包含以下这些内容:图形系统(图标+辅助图形)、颜色系统、字体字形系统、质感形态、界面形态、插图风格、动效系统、影像系统,等等这些部分的内容。 UI情绪版模版 过往实际案例分享 案例一:整体风格比较偏个性一些,页面尝试用深色的背景设计。 优点:整体风格比较酷,配色比较未来感符合年轻的人的审美,深色的背景让内容更加聚焦。 缺点:深色的设计接受度是否可以,是否适合平台类APP设计。 案例二:整体风格3D化的设计,包括页面的一些体验上都可以增加视察的效果来设计。 优点:整体设计风格比较新颖,符合现在的设计趋势,整体感觉也比较年轻多彩。 缺点:3D的制作成本相对较大。 案例三:整体风格比较清爽,白色融入渐变的设计也会显得比较年轻。 优点:整体页面清爽,可以满足任何内容的透出,渐变色的图标和按钮的设计补充了细节。 缺点:整体氛围感、娱乐感较弱。 很多时候我们会觉得情绪版设计可有可无,或者因为时间的关系不允许我们经过这一步。但,如我一开始提到的点,情绪版可以在前期帮助我们去打通很多思考的壁垒,辅助设计师在前期直观的与产品侧进行方向上的探讨,从而找到大方向上的共识。 以上都是属于我个人总结的一些经验,因此建议大家在日常项目中多去尝试,并在尝试中找到适合自己的方法。 来源:ID设计站 原文:https://mp.weixin.qq.com/s/JAR2dVZGJJ8pPVuLXeGPag |
相关下载 |
据央视报道援引近日《今日俄罗斯》网站以及多家国外科技网站的报道称,一名来自谷歌公司的资深信息安全研究员, 发现了苹果手机等设备存在重大漏洞:无需接触手机就可以获详情>>
原标题:TheShy发明上单ADC新打法,只需要一件装备,让短腿英雄发生质变 LOL这次更新的版本比较复杂,不仅把所有的装备图标改变了风格,还增加了神话装备系详情>>
原标题:TheShy发明上单ADC新打法,只需要一件装备,让短腿英雄发生质变 LOL这次更新的版本比较复杂,不仅把所有的装备图标改变了风格,还增加了神话装备系统详情>>
本周二王者进行了一次版本更新,我们迎来了新一届王者创意互动周活动,这次活动又会出现哪些好看的作品呢?去年的源梦皮肤终于也要正式上线了,这款皮肤竟然只需6元? 一起来看看今详情>>
迷你世界:变身高达机器人教程,只需添加新模型,修改原版插件详情>>
爆笑师徒72:遇到钓鱼?不要慌!只需一招“美人计”敌人哭了详情>>
随着PS5/XSX发售在即,数字版游戏也成了越来越多玩家的选择,但3A大作越来越大的容量却给下载带来了难题。外媒USgamer日前分享了PS4 Pro和PS5下载对比测详情>>
蓝少云顶之弈:选秀提前进圈?只需两个改键,快人一步拿到心仪装备!详情>>
仇冬生不愧是DNF世界冠军,职业赛场展示自信到自卑只需三分钟详情>>
迷你世界奥特曼:任务只需要找人对话就完成了吗?详情>>
LOL蓝少解说:王者级抢2级技巧,只需6个小兵,瞬间碾压对手!详情>>
在家快断粮了 人类等等,这不是回母星的路 快速脱毛,只需一秒钟,了解一下 此处有结界 速速撤退 贼是聪明的知道偷车会被抓,偷胎就不好查了! 三人详情>>
转自管泽元只需我自动,我以及偶像就会有故事@Langx丶 详情>>
和平精英:爱不会消失,爱转移只需要一秒钟?详情>>
免费获取李小龙皮肤的活动开启,只需要5关非常简单详情>>
原标题:三国杀:为何连主播都偏爱这平民武将?只需800元宝却不输史诗 一般主播都会选择强度高并且观赏性强的武将,这样不仅能够显示出主播的实力,同时直详情>>
《AIM$ -你只需要钱-》公开2、3 弹合作歌手情报 NHN PlayArt旗下大规模对战动作游戏《AIM$ -你只需要钱-》(iOS/Android)近日公开更多本作的角色情报,当中详情>>
P社旗下的策略游戏《欧陆风云3:完整版》在Steam商店开启新史低折扣促销。本作原价48元,现在-92%只需4元即可入手。该版本包含游戏本体以及Nomine、拿破详情>>
《欧陆风云3:完整版》Steam新史低促销 骨折价只需4元 2020-10-21 10:30:00来源:游戏下载编辑:松鼠骑士评论(0) 详情>>
任天堂eShop商店最近公布了一批即将发售的游戏占用空间容量,其中包括《狙击精英4》、《天穗之咲稻姬》、《奇异世界:新鲜可口》等。据信息显示Switch版详情>>
eShop公布Switch新作容量 《狙击精英4》只需6.1GB 2020-10-19 09:46:09来源:游戏下载编辑:葫芦娃评论(0) 详情>>
街霸对决:八层副本原以为很强,结果只需一个大火球详情>>
迷你世界:可爱的兔子房,只需要几步,就能做的很完美!详情>>
1 1 多希望能有一个大佬看出我的脆弱,对我说:“收款码发给我!” via: bitc刘胜熙 2 成年以后的生活,每一天不是以快乐/不快乐区分的,而是以难过/很难过/非常详情>>
原标题:夏季的裙子不用收起!从夏到秋的过度穿搭只需这3件外套 对于爱好时尚的人来说,秋天可谓一年最美好的季节。既能尝试层次穿搭,又不用裹进厚重的详情>>
黎明觉醒:造车要氪金吗,材料虽多只需肝,这游戏真良心吗?详情>>
老白游戏解说:和平精英如何避免被误封,只需记住这四点即可!详情>>
近日,在 ResetEra 论坛上,有网友发帖提到一名日本主播公布了《鬼泣5 特别版》的最新演示,其中展示了本作的 PS5 版只需 4 秒就能够载入任务。而经过玩家对比,PS4 版的《鬼泣详情>>
DRX 1-0 UOL的韩文流赛后采访给到了DRX下路Deft。Q:拿到四胜,又确认进入八强的感触是甚么呢? Deft:打完第一轮的时分曾经感触到了步队间的差距,我以详情>>
和平精英:挑战经典模式最短时间吃鸡,只需10分钟,谁有我快!详情>>
挂机泡点传奇顾名思义是一款传奇类游戏,以人魔大战为世界观,传奇类游戏玩家一般都很了解,战法道三个职业选择,还能刷BOSS,并且这类传奇是非常绿色的,牛游戏网为大家带来了挂机泡详情>>
如何让月兔喷气车跳跃百米高?原来只需要借助月球就可以详情>>
虎扑体育是一个球迷的集中地,部分球迷看完比赛后就顺便买了一些纪念品回去,这样一来可以纪念这场比赛,二来也是对自己喜欢球赛的肯定,但不少球迷买回去傻详情>>
原标题:终极斗罗:蓝轩宇想要除掉天龙,只需送他一件超神器就行了 之前小编分析过天龙是蓝轩宇要面对的阶段性反派,但他不会是终极斗罗的最终BOSS,其中一详情>>
新版本射手打野,秒龙只需一发子弹?!详情>>
LOL:6狂徒瑟提爆发有多高?秒杀100万血卢锡安,只需1个大招!详情>>
英雄联盟:Uzi拿回自己id只需一秒,峡谷之巅的排面必须安排上!详情>>
相信很多网友一定对比分大师app下载链接期望已久,其实在咱们game234就有相关的赛事下载,用户朋友如果喜欢这款应用的话可以来在咱们网站进行下载。详情>>
现在的燃烧瓶,只需五秒就可以带走一个大汉!详情>>