终于赶在2020年的尾巴发出来了。下半年开始摸索着学习UI设计和交互设计,用这个作品给这一阶段画上一个小逗号,新的一年好好学习,好好生活。第一次做redesign练习,知道自己做的有很多需要改进,有不成熟不合理的地方感谢大家帮我指出,一起交流。感谢@酸梅干超人老师,从作品中学到很多。
在经历了一个不太理想的新十年开局后,年轻人们迫切需要重塑品牌。幸运的是,以下2021年的标志设计趋势完全可以胜任这项任务。
观察来自世界各地的logo设计作品,他们的预测代表了设计环境的变化。虽然去年的趋势集中在通过新技术进行革新,但2021年标志趋势中的一个共同主题似乎是限制条件下的创新。过去的一年可能在很多方面限制了世界,但是2021年的标志设计师们还都在继续努力着。
标志设计作为一项相对现代的发明,往往在过去的技术和局限中寻求灵感。在2021年,许多标志设计师在过去时代的彩色玻璃窗中找到了启发。
正如标志设计师林登·莱德(LindonLeader)曾经说过的那样,伟大的设计源自简洁和清晰。这两个优点使标志设计能够有效地向观众传达品牌的复杂身份。这就是为什么许多过去的标志潮流都集中在极简主义和平面设计上。
虽然2021年的logo设计师们决不会放弃这种方法,但他们正寻找在过度简化中失去的一些魔力。一个流行的标志设计趋势是融入微妙的视角。使用基本的绘画技巧,如线性透视,曲率或缩短,设计师能够创造深度的错觉,而不会使设计复杂化。
其效果是,标志给人的感觉很突出,品牌从页面上一跃而下,而半平面的设计技术,一直以来都是为设计师服务的,但至今仍然完好无损。
形状是构成意象的基石。但是,尽管三角形、正方形和圆形等原始形状一旦打下基础,往往就会被淘汰,但它们纯粹的简单却有力量。
2021年的设计师们正利用这种力量,用简单的线条和形状制作出标志。这种对形状极简主义的严格遵守给了这些标志一种刻意克制的气氛,允许他们在其他地方自由发挥,比如在丰富的颜色饱和度上。
这种方法的另一个特点是,简单的分层可以产生一种结构和深度的错觉,这符合我们前面提到的透视图趋势。通过纯粹的造型语言,设计师能够创造出易于解析、令人难忘、色彩鲜艳的logo。
基于字体的文字标记标识有着直截了当的名声,无论好坏。虽然他们使品牌名称成为整个标志的焦点,因此更令人难忘,但他们没有留下太多的空间,为创意铺路。但是2021年的标志设计师们正在一个字母一个字母地改变这种印象。
具体来说,我们看到越来越多的单词标记中的一个字母被夸大了。这可以是一个颜色突出的小写的“i”,或作为一个突出的筷子形成一个大写的“H”。这个不同的字母不仅创造了一个吸引眼球的兴趣点,它给予品牌最好的选择:一个传统的,基于类型的标志,也不怕打破规则。
人们凭直觉寻找其他面孔,这是一个有据可查的事实,这就是为什么肖像画有助于在设计中建立情感联系。这些面孔越真实,越容易辨认,联系就越深。
因此,2021年更多的标志设计师开始转向反映不同种族、文化、性别、年龄段等的肖像画。与媒体过于拥挤的同质表现不同,这种方式创造了真实的印象,有助于人们在瞬间与品牌建立联系。这些标志可以从简单的,平面的人物肖像到详细的说明性技术。
平衡是标志设计的基本原则之一,而对称也许是其最极端的表现。对称的标志从中间分开时,两边是相同的。
虽然相同性和可预测性似乎是冗余的同义词,但对称设计完全是关于强度的。它们让我们想起了建筑,无论多么高大复杂,它们的设计都是为了站稳脚跟,它们通过完美的对称平衡来实现这一点。
虽然logo设计师在真实人物的表现上处于领先地位,但2021年的其他许多人则通过漫画和夸张的幽默来对比这一点。我们正在看到越来越多的以插图为主要内容的logo呈现出诙谐,甚至古怪的概念,从玩老鼠的医生到华丽的甜甜圈花花公子。
从事舒适或娱乐的企业希望能让他们的观众放松,而设计师们则用散发着博爱气息的logo来回应。最终,这些异想天开的设计让顾客觉得他们找到了朋友而不是品牌。
逻各斯的根源一直是古老的象征,从升起的凤凰到不朽的女神,再到无所不能的眼睛。就像古代的象形文字一样,它也是一个标志的目的,通过简化的图形来传达信息。
通常,logo寻求创造他们自己独特的符号语言,但在2021年,设计师们正在疏导古代符号的力量。其效果是将人们普遍理解的、经典的美德与奋斗品牌的愿景联系起来。开始一个新的企业是一个信仰的飞跃,这些象征性的标志承载着一个启示的承诺。
这意味着运动跟踪器、流体形状、飞溅粒子和动作线的增加。对于那些希望创新的企业,比如科技品牌,这是一个标志潮流,肯定会引起轰动。它提醒顾客品牌不仅仅是一种产品或服务:它是一种活的东西。
随着每年的标志设计潮流,我们常常期望找到令人眼花缭乱、革命性和颠覆性的技术。另一方面,相似的配色方案是学生设计师在第一年的色彩理论学习的内容。这基本上意味着在色轮上对彼此相邻的颜色进行配对,其结果是创造和谐的科学方法(代替对立颜色的对比)。
虽然类似的配色方案并不一定是新的,但它们在标志设计中日益流行可能表明了对对比度的排斥。色彩是设计师用来影响观众情绪的最重要的工具之一。
2021年的标志设计趋势是重塑这个新的十年的一个机会。从透视技法到简单造型再到对称性,从极简主义到古典主义的复兴,我们未来的理性似乎在追求一种纯粹。
产品设计脱离不了用户认知,我们是否真的了解用户呢?用户是什么样的人?他们有什么属性特征?我们能满足他们什么需求?
这些其实是个大课题,但总体来讲,产品为用户而生,用户怎么用产品,什么场景下使用,这些都决定了我们的产品要怎么去设计,因此认知用户是产品设计中最重要的一步。
无论目前你负责的产品是从0-1还是1-N,在领导给了一个问题让你去解决时,你把这个问题先放到一边,先思考是什么样的用户会来使用我们的产品。
举个例子,当你听到老板说最近热线渠道上老是有客户抱怨没有人工入口,我们不是做了那么多引导了吗?你去定位并解决下这个问题。
这时候有两种做法:
从以上的做法来看,问题是得到了解决,但是老板会给这个方案打50分甚至是30分,为什么?
因为这个方案你只解决了一个问题,却让公司的人力成本上升了一个层级。
现在让我们来换个思路,先来思考什么样的客户会来反馈人工难。
我们很容易可以划分出一部分特殊人群:老年人,还有其他自助解决不了问题的人。
此时我们再去看用户轨迹,按照刚刚的步骤再走一遍直至第5步:
当我们拿着第二种方案给领导汇报时,领导可能会打80分,剩下20分可能扣在你增加了公司人力成本。
为什么第二种会比第一种好呢?因为第一种只解决了一个问题而第二个是解决了三个转人工难的问题,如老年人对热线渠道的机器人使用存在一定障碍、多次使用自助后来电的用户,繁忙时段来电的用户。
其实方案二也许还可以再改进,如针对重复来电的用户也可以直入绿色通道等,但在这里就不展开。
举上面的例子是想说明,在我们分析问题前,我们可以多思考用户画像和用户群体,以及使用我们产品的场景,这对我们问题的分析和制定方案是有一定的帮助,至少能针对性的解决不同类型的用户问题。
认知用户可以从感性和理性两方面入手,理性我们可以通过数据分析可以判断出用户偏好什么,习惯什么样的产品,这能让我们抽象出直接的结论,如我们能从数据分布看出年龄对美妆产品是主要的影响因素。
而感性的认知,我们就得构建用户画像,可以从用户属性特征,用户场景和心智出发;用户画像除了能帮助我们设计个性化或者千人千面的策略外,还有利于我们预测未来用户的行为轨迹,如内心对科技感兴趣的用户,大多会接受新技术尝鲜等。
为什么我们要从两方面认识用户呢?
因为只有理性的认知,产品就是一个冰冷冷的需求载体,如果不能附加一些感性元素,用户就不会对产品产生依赖感知;如大部分用户的认知中,红色感知为警惕而蓝色感知为轻松,产品设计需要遵循这样的认知,网易云正是抓住了年轻人晚上容易产生忧郁的特征,才收获了大多数年轻人使用,也就有了“网抑云”的调侃。
但用户认知其实不是一件简单的事情,产品人其实很容易就会走进“自以为是”的陷阱中,以为自己就是代表了用户的声音。
举个例子,像现在的外卖配送员每当收到一个订单时,应用app都会播报:“您有新的订单信息,请注意查收”,这个播报声音很大且不支持打断,有时还会重复播报几遍,在类似办公室这样的安静场景下,体验上绝对是很差的;但当你真的深入到用户的场景中去,你会发现这才是真的为用户负责的功能设计;因为外卖配送员一般都是在外边跑动,场景相对吵杂,一旦配送员没听到播报,很容易就漏单,这样带来的后果往往很严重,如罚款或者差评等。
用户认知,是要到用户的生活场景,了解用户在这环境下的真实声音,不要一味的在办公室头脑风暴,对产品进行主观色彩性的功能设计,这即是对产品的不负责,也是对用户的不负责。
那么我们要怎么开展用户认知呢?笔者认为最重要的就是制作用户画像,不断补充用户特征和进行客群划分。
但如果是做一个全新的app产品,我们没有用户行为数据,这时候其实是不太好制定用户画像。
这时候我们就需要自己先以经验给用户拟定一些特征,如:
但这部分的用户画像其实是不够全面,我们能从中获得的启发很少,怎样才是一个好的用户画像呢?我这里认为的一个完整的画像是即能帮助你找到真实的用户又能代表一类人;
补充用户画像的最快速的方法是走进用户的生活,在用户的生活环境下直接与用户聊天,没有比面对面更直接快捷的方式去了解一个人,你可以通过用户的表情、言行举止,去全面挖掘用户特征,用户的言论会体现他的认知,用户的行为会体现他体验产品的习惯,用户的表情代表他对交互的偏好。
这部分工作其实很难由产品经理亲自开展,因为这很考验人的观察力和主持技巧,所以可以委托市场访谈类的公司去帮助你认知用户;他们会有专门的团队协助你,包含但不限于定位目标客户、用户招募、用户访谈到报告制定等工作。
产品经理开展用户访谈一个前提是确定你的重点用户和具体问题,你随机抽取的用户虽然能提供信息给你;但如果你问题够具体,你的目标客户选取得够好,这样访谈的效果往往事半功倍;一般访谈前,我们可以先考虑下目前我们的产品处于什么状态,目前属于增长期或者成熟期,然后按照你的问题聚焦到某个用户群体中。
问题的提前设置可以聚焦整个访谈过程,如果漫无目的或者太泛的问题容易被用户的情感带着走,以至于我们会无法了解到关键信息,导致工作效率低下;这里可以给读者一个建议,按照用户使用场景的生命周期去考虑你的访谈问题侧重点,然后以使用前-使用中-使用后这样顺序去设置你的对应问题;
基于上面两点,举一个例子来说,如目前团队为了给基金应用增加一个VIP套餐服务,面向高端客群,定期提供理财服务,那我们要怎么去设计这个产品服务呢?
这是一个产品服务设计的问题,这时候就需要开展用户访谈,在这个问题上,你的客群其实比较明确,就是面向高价值用户,那么如何筛选出这部分用户?
另外还要有一个前提是“生活”而非“任务”,为了科学准确性,与用户访谈时尽量不要让用户有负重感;以聊天的形式开展,并以用户有真实诉求为前提去体验产品,这样面谈的效果是最好的;像你现在负责打车app的用户访谈,那就先和用户打车去咖啡馆,期间注意观察用户的操作行为和表情变化。
总结一下以上的内容,一般产品设计离不开用户认知,什么样的用户在什么场景下会使用我们的产品,这些需要产品经理通过用户画像、用户分群和场景分析三方面去定义。
而完善用户画像中常见的方法是用户访谈和数据分析,从理性认知和感性认知两方面去补充对用户的认知,不断地丰富用户画像;并且在产品设计中牢记用户画像,为特定用户群体提供个性化解决方案。
以上就是关于用户认知的一些浅薄之谈,希望能给大家工作和生活带来一些帮助,如有不同意见,欢迎补充。
Itisultraexperience
——————————
锁定有价值的目标群体后,再通过竞品分析、用户访谈和数据分析等方式探索产品的优势。
从用户行为看,16-24岁的群体更有益于产品的良性发展。基于此,我们利用其爱运动、个性化、强社交的特点,引入运动秀,打造“运动秀”的产品定位;同时考虑到40-60岁群体专注利益的特点,辅以红包和奖金赛等功能。
明确产品定位后,我们要确定对应产品定位的可量化指标,即增长指标。以增长指标为抓手,更容易帮助我们得出与产品定位等价的设计方向。
1.设计方法
其次,设计师合理使用设计技能,在图形、颜色、字体、版式、动画五种视觉语言中垂直打造体验效果,保证设计的精细化程度。例如:在标准字体的基础上建立运营字库;在动画方面,可以从反馈、功能、过渡、趣味、氛围等多维度场景精细打造动画效果等。
2.品牌设计
3.UI设计
3.1优化首页布局,聚焦核心功能
我们采用模块化卡片的形式,将功能按优先级规划布局。以一套模块化卡片结构,承载“计步、跑步和健走”三种运动工具内容,这样使信息有规律地整合并展示,降低用户的理解成本,同时保证设计侧的规范统一。
此外,卡片式结构在用户行为引导上也有天然的优势,用户更容易下意识滑动卡片探索功能,增加置后的运动工具的曝光机会。
视觉设计方面,设计师把品牌色和辅助图形沿用到UI界面中。为了增加运动的速度力量感,数字上采用粗壮倾斜的DIN英文字体,进度条使用热量彩虹渐变色,整体强化运动专业性。
3.2优化运动记录,提升使用体验
3.3优化计步详情,增强用户粘性
根据原运动数据、打卡玩法和进阶体系三部分内容,首先确定需要在首页呈现的关键信息。作为计步详情的核心内容,对运动数据保留重要数据的展示,如今日步数、目标步数、距离和热量等;打卡玩法主要用于驱动用户长期坚持,因此需要展示历史打卡情况和沉淀的高价值数据,包括打卡日历和三个维度的打卡数据;进阶体系主要为用户明确目标感,并提供标榜社会自我的机会,该部分通过外显打卡里程碑和步数段位达到目的。
3.4搭建UI组件,便于快捷管理
除此之外,设计师也进行了设计方法沉淀和总结,主要包括:
1.设计管理最重要的是项目底层逻辑,即产品设计思维。设计师要站在产品方向,针对不同时期的产品特点明确真实的设计目标,然后确定具体的设计指标,把设计量化。
2.大一统的品牌设计思维和“T”型设计执行法,适用于所有设计项目。设计师不但要掌握知识的广度,也需要在知识的深度方面下功夫。因此,设计师需要不断突破自身壁垒,不断成长。
3.UI组件化管理,有利于多人合作,提升工作效率。
总之,现在的互联网设计越来越要求专业度,设计师不能只是扮演执行角色,更需要思维跳出设计本身,通过产品的视角,让设计助力产品实现用户体验和商业变现的双重价值,从而提升产品总价值。
2021年如何做好作品集
所以培训几个月,就上岗拿月薪上万的人大有人在。但是目前经济情况大家都知道了,所以很多公司开源节流,招聘需求尽可能的减少。有招聘岗位那也是万里挑一。所以面试不仅仅是作品,还需要看你的学历,看你的工作背景,你曾经做过的项目。设计师已经成为名副其实的竞争最激烈岗位了。你的学历,你曾经工作过的公司,这些是无法改变的过去式了,唯一还可以去改变的就是作品集了。那么2021年,我们的作品集到底该如何去做了?
作品匹配个人经历
设计师的作品集是个人能力的体现,所以一些想走捷径的人盗用一些其他人的作品,然后填充进自己的作品集,因为觉得作品越多越好。一个有经验的面试官可以通过你的作品内容的水平是否平均,来判断你的作品是否真实。比如我见过很多字体设计非常一般的作品,但是到了专题突然标题设计非常的复杂,这就明显会让人觉得不真实。
作品集的作品内容尽量去匹配你的个人工作经历,比如你的上家工作是医疗行业,但是了你的作品集内容完全看不到。这样别人会怀疑你的工作经历的真实性。有时候我也会收到一些作品,让我看看是不是竹笋同学的作品。我也看到不少次一些作品集里放着京东或者网易的大厂作品,但是简历是完全看不到的。别人会对你进行背调,设计师现在有大量的渠道互通,背景去了解后,如果作假那么就会被拉黑的。
删除小练习
有追求的设计师,都会在工作之外去学习一些技能去提高自己的专业能力。这些能力可能不会马上去应用在工作里。比如一些插画,一些字体设计,或者C4D。但学习肯定是从基础简单开始,然后到技法复杂的作品。一些设计师舍不得小练习,觉得这也是我的作品,我要放到作品集里,但这些零散的基础的小练习,并不能给你的作品明显加分,反而会减分。对于这些练习的作品,如果技法难度不足,就不要放了。如果需要放也要考虑放在哪里,如何去用。比如一张插画,单独放在作品集里,会觉得非常的零散。如果做系列插画,做为APP设计的启动页去展示,就会丰富饱满许多。
应届生的作品
设计竞争非常激烈,很多大三大四的学生就有意识很早的开始学习了,为了寻求一份好的实习工作。首先弄明白为什么一些公司招收实习生,因为你是潜力股。更看中的是你的设计潜力。所以你学校的作品。或者你通过插画字体设计,这些基本功判断你是否具备相应的潜力。但是现在有一个非常不好的现象,就是在作品集大量充斥着各种高深的产品分析和理论讲述。这个现象集中在UI设计中最普遍。
学生是没有任何真实项目经验的,有也是在项目中担任辅助角色,所以各种用户画像,产品背景分析其实是非常悬浮在空中的,没有真实参与过任何商业设计,或者一天生意也没有做过,却模仿社招工作多年的设计师,去讲述各种理论数据分析。其实在面试官看来是非常可笑的。当然纯交互或者用户体验的应届生。确实应该多做这方面练习。但毕竟这样的岗位稀少。而且不符合大量实习招聘职位的需求。
大厂作品集
大厂作品集里面面最值得看的其实是项目经验的总结,这些偏理论分析的内容,其实对于很多在二三线城市的设计师并没有很直接的参考意义。试想下做为一个二三线的城市的老板,他招设计师的目的是什么,是不是去解决日常公司里美学问题,或者去做界面,或者去做专题,或者有时候公司日常有个易拉宝海报啥的也要你去帮忙做下,可能有的设计师觉得这不就是美工,多廉价。但是确实大多数公司设计师生存状态就是如此。所以对于大多数设计师来说。你的作品集里如果充斥大量纯虚拟UI的界面,不管你理论分析写的多好,可能对于面试官来看,就是千篇一律,直接翻翻就PASS了。
清晰的结构
文件夹作品
五年前,如果你出去面试找工作,带一堆文件夹出去,别人会觉得你这个设计师水平比较差,连总结都不做。所以我们必须做一份漂亮经过整理的作品集。有一次有个学生问我UI面试有没有什么技巧,我说技巧都是辅助,重要还是作品。我建议学生整理好作品集的同时,另外把作品以文件夹形式一个个项目整理好,因为这样别人会通过查看你的作品明细,可以对你的个人水平有更深入的认识。
为什么会这样了?因为圈子里有一些不好的现象。就是有很多抄袭搬运现象。甚至某宝上还有卖作品集的。这些现象尤其以插画和APP作品为甚。十几个拼凑的界面,五六页的展示一个APP的项目。所以很多面试官对面试者水平产生各种怀疑。现在出去面试必然会做测试题。因为面试官有时候也无从判断,只能通过这种最简单粗暴但不友好的方式去看面试者水平。
设计思维的展示
UI作品集的内容
作品集内放什么作品,这是设计师第一个需要明确的,我的下一份工作是做什么。如果是纯UI界面岗位,作品集呈现以纯Ui界面为主。并不需要加入太多纯视觉设计的内容。当然这样的的做法,面试机会非常少,有一定赌的成分。首先作品集里呈现的UI项目需要和你的工作经历匹配,这些项目的展示是你真实经历过的,如果你想靠纯虚拟的项目在大厂去某得一份纯UI工作,基本上的概率和中彩票差不多。
因为市场上太多存量的大厂设计师也等着去跳槽,他们有着丰富的项目经验和表达话术,这点你是无法比拟的。纯UI界面的作品集,如果有幸进入面试环节,在实际面试时候,对于项目的具体细节,你并不能讲的非常明白透彻,可能就没有机会了。因为大厂设计师每天专注具体的项目具体的模块,可以每个小细节讲的很清楚,再加上出名的项目支撑,面试官也会高看一眼不是嘛?所以纯UI界面的作品集在实际的找工作中,非常吃亏。大厂的面试官看不上,觉得你写的那套理论非常的空洞模板化。中小厂觉得你作品缺乏综合视觉能力,能力太单一。
运营作品集的内容
如果是纯运营视觉的作品集,以运营专题设计为主,这类设计师可能也具备做UI的能力,那么很多运营设计师最纠结的是,我要不要去放界面的内容。那就根据你找工作的方向来定,如果你找纯视觉运营的方向,可以不放界面作品集,因为你的工作内容并没有这个,放上去显得并不专业,或者有点画蛇添足。
也有人纠结我是不是应该找一些各种数据理论来支撑一下,不要让人觉得我是一个纯画图的。我的建议是,如果去大厂,当然要。你需要多在作品集里体现运营的体系思维。比如各种运营组件的整理,各种品牌营销的视觉设定。这些才是大厂设计师具备的素质,如果你只是满足作品集里加入各种漂亮的专题和Banner设计,你会发现你好像在找一个类似美工的工作。因为你的作品集里体现的只是一个执行思维,并没有营销驱动的体系思维。
UI+视觉作品集的内容
这个方向,其实我建议大多数人的方向,因为90%以上的设计师,其实就业都在中小型公司,日常需要解决公司里各种美学问题,不管你是做UI,还是日常的运营视觉,甚至一些线下的平面设计。所以公司需要的是你的作品集呈现你具有综合视觉能力。我的建议是是各种类型作品都要放的,当然这类作品集最大的问题是杂而不精,数量很多,单个作品没有出彩的。所以如果你走这个综合性路线。必须让你的作品集看到出彩点。
下面我们来具体讲讲UI作品集应该怎么做?
作品集的内容
UI设计师的主要工作以界面为主,大型互联网公司的UI设计师专注于界面设计,而中小型公司更加偏综合,界面和视觉设计都要兼顾。到底在作品集里放多少APP?首先不是你放置APP数量越多越好,如果你的公司只专注一个APP,那么你可以就放一个,但是你需要通过大量篇幅去把这个APP的每个细节介绍清楚。不用五到六页蜻蜓点水的介绍。这样对你的作品集筛选没有任何的帮助。
模板化的话术
曾经UI界面设计很纯粹就是考虑如何设计一个舒服的界面,让用户用的舒服,所以用户体验为中心这个词提出的频率非常高,但现在发现好像没人提这个词了,设计并赋予了更多的职能。必须谈商业,必须谈转化率,有人说这是UI设计是商业设计一环,所以必须更多的谈商业,所以你会发现现在周围的UI设计更多的谈设计赋能,用户增长,营销架构,商业战略,宏观视野这些词汇。感觉设计师背负了这么重的使命,快成CEO了。
这些话术是不是很熟悉,你好像在每个作品集里都可以看到。你要是很纯粹的谈一些微观的界面流程优化,感觉你的格局太小了。大厂设计师特别喜欢引导这样的潮流,因为我们并不清楚这里面很具体是怎么样的。比如你会在每个作品集里都看到千篇一律的KANO模型话术。这是一个产品经理应该去考虑的事情,设计师应该有产品思维也非常对的。但是当一个作品集每个人都写一样的KANO模型和用户体验地图话术的时候,这个事情就不正常了。因为并没有仔细深究,只是粘贴复制而已。
数据分析
样机使用
UI作品集里我是不建议使用任何样机的。在五六年前如果用还是可以的,可以作为一个视觉展示的亮点,现在作品集里还放这些,基本上作品集会被扔,因为别人觉得这是初学者。当然还有一种情况,就是本身界面细节不足,想通过样机,把界面图缩小,通过这样取巧的办法去蒙混过关。这样在面试官那里也是很难通过的。我更建议UI界面用大图展示,配以平实的排版,文字描述清楚你要讲的点。UI的界面展示,能让面试官看清楚你表达的内容。而不是用眼花缭乱的视觉手段去掩饰界面思考的不足。比如下面的某设计师设计的排版,没有任何花哨排版,就是朴实的展示界面细节。我觉得这样看似没有设计的排版其实是最佳的展现形式。
品牌设计
不同公司对于品牌设计的定义不一样。比如一些大型公司品牌设计是平面设计范畴下的,负责各种线上线下的各种品牌视觉,具体的比如我要做一次活动,我需要输出一整套设计方案,这个方案供各种印刷或者线上界面使用。这是一些大型互联网公司品牌设计需要做的
那么对于很多普通中小型公司的UI设计师,显然没有这么高的品牌要求,不会单独招聘一个品牌设计师,所以这部分工作你可能也要承担起来。同时作品集中UI部分显然也需要去考虑一些品牌视觉的输出。比如绘制一些IP形象在界面中贯穿。
并对这些形象进行视觉延伸,比如界面中的图标,界面中的弹窗,界面中的缺省数据页,都可以运用IP形象进行穿插。在IP形象冗余界面中,做的比较好的是闲鱼APP
运营设计
很多UI设计师有这样一个鄙视链,沉迷于各种产品分析,觉得做运营设计是非常廉价的,这样的想法有历史原因,当然最直接的原因是运营设计的薪资天花板比UI设计要低。在大厂里UI设计专注于界面设计的某个模块,一个APP其实由一组人完成,每个人负责具体的模块,所以研究的非常精细。但同时局限性其实也非常大。对于很多设计师来说。不要完全把自己的专业局限在纯界面上,日常工作也会涉及到非常多的视觉运营设计。比如一张漂亮的启动页,一个充满营销味道的弹窗,这些都应该是设计师不可以丢下的基本功。
插画设计
这几年插画设计非常的流行,很多UI设计师也觉得这是一个必备的技能去学习,那么作品集放一些插画作品会不会给你加分了?首先我们招聘设计师是来解决工作中的各种问题,那么一个做界面设计师需要的实际应用能力。插画也有非常多的风格,常见的儿插风格,厚重的手绘CG风格,漫画涂鸦风格,扁平线性风格等等,并不是所有的风格都可以应用在界面设计中的。如果你只是做为业余爱好来学习。你可以任意选择风格去学习。而作品集里放置一些零散的小插画,除了让面试官知道你会绘画外,并不能有明显的加分,反而这些小练习给人感觉非常零散,不专业的感觉。所以如果你想去学习插画,请在界面中呈现插画与设计结合的应用。比如启动页,banner设计,专题的头图等等。
C4D设计
今天就讲到这里,我们将继续更新下一篇《如何设计运营作品集》,
2020新冠疫情大爆发,生命在病毒面前不堪一击;一份保险不是为了愉悦而是安心;今年为健康服务。
隔了一年都没发作品了,感觉还是得多发发作品提升自己呀。本来是还有两张动效的,文件太大导出有问题所以我放弃了,下次一定做好优化。
“由理有剧”系列以”我们怎样理解暗黑模式“为开篇,缘由作者正在任职的工作是TOB产品交互及界面设计,入职时正值公司整体产品线升级迭代,用户界面从浅色模式向暗黑模式探索的阶段。这个探索阶段面临的本质问题便是“到底什么是暗黑模式”,同时“我们为什么要用暗黑模式”的问题也随之而来。
1、是什么?
2、为什么?
随着iOS13和Android10的正式发布,“暗黑模式(DarkMode)”一词逐渐走入了我们的视野,“暗黑模式是什么?”这个问题也一度霸占了Google搜索榜首。想要深入了解暗黑模式,也许我们可以换一个角度,从用户界面的演进历史中寻找线索,从而帮助我们更好地理解暗黑模式。
作者自从拜读了《苹果三剑客》,对于用户界面的前世今生才有了更深的了解,苹果的产品发展史,某种程度上也可以称为用户界面的演进史。废话不说,下面让我们一起简单聊聊。
计算机诞生的早期,其显示器一直以“暗黑模式”面向操作者,其缘由是早期的显示技术一直被CRT主导,CRT释义为“阴极射线显像管”,在19世纪末被研制出来,因为制造原理相对简单,所以CRT一直是早期电脑显示的主力,但在上世纪80年代之前仅支持单色显示。
下面两图分别为苹果公司于1977至1980年间生产发售的AppleII及AppleIII型计算机
图中显而易见,两款计算机的显示方式均为单调的黑底白字或绿字,呈现出一种“暗黑模式”的视觉效果。苹果公司的AppleII和AppleIII两支产品线一直以这种“暗黑模式”面向用户。这也反映了早期的计算机以输入代码执行数字运算作为主要功能,但是这从另一方面反应出:未来计算机会借助不断成长、成熟的电子技术,必将掀起一场接一场的变革,用户界面也随之不断地革新。
上个世纪80年代之后,CRT彩色显示技术成熟,逐渐流行普及到各个电子行业,但当时主流的计算机操作系统并没有“图形界面”这个概念,所以大部分计算机产品依旧延续了先前黑色背景的显示方式。
直到1983年1月9日,在年度股东大会上,苹果宣布了两款将在未来的计算机行业中占据关键地位的产品:一款叫AppleLisa(丽萨,老乔的第一个女儿),苹果第一台(也是全球第一款)基于图形用户界面(GUI)的计算机,也就是Macintosh的前身;另一台叫AppleIIe,是已获高度成功的AppleII系列的新一代进阶产品。
AppleLisa向主流个人电脑行业介绍了一种全新的鼠标控制的图形用户界面,宣布向单调的黑白用户界面告别。
运用形象的图标、方便的下拉菜单和重叠的窗口,替代了此前一贯使用的输入文字命令,Lisa的图形用户界面开启了消费者与个人电脑交互方式的革新之路。尽管Lisa存在诸多缺点,如定价过高,功能缺失、运行缓慢等,但它的图形用户界面依然给它赢得一阵喝彩。
Lisa的GUI影响如此深远,以至于诸多电脑制造商纷纷加入鼠标控制的GUI领域,争相模仿。就在Lisa首次亮相十个月后,微软于1983年11月推出了Windows操作环境。(对于此事,老乔总是公开谴责微软的盖茨抄袭他的产品创意,甚至想让盖茨吃官司,两位大佬一直不合也是业界皆知,跑题了...)
1984年,苹果发布了个人计算机Macintosh(麦金塔),Macintosh延续了Lisa的图形界面语言,并向世界普及了图形用户界面(GraphicUserInterface)的概念,从而开启了以白色为底色的图形交互时代。
Lisa获得的一些成就在Macintosh上体现的淋漓尽致,包括灵活的鼠标、点阵影像图、桌面的布局、形象的图标、相称的字体、屏幕上方的下拉菜单和重叠的窗口,这些也得益于日益成熟的显示技术和不断进步的计算处理技术。形象生动的图形设计和界面交互一直是老乔最引以为傲的杰作,不得不说,老乔对于计算机行业甚至是设计行业都有着极高的敏感度和先于旁人的前瞻性。(当然,这里的主语应该是苹果)
Macintosh产品的成功,不是苹果一味地迎合计算机消费市场,而是利用创新的方式引导市场,引领计算机行业向人性化的用户界面发展、迈进。
至此,我们也彻底地向“暗黑模式”说了再见,全面拥抱“浅色模式”的到来。
麦金塔搭载的System1打破了字符终端的模式,浅色的界面风格一直持续到System6都没有显著的改变。直到1991年的System7开始引入彩色,图标也增加了隐约的灰色,蓝色和黄色阴影。System7系列中的7.6版本正式被苹果公司改名为MacOS,而这一年是1997年。
与此同时,微软的Windows从黑屏的DOS发展到全屏幕的Windows1,再到较为成熟的Windows3,最后演变到奠定当今Windows界面基础的炫丽多彩的Windows95。用那个时代的眼光来看,微软的变化是相当惊人的,微软俨然成为了一匹计算机行业的黑马,一路赶超苹果成为行业霸主,而苹果因为因循守旧,在界面设计上从领先掉到了最后。
此后,从MacOS8到MacOSXServer1.0,苹果一直专注于改善操作系统和优化界面表现,直到2001年3月,经历了四个开发者预览版和一个公共测试版之后的Aqua界面终于跟随10.0正式发布,发布后改变了人们对计算机界面的印象,在随后的10年里苹果一直沿用这套界面风格。
OSX系列用户界面较大的更新来自于2007年10月发布的10.5Leopard豹,虽然基本的界面仍为Aqua和其糖果滚动条,但新加入了一些铂灰色和蓝色,另外重新设计的3DDock和更多的动画交互使得新界面看上去3D效果更强,此外还改进了Finder、半透明菜单条并新增了最初只用于iTunes的CoverFlow界面。
整体来说,MacOSX10.5Leopard豹这一版本的用户界面相比之前有了翻天覆地的变化,灵活生动的图形语言和交互体验重新得到了用户青睐,苹果也以此,再一次走上了引领潮流之路,使得多彩的“浅色模式”成为用户交互界面的主流。
苹果开创性的界面图形语言也延续到了移动设备领域。
2007年的初代iPhone作为苹果公司第一个移动设备产品(iPhone1代)首次亮相市场,惊艳了整个行业,iPhone搭载的iPhoneOS和后来更名为iOS的系统,延续了MacOS用户界面的设计语言。在历代iPhone上可以看到没有物理键盘侵占空间的屏幕,精美的的方块图案整齐的排列开来,颜色丰富且耐看。
依稀记得当时的我们,还玩着黑白屏幕上的俄罗斯方块,还敲打着物理键盘上的九宫格,挪鸡鸭也表示永不为奴。
2010年堪称iPhone史上最重要的一年,苹果推出了“改变一切”的iPhone4,并对其用户界面进行了革新。
生动的拟物化设计风格正式成为业界潮流,这也使得UI行业逐渐热了起来,苹果的界面设计规范也顺势成为了主流的移动端设计规范。
苹果以此作为移动端界面设计的基础,沿用到之后的iPhone系列中,期间iOS系统的风格保持依旧,只有iPhone5S搭载的iOS7做出了图标由拟物化向扁平化的改变,但整体都以“浅色模式”作为主流的用户界面视觉模式。
自从有了这个概念之后,很多网站都为用户提供了“浅色”和“深色”两套界面,便于用户根据自己的习惯或爱好进行切换。在MacOS之后,很多App和Android定制ROM也加入了所谓“深色模式”的支持,其中也不乏Web端的网站、系统等。
发布会上,库克一如既往地优先调侃了Andriod系统一番….(苹果一直喜欢用数据说话,想了解的同学可以回顾一下发布会的视频)
言归正传,在发布了一系列硬件之后,库克终于介绍了大家期待已久的iOS13。新发布的iOS13,除了提升系统流畅度和增加系统稳定性外,还介绍了其他提升用户体验的优化。
其中,最为引人注目的“暗黑模式”即将亮相于新系统。
发布会表示,暗黑模式可以“改善电池寿命,改善视力不佳和强光下的人的可视性,以及在弱光环境中更好地使用设备”。
“Wow,beautiful!”、“That’sbeautiful!”、“That’ssobeautiful!”发布会的主持人一边演示使用在暗黑模式下的App应用,一边不由自主地发出赞美。这也许也受到了老乔的影响,犹如在剧场舞台中心的话剧演员,有着一种无可比拟的自信和气场。
但有意思的一点是,主持人展示了iOS13暗黑模式的开发团队合照,从极客穿着到赛博朋克式的暗黑摇滚装扮,这一戏剧性的变化似乎在告诉大家:“玩,我们也是认真的。”
发布会上简单演示了暗黑模式下的漂亮界面,虽然没有过多地阐述暗黑模式的开发细节,但是这标志着暗黑模式“重新”登上历史舞台。
我们从苹果产品发展史中,不难发现苹果对于用户体验的理解是具有创造性的,总是能先于用户发现用户的潜在需求。苹果产品的发展史也可以称之为用户界面的演进史,从早期黑色背景的计算机桌面发展到以浅色为主的用户界面,再到iOS13正式发布的“暗黑模式”,这一过程貌似是在“返祖”,但这些始终是围绕以用户体验为中心的改变和突破。
“暗黑模式”是什么?抛开技术理论,简单理解就是降低用户界面在设备上的亮度,以深色的背景、较低的对比度、灰阶的色彩来呈现用户界面,提升用户使用产品的体验。
上面我们提到了,根据Apple官方的说法,暗黑模式可以“改善电池寿命,改善视力不佳和强光下的人的可视性,以及在弱光环境中更好地使用设备”。
我们可以围绕这个说法,结合我们与设备、环境的关系进行探讨。
不是在加班就是在加班路上的我们更习惯于在夜间工作,夜间安静的环境更能让我们专注设计、灵感爆棚。但这也在另一方面表达了我们需要设备更加符合我们在弱光环境下的视听需求。
DarkMode由此应运而生,使用暗色模式可以缩小屏幕显示内容与环境光强度的差距,可以保证使用者在暗光环境下使用设备的舒适度。也就是说DarkMode可以降低屏幕的整体视觉亮度,降低对眼睛的视觉压力,再也不用怕夜晚的设备屏幕刺瞎我们的双眼了。
但这里我们要理解一个概念,“降低对眼睛的视觉压力”并不等同于所谓的“护眼”,夜晚使用暗黑模式的设备,实际上并没有改变屏幕的“频闪”问题,所以说用户看屏幕的时候依旧会有视觉疲劳的症状,所以各位大佬还是晚上少看屏幕,多爱护眼睛吧。
想象一下,我们在电影院看电影时,为什么要全场关灯?
甚至有些APP,在影片的下方也会有一个模拟关灯效果的按钮,来让整个手机屏幕变黑,只剩下视频画面的部分,这都帮助我们可以更专注、更沉浸在当前的内容下,也就是所谓的“沉浸感”。
这其中的原理就是色彩本身是具有层级关系的,深色会在视觉感官上自动后退,浅色部分则会向前延展,这样对比强烈的层次关系可以让用户更注重被凸显出来的内容和交互操作;尤其在信息负责界面内层级关系的合理拉开对操作效率都有明显的促进作用。
这一点在股票交易软件上就是最好的验证,目前来看全世界绝大多数的股票软件采用的都是负极性,也就是暗色底的设计方式。红色和绿色代表的涨或跌(不同国家颜色表示可能不一样)在这样的深色背景下就会特别显眼,还有一些颜色比如蓝色用于某些数据的走势图。这样的显示帮助用户更好地集中精力在数据获取上,更快地做出决策。
这里所提到的消费品味是来自用户层面的潜在心理需求。
从心理学角度而言,颜色可以影响观者的感受和情绪,这直接影响到用户对于一个事物的判断和选择,这就像我们消费购物一般,有时候我们的消费不完全是为功能、实用性买单,而更加看重的是一个产品的外观属性,当产品的外观符合我们的消费审美甚至超越预期时,我们往往会更快地做出消费选择。
而黑色在积极层面的外在直观表现为高贵、庄严、镇定、神秘,这代表着黑色相比其他颜色存在着更多的可能性,这也造就了黑色成为百搭色,可以作为其他颜色的底色、陪衬色进行使用。暗黑模式也存在同样的心理暗示,沉稳、神秘的黑色会让用户联想到产品的稳定和高级,提升用户的心理信任度,迎合用户的消费品味。
最后才探讨耗电功效方面的问题,算是一个压轴问题了,在某种程度上说,智能移动设备目前最大的矛盾是性能与电池功效的博弈。如果去微博等社交网站进行搜索可以发现,为了省电而使用深色主题或者说黑暗模式的用户大有人在,尤其是一些中高端采用OLED屏幕的手机。这是为什么?
理解了简单含义,我们再来看一下Notebookcheck上对于OLED功耗的专业研究数据。在使用OLED屏幕时,屏幕上显示的内容决定了功耗。当屏幕基本全黑时(OLED<1%White),OLED屏在任何亮度下的功耗都保持恒定。显示了白色内容的屏幕,功耗曲线会随着亮度提高而逐渐变陡。
上图显而易见,OLED屏幕的耗电量不仅受到亮度高低的影响,关键在于在OLED屏幕显示了什么,有多少区域是浅色甚至是白色的,有多少区域是深色甚至黑色的,深色区域占比越高,相比较之下OLED屏幕也就越省电。这也就证明:OLED屏幕在使用以深色为主的显示模式时,能够降低耗电量,提升供电效率,也就是改善电池寿命。