用一篇超全干货,帮你掌握手机拍夜景的实用方法

被许多朋友问到夜景拍摄的问题,准备一篇文章一网打尽。尽管由于感光元件的限制,夜景一直被认为是手机摄影的短板,但掌握一些拍摄技巧,还是能拍出相当不错的效果。

拍摄夜景的时机

无论手机相机,白天黑夜,拍摄一个(非光源)物体的本质是记录下反射到镜头里的光。夜景之所以能被拍下来,是因为在夜晚仍然有光线投射到建筑物、街道和行人身上,并反射到镜头里。

基于这点,拍摄夜景的最佳时期其实是「半夜景」,即天空呈现深蓝色,尚未全黑的时候。此时的天光还能投射到建筑物上塑造其形体,再加上华灯初上,用大多数智能手机很容易拍出不错的效果。

△ 韩松/摄 华为P10。趁着天空还未完全黑下去,拍摄半夜景能获得较好效果。

而如果天空完全黑下来,天光微弱,几乎起不到塑造建筑形体的作用,光源只有靠灯光了,拍摄夜景的灵活性就要弱很多。很容易拍出这样的照片:

△ 韩松/摄 华为P10。天光几乎全黑,建筑的体量感无法凸显,只看到一堆灯光。

当然,现在许多手机设计了「超级夜景」模式(如华为p10),能够捕捉到微弱的天光投射,在天空几乎全黑的情况下也能模仿「半夜景」黄金时间的效果:

△ 韩松/摄 华为P10。「超级夜景」模式。

当然,在许多情况下,灯光也能作为较好光源,也并非要遵循半夜景原则。尤其以光线充足,灯光设计精致适度的室内拍摄为典型。

△ 韩松/摄 华为P10。手持拍摄,以灯光为主的照片。

拍不清楚怎么办?

说白了,拍不清楚还是一个原因──手抖。

为什么拍夜景的时候更容易不清楚呢?并不是因为晚上我们手更容易颤抖,而是拍夜景的时候,手机为了捕捉到足够多的光线,会自动增加一些快门时间,快门时间越长,手上的轻微震动就越容易被记录下来,于是就拍花了。

一般手持拍摄获得清晰照片会有一个经验「安全快门时间」,为镜头焦距的倒数。对于手机镜头常见的 28mm 焦距来说,为了获得清晰的照片,快门时间最好不要超过 1/28 秒。手机较为轻便,在实际应用的过程中,以自己的经验,1/15 秒以下的快门时间也通常不会有问题。

那么,解决拍不清楚的问题,就有两个思路:尽量降低快门时间,尽量在快门时间内不抖。

1. 以亮处为焦点

基于大多手机默认的焦点即是测光点的原理,以亮处为焦点,手机会自动降低曝光,画面变暗,拍摄的时候不需要很长时间曝光,达到了降低快门时间的目的。

当然,也可以在拍摄的时候降低手机曝光补偿来实现。例如大多数智能手机,对焦后向下滑动屏幕即可。

△ 韩松/iPhone 7p。对焦在灯光处,手机测光后自动降低了快门时间,确保了照片不被拍花。

2. 使用三脚架

通过降低曝光时间获得安全快门时间,会导致画面偏暗。如果要获得较为明亮的夜景,就要借助三脚架了。

值得注意的是,有时用了三脚架也会拍花,是因为手指点按屏幕的一瞬间还是导致了抖动,此时可以借助手机的延迟曝光功能,让曝光在 3 秒之后开始,这样手机的轻微抖动就会平静下来再曝光了。

△ 韩松/摄 华为P10。将手机夹在三脚架上拍摄,确保在高于「安全快门时间」内手机不抖动。

几招控制噪点

手机摄影功能会在拍摄夜景时候,自动将感光度(ISO)调整得很高,以在很短的曝光时间内获得不至于太暗的图像。但是感光度过高会导致的问题便是噪点过高,特别是那些被「强行」拉亮捕捉到的暗部,会充满颗粒感,这也是夜景照片容易拍得一团糟的原因。

控制噪点,可以靠前期,也可以靠后期。

1. 前期控制法:降低ISO

以安卓系统手机为例,打开拍照专业模式,选择 ISO,将手机的默认「自动」调整为 100、320、640 等不大的值,以防止在较暗的夜景拍摄现场,ISO 自动跳到 6400 等大值,而产生噪点较为严重的照片。

△ 安卓手机(以一加5为例)的专业模式调节ISO

若是 iPhone 则可以利用一些 APP,例如 camera pro 可以实现 ISO 调节;Coretex 这款软件专门用于拍摄夜景,也能在一定程度上减少噪点。

当然,也很容易能够想到,较低的 ISO 值拍夜景代价便是快门时间偏长,此时最好使用三脚架拍摄。

2. 后期修正法

用 snapseed 中的「工具-突出细节-结构」,将其数值调低,可以在一定程度上降低噪点。

△ snapseed修正噪点示意

△ snapseed修正噪点前后对比

长曝光:大家都想要的夜景

典型的夜景,也是许多手摄初学者想尝试的,便是拍车灯轨。实现起来并不难。若是 iPhone 用户可以下载 slowshutter 这款 APP 实现,若是华为 P10 则可以用原生相机的「灯光轨迹」功能实现。

△ 谭凌飞/iPhone 7p。iPhone+snapseed拍摄车灯轨

夜景,还能拍什么

典型的夜景是拍车灯轨,高大上的建筑群,霓虹闪烁等。而拍摄一些小角度更能体现生动的夜晚。以下举几个例子说明,照片解读中有干货哦,请仔细阅读。

冷暖光源的对比,利用天光、灯光等「素材」组合成具有迷人氛围的夜景小品:

△ 韩松/iPhone 7p。布拉格。黄色的灯光和蓝色的天光,构成氛围独特的对比。

△ 韩松/iPhone 7p。里斯本。暖黄色的街灯和白色灯光的车站。

若是有机会参加篝火晚会,火焰本身也是不错的拍摄题材。

△ 韩松/iPhone 7p。内蒙古额尔古纳。

△ 韩松/iPhone 7p。内蒙古额尔古纳。

上面提到过,在暗光条件下拍摄,手机在自动增加快门时间,而反过来想,如果能利用这种增加的时间,制造运动感,是一种有趣的摄影语言。

△ 韩松/iPhone 7p。伦敦。手持拍摄。

△ 韩松/iPhone 7p。布达佩斯。iPhone+Slowshutter

利用微弱的灯光拍摄剪影。

△ 韩松/iPhone 7p。爱丁堡。

以及,以「光污染」为主题,拍摄的一组过曝的灯光。

△ 韩松/iPhone 7p。日本。

如果你想和作者学摄影,只要有一个能拍照的手机(无论是 iPhone 还是安卓),能装上 Snapseed 和 VSCO (iOS 和安卓都有,后期只用这俩就够了),以及一门高效快速又干货满满的摄影课,就够了:

十个章节,不到 30 课时的快速课程,教给你摄影大赛冠军的摄影秘诀:

想要来一发?桌面端访问你可以戳这个链接:「iPhone 摄影大赛金奖得主:刷爆朋友圈的30堂手机摄影课」

手机访问直接扫描下面的二维码:

优设大课堂

我扒了3所顶尖高校的设计专业课表,给你列了这份大学生必读书单

从大一到大四,四年的时光很长,能够收获多少知识从而成为一个优秀的设计师,多半取决于你自己(和这篇文章)。你们的魔鬼我又来了,出完B站自学设计指南之后,今天我为你们带来了大学四年必读书单,助力你们拥有正确的设计观念和扎实的设计技能,成为一名优秀的设计师,实现自己的理想,走向人生巅峰。

这篇书单,是根据中央美术学院、同济大学和江南大学的设计相关专业的课表,进行的相关书籍推荐,是不是超级用心呢!同时按照大一到大四的学习进程,对书籍进行了一个粗略的划分,希望对各位即将步入大学殿堂的同学们有所帮助。

中央美术学院

1. 设计启蒙

《为真实的世界设计》

书籍详情:https://book.douban.com/subject/19912141/

大学第一年,很多同学开始急匆匆想学习Ps、Ai、C4D 等设计软件,怕跟不上快速发展的互联网。事实上,熟练掌握软件操作并不能让你成为一个优秀的设计师,一个正确的设计观才能让你走得更远。

好的设计是什么样的?为什么美观的设计只是表面?设计师应该培养什么样的视野和意识?

很难想象,这些尖锐锋利的问题和触及本质的思考出自一本 50 年前的书,也正因如此,它才能同时被设计泰斗柳冠中、何人可等大师专门写序推荐,作为每个学生的入门启蒙书籍。

2. 世界美术史

《艺术的故事》

书籍详情:https://book.douban.com/subject/3162991/

作为设计专业的学生,艺术史简直是大学四年的必考题。

但大部分艺术史,不是专业术语繁多,太过枯燥,就是配图不全,光有故事没有图,看完只知大师其名,不知大师作品。

而贡布里希这本《艺术的故事》,堪称艺术史里的《明朝那些事儿》,知识结构全面系统,行文风趣轻松,更惊喜的是,637页正文中整整有413张高清插画配图,几乎每个艺术家都有相关的作品图,让你能完全沉浸艺术的氛围。

如果上一本书能让你有一个正确的设计观,那这本书作为你的审美入门指南最好不过了。

由于此书厚重价高,大家也可以先通过这个专题了解设计史 → 《设计史》

3. 中国文学

《文学回忆录》

书籍详情:https://book.douban.com/subject/20440644/

为什么要学文学啊?我不是设计专业的学生嘛?

不论是哪个大学的哪一个专业,都要学文学。想来也不奇怪,文学能够让人更深层的了解这个世界,能够纯粹的去感受穿越时空的力量和精神,更为重要的是,文学让我们更有底蕴,更加富有内涵。木心的这本《文学回忆录》以讲述的方式,带你走进世界各国文学的殿堂,对于各位人物和历史事件的剖析,会让你更加了解什么是人的普遍性,对于你以后的设计深度大有帮助。

设计学的学生为什么要学文学,这个问题在你读完这本书之后会有一个属于你的解释。看完这本书,书里提到的那么多书在豆瓣有人整理成了书单,如果感兴趣,不妨继续在文学的世界里多遨游一会。

4. 设计启蒙

《写给大家看的设计书》

书籍详情:https://book.douban.com/subject/3323633/

大学的第二年,要开始实战了。了解相应的设计基础原则是必不可少的打基础工作,来跟随大师,用20%的功夫了解一件事情的80%。

整整一代数字设计师的偶像Robin Williams是这本书的作者,她拥有多年的实战经验和超专业的知识,要是放到娱乐圈绝对是媲美四大小花的顶级偶像。她告诉你们的内容不仅通俗易懂,并且有理有据。更为吸引人的是,这本书包罗万象,又有其过人之处,以亲密性、重复、对齐和对比四大设计原则立足于书界。

看完了上面那些书,做设计作业的时候还是不知道从何下手,想要更加具体一点的指导规则的话,这本书会满足你的!

《通用设计法则》

书籍详情:https://book.douban.com/subject/24869617/

你说,做作业的时候,觉得前面的四条法则不知道咋用,有点笼统,那看看这个。

125条法则!总有一条为你带来灵感。详细解释常用设计概念的同时,辅助图片实例,让你更好的理解。要成为优秀的设计师,可不仅仅只能了解设计领域的知识,这本书横跨多个领域,将多类设计思想一一呈现,让你快速的吸收宝贵的经验,避开那些不该犯的错误。同时也能让你拥有判断是否是」好设计「的独到眼光哦!

当你的作业改了一遍又一遍,实在不知道该怎么改的时候,翻翻这本书,总有一条能够帮你解围。

不买书的同学,可以先看看这个优设专题,除了介绍设计法则,还有具体案例 → 《UX理论》

5. 造型基础

《素描的诀窍》

书籍详情:https://book.douban.com/subject/1154707/

手绘能力对于设计专业的学生来说是必要的。如何快速的抓住事物的主要特征,针对性的进行思考和设计,画出样图?素描或许是一个很好的锻炼工具。

学素描不仅是为了学画画,更重要的是懂得如何去观察,大师能够用寥寥几笔就抓住物体的形,用笔简洁明了的还原自己的所见,这是非常了不起的。《素描的诀窍》这本书的作者知无不言、言无不尽,用55种诀窍、48节课程和8张自评表,让你懂得如何画好素描,从小白到质的飞跃。

每章后面都专门留有针对性的素描设计作业,如果能够画好素描,那么以后你的手绘设计图会更准确更好看哦。

如果你还没买这本书,还可以看看这篇文章,非常细致且有步骤地给我们讲了自学素描的过程要领和重难点:《非科班同学有福啦!手把手教你从零基础开始学素描!》

6. 摄影基础

《美国纽约摄影学院摄影教材》

书籍详情:https://book.douban.com/subject/3990022/

艺术源于生活,设计的灵感大多也源于生活,学会观察和了解变化是设计专业的同学不可缺少的能力之一。

来自于世界顶尖摄影学院的摄影教材,分为上下两本,如果对胶片不感兴趣,可以先看上册。虽然有些内容你可能会觉得过时,但是内容足够经典和系统,是这本书长盛不衰的秘诀。探索光影,发现世界,寻找美感。换一种视角和思维去观察世界,世界有时候会变的更加有趣和生动。

如果你恰巧最近找不到灵感,认为设计都千篇一律,或许可以来翻翻这本书,拿起相机或者手机,用摄影师的眼睛去看看你习以为常的生活,是否能给你带来一丝灵感。

如果你暂时没有单反,不妨把买这本书的钱,用来买这份更适合你的手机摄影教程 → 《iPhone 摄影大赛金奖得主:刷爆朋友圈的30堂手机摄影课》

同济大学

1. 创新思维

《创意,从无到有》

书籍详情:https://book.douban.com/subject/26394841/

在日常生活中,我们会因为一件东西设计的与众不同而格外中意。同样当你在大学完成作业的时候,老师一定会强调说:同学们,你们的作品要有创意,要有让人眼前一亮的感觉。对于学设计的同学来说,创意简直就是跟生命同等重要的东西。

创意究竟是什么?创意是天生的么?都说创意很重要,但是怎样才能更加具有创意呢?

美国大师用《创意,从无到有》这本书给你答案,无数创意火花绽放的背后,皆有一套公式可循。创意生产的过程不难,只需五步,却大有乾坤。大师在书中详细的阐述了为什么是这五步,更重要的是,告诉了你如何做到这五步,为你提供一个后天努力能够成为一个有创意的人的途径。

看完上一本审美的书,做出好看的设计之后,让创意元素的添加使其成为更好的设计吧。

2. 设计心理学

《设计师要懂心理学》

书籍详情:https://book.douban.com/subject/23708491/

不会读心术的设计师不是好的设计师,学心理学要从大学娃娃抓起。

但是毕竟我们是学设计的,怎么更好的抓住人的需求,做出好设计呢?

这就交给设计心理学的博士来为我们解答,来自各大专著的研究,都是最为权威的心理学知识。学了就可以用的设计小心机,从你不知道的方方面面来讲解人是怎么想的?让你的设计不仅美观、有用、还直击人心。了解你的设计服务对象——人。也让我们更加了解自己,有时候为什么会那么做?

当你不知道怎么抓住老师那颗挑剔而又略带嫌弃你的心的时候,来让这本设计心理学书籍为你的设计增添一份底气。

3. 色彩表现

《配色基础原理》

书籍详情:https://book.douban.com/subject/2230545/

设计专业的学生,对待色彩差别的敏感程度,应该像对待口红色号细微的区别一样用心。

这个红色该配个什么颜色呢?除了黄色配蓝色,还有哪些不错的配色方案呢?

三大阶段,九大原则,大师教你学配色!对于刚刚入门的你来说,这样一本实例超多,循序渐进的书籍,简直是设计前该抱的佛脚。清晰的讲明了色彩的各类基础知识和灵活运用,让你无论是做海报还是设计PPT都有一个清晰的配色思路,不会做出错误的配色方案。

当你确定了主色调,但是面对五彩缤纷的色彩再无从下手的时候,这一本书定会帮你解决问题,先用对了我们再追求好看。

《每天懂一点色彩心理学》

书籍详情:https://book.douban.com/subject/3786755/

了解了色彩的基本知识和原则,如何能够进一步的玩转色彩呢?

知识性和娱乐性兼备的这本小书,通过可爱的插图和排版,让人通过生活中的实例来讲解色彩对生活产生的影响。装修房子的时候,搭配衣服的时候,想减肥的时候,改如何使用色彩达到目的呢?这本书或许会让你觉得原来色彩运用可以这么的有趣!

上一本书我们知道了色彩的基本原则,那么这本书帮你了解各个色彩的性格,与人之间的关联,在设计中,可以根据用户的特点和性格来进行配色,从心理上俘获用户。

江南大学

1. 文字设计

《西文字体》

书籍详情:https://book.douban.com/subject/25836269/

当你做任何设计作业的时候,你一定会纠结选用哪一种字体好看,有衬线的还是无衬线的?有些字体看着简直一模一样,只能一个个的去尝试。当老师要求自己设计字体的时候,我猜你更绝望。

看看这里,这是一本绝佳的了解西文字体内涵和使用的入门书!日本人对事物的细致入微的观察和思考,会让你在阅读的过程中常常吃惊到说「原来这也需要注意?」有趣又实用。哪些场景应该用哪些字体,为什么有些场景偏爱于用这样的场景?甚至有设计师说这是案头必备书,可想而知是多么重要。

这本书会带你走进西文字体的前世今生,快跟它一起开拓字体边疆吧。

2. 构成艺术

《版式设计原理》

书籍详情:https://book.douban.com/subject/2238320/

你看着选好的字体和做好的图片,大脑一片空白,这些东西该如何摆放呢?这样摆好像有一点点奇怪,那样好像也差点意思。

这本书,通过before和after的设计对比让你通俗易懂的理解版式设计的一些原理和规则。如果你的排版一直是凭着直觉在设计的话,那么这本书会是你学习版式设计正确的开始!没有废话、重点知识一目了然,不空洞和乏味。配合练习使用,相信你很快就能做出符合自身预期的好作品啦。

万事俱备,只欠排版的时候,我相信这本书是你久等的东风,让你的大脑拥有明晰的排版思路。

《平面设计中的网格系统》

书籍详情:https://book.douban.com/subject/26806997/

如果你是强迫症,任何事物都要讲究对齐和工整,那么网格系统这个方法你可不能错过了,感觉就像是为强迫症定制的排版方法。

网格系统是平面设计中经典的一种排版设计方法。不信你去看中央美术学院的设计学院的官网,那可是国内顶尖的艺术学院,这样的页面设置很好的体现了网格系统的地位。如果你对于排版毫无思路,这本书会带你进入空间的世界,带你沉浸在网格的经典世界里,更加深入的了解西方设计的理性。

读完前一本书,拥有一定版式基础的你,渴望更加深入的了解版式,这本书是你的不二之选。

3. 用户研究与产品定义

《用户至上:用户研究方法与实践》

书籍详情:https://book.douban.com/subject/27074670/

敲黑板!了解用户的需求,是设计好看又好用产品的关键。

不知道怎么了解用户?这本书带着它的用户研究方法来了!如何理解产品和用户,如何了解用户,这本书用它的满满干货来为你讲解。最后还附上了了解用户的研究方法,除了我们熟知的问卷调查之外,还有卡片分类、焦点小组等7种方法,灵活的运用各类方法,会让你更加了解用户的需求哦。

按照相关方法深入了解用户之后,能够牢牢抓住用户的设计师称号就非你莫属啦。

《人人都是产品经理》

书籍详情:https://book.douban.com/subject/4723970/

不做产品经理没关系,但是了解产品经理怎么去看待一个产品是与我们有关系的!

阿里巴巴的产品经理用自身的多年经历带来了这本书,给各位入门的同学带来超棒的分享。让你对产品的诞生、落地和发展有一个较为清晰的了解,能够在产品经理入门的边缘徘徊。如果你不懂得怎么去研究用户,或者不理解用户为什么如此重要的时候,那么这本书就会非常吸引你哦。

找到用户需求背后真正的目的,相信你的产品设计作业会圈粉哦。

《启示录》

书籍详情:https://book.douban.com/subject/5914587/

在产品经理的门口徘徊的差不多了,如果想要用一只脚跨进产品经理的门槛,那么我们就需要站在更高的角度来看待产品。

ebay出色的产品经理Marty,用这本书来讲解如何打造用户喜爱的产品,是一本切实的行动指南,在真正设计产品的过程中,会大有帮助。你设计的产品要解决什么问题?成功的机率有多大?相同类的产品的优缺点是什么?在设计之前,各方面的问题是否考虑充分。这本书在这些问题上给予答案,如书名一样,带给你启示和思考。

对如何找准用户需求,设计好的产品有疑问的同学,可以看看这本更加深入的书哦。

《上瘾:让用户养成使用习惯的四大产品逻辑》

书籍详情:https://book.douban.com/subject/27030507/

下面两个场景,哪一个更加吸引你呢?

  • 小明坚持学习英语100天。
  • 小明想学习英语,一直坚持不了。但用了 XX 产品后,坚持到现在已经 100 天了。

你现在一定对这个产品充满了好奇,能够让小明坚持100天的这个产品到底是什么?产品是什么不重要,为什么有效才重要。这本书!讲解的上瘾机制(hooked)能够为你解释为什么有些产品如此有效,能够让用户产生习惯性的思维和动作。如果你现在也沉迷于某个软件或者事物之中无法自拔,或许这本书能够帮助你找到原因。

了解「瘾」从何而来,是反过来设计产品的一条新思路。

4. 品牌形象设计

《品牌洗脑》

书籍详情:https://book.douban.com/subject/20473412/

为什么大白兔奶糖出了一系列周边,会有那么多受众?为什么老品牌飞跃鞋近来来备受欢迎?

这就是一种怀旧营销,是书中提到的一种品牌洗脑模式。这本书用大量真实的案例,讲明用户是怎么走进品牌团队一步步设计好的「陷阱」中,乖乖掏出钱来购买产品的。我们通过阅读这本书可以一定程度的避免品牌的一些套路,并且顺着这些套路思考,怎么样的品牌设计才能对用户起到吸引和「洗脑」的作用。

想知道自己为什么经常性的购买一些品牌的时候,来读这本书吧。

5. 交互设计专题研究

《About Face 4:交互设计精髓》

书籍详情:https://book.douban.com/subject/26642302/

老师讲完课之后,你脸上浮现出困惑的表情,有些概念或许还模糊不清?你还没有理解透彻?

这本已经升级到第四版的《交互设计精髓》将系统的呈现交互设计的过程、原理和方法。3大板块、21大章节直击交互设计的精髓内容。大到产品,小到界面窗口,这本书都会毫不保留的为你讲解,让你不再困惑。

老师上课讲的哪一点,让你感到疑问的时候,除了问老师,还可以来翻一翻这本书哦~

《关键设计报告》

书籍详情:https://book.douban.com/subject/6024020/

随着近些年的大火,交互是同学们不得不深入了解的领域。

莫格里奇是全球前三百的品牌公司—IDEO是创始人之一。他通过与42位交互设计师的访谈,写出了这本相对完善的交互设计史,带你走进交互的世界。全书并未对交互进行明确的定义,但是会带你思考,交互难道仅仅指的是人与屏幕的关系吗?

以上这个问题,你在日常的交互产品中去找找看,会对交互设计有更深刻的了解!

《简约至上》

书籍详情:https://book.douban.com/subject/5394309/

如何让自己的设计直击用户痛点、删繁就简?能够留住好不容易吸引过来的用户呢?

你看这本书的时候一定会觉得好像似曾相识,因为一些网站的文章写烂了的观点都来自于这本书啊!细碎的接受不如以上帝视角全局的了解。超级棒的是,会写出用户在一些观点上是怎么想的,跟你自己的想法一对比,拥有两种视角的你,一定会有一些新的思考。

大四该转换视角去思考问题啦,这本书的观点对于面试时候关于用户的问题也很有用呢。

初入职场的过渡好书

1. 《破茧成蝶:用户体验设计师的成长之路》

书籍详情:https://book.douban.com/subject/25915629/

转眼就到大四了,大学最后一年,要开始考虑就业问题了,你看到好像最近UI很火,想了解交互设计师是否适合自己。

看了很多用户体验的书,接触了很多方法和理论,但是还是不知道在公司里,交互设计师到底是干什么的?他们在工作中会面临哪些问题又是如何解决的?

实践出真知,让在网易和阿里巴巴工作的前辈给你一一道来,没有空话和大道理,只有实实在在的经验,告诉你用户体验有哪些相关岗位?该如何准备面试?大公司的设计流程是什么?设计中会面临哪些问题?设计师以后的发展方向有哪些等等。

如果你看到身边的同学都有了就业方向,正在为选择哪一个职业而感到困惑,这本书一定会为你指明一些方向。

写在最后,学习软件的话,在互联网时代,文章和视频教程遍地都是,只要自己肯多努力,精通各类软件不是问题,关键是要带着目标去练习,才会达到1+1>2的效果。软件只是工具,要牢记是为了什么而设计哦!

学习教程的话就上优优教程网,针对零基础和有基础的同学,都有对应的免费教程,非常好的做到了前面书本上所说的了解用户的特征呢!

优优教程网:http://uiiiuiii.com/

还有500多个小时就要开学啦!如果你还有什么给大学生推荐的设计书籍,速速留言!

优设大课堂

做设计师四年了,该选择继续、转岗还是创业?

今天给大家分享的主题是:如果当老板要求你转岗时,你应该如何抉择。是继续,还是转岗,或是创业。

前段时间一个设计师和我聊起他的现状:做设计也三四年了,陆陆续续也换了多份工作,新公司领导给他提出转岗要求,要么转岗,要么离职。在面对这样的抉择时,开始不知所措,是继续找新的设计岗位工作,还是选择转岗,或者出来自己创业。

如果当你遇到这样的抉择时,你会如何做出选择呢?

相信对于很多遇到这个抉择的设计师来说,能果断做出选择的寥寥无几。在近十年的工作经历中,我也遇到过几次这样的抉择,下面给大家谈几点个人的想法,作为一些参考。

找到出现现状的原因

在职场中出现老板主动找你,希望你转岗,通常有两方面的可能:一是你能力很强,希望你可以负责更好的项目内容,人往高处走;二是你能力不足,给你一次重新开始的机会,是对你之前工作能力的否定。

如果当你遇到是继续,还是转岗时,我希望你属于第一类。在此情况下做出选择,需要结合自己的职业规划和自身性格特征等方面分析,如果自己对现有专业十分热爱,也有明确的职业路径,那就坚守本心。

如果不幸你属于第二类,那这是一个需要深度反思的话题。你需要找出出现这样的原因,所谓当局者迷旁观者清,这是一个自查的机会。除了通过本次现状反馈出来的问题以外,我们还需从这些角度进行自查:

  • 从领导的反馈中知道自己不足的原因,日常工作中也要经常分析退稿的问题,如果不克服这些问题,日积月累便成「脓包」;
  • 分析同事过稿方案,认清自己的差距。也可以在茶余饭后请教,找到自己更多不匹配的因素;
  • 找设计前辈对你的作品进行指点,最好是作品集,看看自己在哪些板块存在问题。

找出问题是为了对症下药,知道这些问题后也要明白出现这些问题的原因,问题的产生不是瞬间爆发,而是日积月累的蔓延。静心反思一下自己,是否对现有专业足够热爱,还是只把设计当作是一份工作。平时付出了多少,主动了几次等等。

这一次深度反思至关重要,知道自己内心深处的想法才能做出更符合自己的选择。

如果继续,你的态度如何

被否定是很正常的经历,作为设计师基本的抗压能力还是需要具备的,自我心态的调节与控制至关重要。当公司对你现在的专业能力不认可,希望你转岗,如果你还是希望继续当前的设计岗位,那么你需要认清出现当前现状的原因。分析问题才能想办法去解决攻破,不然类似的问题还是无法杜绝的。

1. 改变需要持之以恒

你之所以不被认可,除了专业能力不足,职场习惯和坚守本心的决心也是很重要的。所谓技法层面都可以努力提升,但设计感知、审美能力、设计的热爱、自发研究的习惯等等都是需要很长时间的培养。

如果你缺少一颗持之以恒的心,那么再继续也是枉然。

2. 改变需要行之有效

侃侃而谈人人都会,落到实处才是行之有效的方法。既然知道自己的不足就要快刀斩乱麻,制定好改变的时间规划,强逼自己刻意执行。

刻意练习其实是提升最好的方法之一,因为自己懒惰,所以靠自我驱动是很难的,定好时间节点强迫自己执行,刻意去做练习而不断形成习惯。这个过程很漫长,习惯的改变和养成本身就不是朝夕之间,要坚守这份执着。

曾经为了提升自己界面布局的能力,我坚持每天画至少两个界面,从未间断,哪怕是节日庆典。把这个计划变成一种强迫症,不做完就强迫自己不入眠。想要脱胎换骨,就不要奢望太安逸。

3. 改变需要互相监督

一个人可以走得快,但是不一定走得远。组团一起学习,相互监督会比较有氛围,有时候被别人的努力和优秀刺激一下,反而可以激发你的斗志。

4. 当局者迷,旁观者清

努力固然重要,但是一味的固守自我思维也会陷入瓶颈,俗话说:「当局者迷,旁观者清」。

经常与比自己优秀的设计师一起讨论,你也会耳濡目染。把自己的作品多给别人指点,可以听到自己观点以外的思路,不断走出新的迷局。

如果你想要继续从事设计这份工作,你的态度将会至关重要,不改变就改革,彻底重新起航。

想放弃,先冷静

如果你萌生放弃现有专业的想法,不要急于下决定,先给自己一点冷静的时间,重新梳理一遍思绪。

最好也找个朋友一起聊几句,缓解一下由于心态而发生冲动的可能性。和自己家人商量一下还是有必要的,毕竟重新开始需要时间成本,也会伴随着一定的风险,家人的支持可以使你后备力量更充足。

结合自己的情况把放弃现有专业后可能出现的问题都列举一下,不要只是想一遍,最好是列出来。最后根据这些问题先想好解决方案和过渡方案,尽量以最小的成本完成这次转变。

决定转岗前先进行岗位分析

经过以上的层层思考之后,你依然选择转岗,那么在转入之前先进行岗位分析,看看自己与岗位的匹配度,以免再次试错。

要进入一个新的行业,我们首先应该思考自己的长期规划,如果你是一个安于工作的人,那么就找一个与自身性格相符合的行业。如果你未来有创业的想法,那么就找一些能对以后有辅助作用的行业,去积累更多经验,为后期创业做铺垫。

1. 结合性格分析

设计师一般性格内向的也比较多,有些岗位可能性格因素会受到一定的影响,但是有时候我们也会特意用此方式去克服自己的短板。如果你当前岗位与自己的性格匹配度不高的话,也要慎重选择,因为短时间肯定是难以改变性格的。性格的改变需要长时间的刻意锻炼,大学毕业后我的性格也非常内向,后来花了很长的时间刻意锻炼自己去总结和分享,慢慢使得自己较之前好一些。

2. 是否有人带入行业

进入一个新的行业,有人带入行是很重要的起步。如果转岗,公司会给到你那些资源,允许你的试岗周期有多久,有没有同事带领等等,这些因素都会影响你是否快速进入状态。

3. 分析岗位工作流程与汇报对象

分析工作流程是为了熟知每一个关键节点,方便我们找出切入口,就算进入了也能首先规范自己的工作习惯。根据汇报对象的分析,我们可以掌握这个行业的晋升方向,找到目标和推动力才能使我们更努力。

4. 列举岗位技术点

每一个行业都有属于自身的专业技能,如何切入和发展,是解决一个一个难点的过程。分析岗位的技术点,列举出这些出现的技术点并制定出解决的方案。哪些是自己暂时解决不了的,就要找到学习的途径。没有十足的把握也要有更全面的准备,这样不至于盲目,找不到提升的方向。

5. 行业内朋友的意见

分析一个行业大家最先想到的是利用互联网资源进行搜索整理,这也是最便捷的。我们也可以咨询一些行业内的朋友的建议,毕竟有些体会还是需要做过之后才有感觉。既然公司给你转岗的机会,那么这个岗位的其他同事自然是你熟知这个行业最便利的对象。

分析是为了进行一些基本的岗位知识普及,面对一份陌生的工作我们在选择的时候是没有判断力的,只有充分了解之后做出的选择才是明智的。

难抉择先试岗

在面对选择的时候,也会出现难以抉择的情况,这种情况下我们可以先进行试岗。通过试岗来感受一下新岗位的适应程度,也能更深入地熟悉这个行业。

1. 试岗前制定时间规划

在进行试岗前,先给自己制定时间规划,一个月或者两个月,确定试岗的时间,方便调整新的方向。如果脱离现在的设计岗位时间过长,以后想要重新拾起来便会比较难,需要耗费更多的时间和精力。

2. 试岗中多总结

进入一个新的行业需要学习的内容很多,多进行总结记录。可以运用思维导图工具对牵涉的点进行梳理,方便在试岗结束的时候进行分析,看看自己哪些可以攻破,做出业绩的可能性有多少。

3. 试岗期间不要放弃设计

试岗期间也要抽出一些时间来巩固设计能力,不要完全甩手,万一要回来继续,不至于脱节太远。正好也可以利用这些时间把之前的项目优化一遍,更新一下作品集和简历,万一试岗后发现不合适可以立马寻求新的工作,不至于浪费时间。

4. 试岗后要果断

通过限定的时间完成试岗后,要果断地做出选择,不可一味地模棱两可。这也是为什么试岗期间一定要总结的原因,试岗期间的感受与接触到的技术点的总结,将有助于结束后可以根据思维导图列举的点进行对照。思维导图是一个很好的工具,在很多场景中都可以运用,可以方便地把很多信息进行梳理总结。

试岗是为了给自己一个探索新行业的机会,在限定的时间可以感受新行业的技术点与自身情况的匹配度,方便我们在难以抉择的时候作出更理性的选择。

未来的创业想法现在的铺垫

经过多方面的综合考虑也有一些设计师会萌生创业的想法,或者早期就有这个潜在的规划。如果你在早期就有这样的想法还有时间可以做更多铺垫,创业需要我们具备多方面的能力、经验和资源。我们可以把这些需求拆分到我们现在的工作中,刻意去锻炼和积累这些资源,为后期的创业想法做好铺垫。

如果你在做出抉择的时间点才萌生创业的想法,那这个就需要深思熟虑了。如果你已经具备各类资源和经验,成功的概率很大,那么便可以尽力一试。

如果你只是有这个想法,那么接下来选择职业方向便要以此规划为沉淀目标。把创业所需要的技能层、经验层、资源层等进行梳理,然后看看哪个岗位能最大程度的解决这些问题。

如果你有一颗创业的心,一定要善于利用现在的工作环境为未来做好铺垫。

创业前先熟知行业

当你决定走上创业之路时,做好一定的准备将会提升成功的概率。对你接下来要创业的项目进行分析,先制定出商业计划书,把思路梳理好才不会在执行过程中盲目。

对你的创业思路进行技术点拆解,看看哪些是难点,哪些需要外部合作。自己可以解决的技术点列出优先级,需要资源引入和学习晋升的可以制定好时间规划,做到分秒必争。

当初我在萌生创业想法的时候经历过多次失败,后来花了两年多的时间进行下一次的创业铺垫,然后进入设计教育领域,前方的路依然还在不断探索中,希望大家在进入创业之前做好更多的准备,规划更加清晰的路径。

创业是一个从熟知到深入理解,然后不断否定到创新的过程,希望我们都可以走得更远。

你的资源备好了吗

资源是保障你创业项目成功的关键,一个人可以走得快,但是走不远,一个团队的力量可以带来更大的推动力和持续的源动力。

1. 技术与经验

无论哪个行业都需要有技术和对应的经验,如果你不具备这个能力,那么你需要找到这个资源。作为创业团队的掌舵人,你需要更多比你优秀的人力资源。你一个人优秀带动起来是很累的,只有团队优秀你才能被推动。

2. 人脉资源

优秀的前辈可以带给你解决问题的更多思路,人脉资源是至关重要的,外部资源可以获取,人脉资源需要积累。多参与行业活动,加强自己的社交能力。

3. 商务资源

商务合作是比较常见的互惠互利的共赢方式,不过要看一切都建立在什么形式之上,刚创业都需要开源节流,能以零投入或者最低的投入做到互惠共赢是最佳的选择。

4. 客户资源

客户是让我们起步与平稳发展至关重要的资源,很多设计师创立设计工作室都是自己手里有了一批客户资源才开始独立出来的。你可以暂时没有这部分资源,但是你必须懂得如何获取,知道获取的渠道和方式才能保障你的创业项目可以存活下来。

创业在很多人眼里看起来很光鲜亮丽,实则其中的苦恼只有创业者能体会。资源是我们进行下去的必备条件,不断获取与更新资源才能让我们团队迭代更新,立于稳中求进的场景中。

制定规划克服自我

无论我们选择服务于企业还是自主创业,我们都需要不断克服自我,懒病使你停歇不前,制定好规划可以有效的推动前行。

1. 严格规划防止懒散

在企业里面有需要负责的项目,工作规律和时间会被企业约束,你至少不会太懒散。自主创业之后,一切的行动都需要自我约束,如果你不严格规划自己的工作,很容易变得懒散。

2. 尽量不在家办公

家里放松安逸的环境会削弱我们的工作热度,就算前期创业要节约成本,租个小的办公室还是有必要的。工作氛围还是需要在办公场景中才能被强化,这也是规范化的起步。

3. 列举事项与优先级排序

刚开始创业需要处理的事项会很多,列举出事项与优先级排序可以让我们不会遗漏。我们在工作中经常会运用这个方式,管理好时间后,更能让我们有效的运用时间。

克服自我是为了让我们保持持续的动力,既然选择为自己而战,就要拿出这份决心,不能有一丝懈怠。

总结

在我们的职场生活中,总会遇到很多转折点,面对抉择的时候,我们是选择继续,还是选择转岗,或者选择自主创业,需要从哪些方面进行思考。本文通过自己所经历过的案例给大家进行梳理,希望可以通过本文带给各位设计师一些思考。

设计职场是一个更新迭代快速的行业,如果你不能跟上节奏,那么就会出现被动转岗的风险。我希望我们可以主动选择自己的职业路径,在职场中占据主导,而不是被迫做出抉择。

希望大家在设计职场中都可以多一点行动,多一分设想。

本文观点仅代表个人对于这个话题的思考与总结,希望对你有所帮助,不足之处希望大家互动交流。

欢迎关注作者的微信公众号:「行设视觉」

优设大课堂

超全面!写给入门新手的运营插画 Banner 设计指南(一)

近一年多接触到了插画 Banner 设计,算是自己边做边摸索,还在学习探索期,目前总结了一些做稿的思路,分享的目的是为了梳理完善自己的方法论,让自己继续向前进一步。

本篇文章分享内容:插画 Banner 的三个层次。

插画 Banner 的三个层次:文案层、画面元素、背景层。

文案层

  • 文案样式:左对齐、居中对齐、右对齐。
  • 文案组合设计形式:上下组合、上中下组合、一体组合。

有框的形状部分都可以视具体画面需求变化形态,每一个块面里还可以划分小块,和构成原理相同。根据文案的内容选择合适的文案组合样式。

画面元素层

  • 主体元素
  • 相关联元素
  • 点缀元素

相关联元素和点缀元素可以二选一,也可以同时使用,具体根据设计画面而定。

背景层

以下内容是我目前总结的背景层类型。

选择背景时的注意事项:背景一定要和元素风格一致。我经常会出现这样的问题,主体物和背景不融合,导致设计看起来主体元素是贴上去的。

注:以上所用到的图片素材均来自于懒设计、稿定设计

Banner 设计画面千千万,套路来回就几样。希望大家能在框架的基础上进行思维发散,创作出好的作品。

定量的设计套路(不变)+百变的设计风格(变)=属于你的千变万化的 Banner 作品

优设大课堂

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧

在我们日常的产品设计中,交互上的表达(反馈、动效)能将信息很好地展示给用户,而无论什么样的交互表现,都是对用户的操作效率、业务目标的提升有很大帮助的。

所以本文集合了淘宝、支付宝、QQ浏览器、百度浏览器、抖音、高德地图、马蜂窝等众多一线产品,为你整理了 8 个可以提升交互表现的方式和技巧,让你在平时的设计工作中,可以尽量地提升用户的操作效率和业务目标的转化。

实时更换效果

在需要用户进行多项内容的选择时,可结合具体场景,向用户展示选择后的效果预览。将用户的选择内容「可视化」,帮助用户进行决策与配对内容。

如首次进入 UC 浏览器,用户在选择不同的兴趣类型时,会同步展示对应的标签形象。这种优化方式,极大提升了用户对资讯类型的筛选,方便产品推送对应的资讯信息。

跟随用户的操作

大部分产品的功能都是「固定好位置」的,但用户的手指操作区域却是灵活多变的,为了进一步提升用户操作效率,有些产品会把功能设置跟随用户的操作而展示。

如夸克浏览器,在观看视频时点击屏幕右侧,就会出现操作图标;而点击屏幕左侧,操作图标则在左边出现。

还有抖音,会根据用户手指的点击/长按位置,来实时展示操作信息和入口。

更直接的引导

很多 APP 会在用户首次使用功能时,用一张蒙层或 GIF 图引导用户操作,如向上/向下滑动屏幕、点击某入口等等。但这种「静态」展示无法直观、易懂地向用户说明:操作后会有什么?

因此,为了减少用户思考、更准确地传达信息,可以将「操作后」的效果直接展示给用户。这种交互方式比单放一张 gif 图来说,引导性更强。

如抖音,首次进入时会自动地下拉屏幕,向用户明确说明可以下拉切换视频。

入口收缩

指提示的信息(广告弹窗、浮层)展示完后,不再以透明度为 0 的方式进行消失,而是通过缩小、位移等方式将特定内容「收缩」到入口中去。

该方式好处在于:可以增加、强化用户对于功能入口的认知,很适合各种需要做「用户教育」的入口。如QQ浏览器的「花草卡」、荔枝音乐的快捷菜单就采用该方式进行信息引导。

前置展示用户目标

根据用户的操作行为,推导/预判出用户下一步即将要执行的目标,提前将用户的操作目标展示出来。可以进一步地减少用户的操作路径。

比如淘宝,当复制完商品口令后,打开 app 时就立即弹出商品信息,免去发起搜索的操作成本。还有支付宝,在与好友聊天时若触发到数字信息,则预判用户有转账诉求,提前将金额和操作入口展示出来,方便用户操作。

特定的彩蛋效果

在展示一些特定的功能模块、业务价值更重的内容时,可用一些惊喜的彩蛋吸引用户。一方面能渲染氛围、吸引用户注意力。另一方面又能对产品的 PV、UV 等业务指标起到一个促进效果。

如爱奇艺,在切换到近期热播的节目时,会飘落与之相关的视觉元素,能对用户的当前操作起很好的「止步」效果。

更拟物化的表现

产品的内容与功能展示,可以尽量贴近「现实生活」来设计,给用户一种更强的代入感(亲民、有趣、真实),突出该功能/内容的品质感。

如高德地图,根据当前天气情况展示真实效果,给用户的出行决策进行「提醒」。还有飞猪的「会员卡」,会用一层「反光」来突显出卡的质感,同时能起到吸引用户注意力的作用。

利用好手机陀螺仪

陀螺仪是手机系统里的功能之一,能给手机提供准确的位置、速度、水平等信号。如玩赛车游戏时,翻动屏幕就能实现车辆的转弯。而利用陀螺仪,也能对页面元素的交互进行优化。

比如「好好住」,当把手机往屏幕左边/右边翻动时,视觉元素也跟着往左/右旋转、滚动,能很好地增加产品的趣味性。

当然优化交互反馈的方式不止上面几种,对于用户使用频率较高的、业务价值更重的信息,我们也可以适当做一些交互优化。比如马蜂窝的 tab 滑动效果、百度浏览器的点赞反馈等,都能提升用户操作过程中的趣味性。

欢迎关注作者的微信公众号:「和出此严」

优设大课堂

设计师该如何度过第一个职场五年?

今天给大家分享一下如何度过第一个职场五年。

起源

之前一个设计伙伴给我说了一段他的经历,故事是这样的:刚毕业的他进入一家初创公司,帮助老板从零做起,一呆就是五年,从一个人单干发展到有五六个设计师。公司获得了多次融资,也开始盈利,这个时候却把他开除了。

如果大家来看待这个问题,你觉得老板做法无情吗?

他纠结于老板的无情,但是忽略了自己本身的问题。公司是以员工创造的价值来支付他相应的回报,如果你的输出价值无法匹配你的回报,就会存在淘汰的风险。

针对这个话题,下面来说一下个人的观点,也分享一下初入职场如何度过自己的第一个职场五年。

设计师要时刻认清自己的现状

作为设计师我们不怕专业能力差,因为专业不好可以努力提升,但是如果不清楚自己的现状,过于安逸、不思进取,那么距离淘汰也就不远了。

初入职场的时候大家都很努力,但是随着工作年限的不断增长,有部分设计师逐渐进入过于安逸的状态,逐渐认不清自己的现状。随着现在学习资源和教学质量的提升,很多新进入职场的设计师专业基础都很好,很快便在职场中崭露头角。一些跟不上节奏的「老司机」便岌岌可危,如果此时你才觉醒,可能已经为时已晚。

那么,我们如何对自身专业进行体检呢?下面分享几个方向大家结合自身情况验证:

  • 通过招聘平台查看企业主对于设计岗位的岗位要求,多查看一线企业的要求,把提及的专业点整理出来;
  • 根据专业等级梳理出每个级别需要对应哪些能力,一线企业的等级要求可以作为参考;
  • 请教前辈设计师现在行业对于设计师的专业要求有哪些考核方向;
  • 整理作品简历进行投递,一方面可以验证自己是否可以满足企业主要求,也能通过面试发现自己的不足;
  • 整理作品发布设计平台,平台推荐虽然不一定影响你的职场情况,但是毕竟有一群专业的小编,可以通过他们检查自己的作品是否保持实力;
  • 整理自己每一年的作品进行对比,看看自己面对往年的作品是否可以发现更多不足,如何可以精进。

这里只是列举一些常用方向,大家可以根据自身情况选择更多方式进行验证。

我们在设计职场中要经常对自己的专业能力进行体检,时刻认清自己的现状,知道病因才能对症下药。

自己的设计价值是否远超于回报

通过对自身专业的体检,你会针对自己的专业深度和广度做出一份体检表。针对这份表格大致知道自己哪些方面处于优势,哪些方面有待提升,然后再去对这些能力进行价值验证。

可以根据自己在公司所产出的设计进行评估,如果这些设计对应到外包公司的价值是多少?以月度或者季度为单位进行清单梳理,然后逐一核算出价值,对于一些常规的工作配合可以进行初步预算,有误差是常见的,只要这个误差范围不要太离谱就好。

这个核算出来肯定会有误差,因为我们比外包更加及时,也能有更好的设计质量,毕竟我们有很多时间在研究自己的产品。我们可以针对核算出来的价格进行 2-3 倍,这样相对可以持平。

通过这样的验证方式,你可以发现自己的设计在公司是否具备更高的价值。对于一些在团队一个月输出很少的设计师来说,不要以为工作很清闲,应该要有危机感,因为老板是不会耗费成本养闲人的。

如果我们在团队里面发现日常输出较少时,我们需要化被动为主动。主动排查公司设计不足的板块,或者还未开发的设计板块。比如品牌设计是否建立与成熟、官宣场景是否具备与成熟、设计规范体系搭建与丰富等等。主动去发现这些板块的不足,并对其设计出对应的提案,不仅可以主动提升公司对外形象,也能积累更多作品。

我们时刻评估自己的设计价值,才能不断提升自己的专业能力,也能认清自己的职业规划。

如何度过自己的第一个五年

俗话说三年入行五年精专,度过自己的第一个五年是至关重要的。初入职场你会遇到自己工作经验不足被很多面试官给否定,随着你的工作年限不断递增,迈过三年这个门槛以后,你会发现工作年限已经不是问题。但是,随着年限的增长,职场对你的要求要比入行时高很多。

五年是一个非常重要的转折点,此时的你从工作年限来算已经算是行业「老司机」,去面试最基本的也算是资深岗。面试官对于你的要求自然不低,如果你拿不出能匹配这个年限的专业实力,那会是一个很尴尬的处境。

那么作为新人我们应该如何度过自己的第一个职场五年呢?下面结合自己的一些实际经历谈一下个人观点,希望抛砖引玉,有助于大家顺利进阶。

1. 技能层面

五年内设计执行力对于你来说是必备的条件,只要你勤于练习,基本是不存在问题的。需要注意的就是要善于吸收新工具的优势,相互协作才能提升我们的设计效率。

2. 精专技能与广度扩展

在工作中不要满足于现状,满足需求只是最基本的,我们要不断吸收更多广度技能,培养自己多方面的能力。然后要培养出一项强势技能,这个是可以占据竞争中的优势。一般能进更好的团队,除了专业综合能力好以外,也有一项技能是能带动团队整体实力的。

3. 不断培养总结能力

当你具备满足需求的专业能力以后,需要花一点时间培养自己的总结能力。能做出好的设计也要能组织语言进行提案,语言组织能力就需要先提升对设计的总结能力。这也是对设计师以后更好的职业规划必不可少的一环,通过你的设计经验总结来培养提升团队组员的整体能力。

4. 积累更多系统性的作品

无论工作多久作品总是最能证明你实力的,如果工作五年了却没有积累出什么作品,必然是说不过去的。平时制定好时间规划,除了输出工作项目以外,要是作品量较少,要加强日常作品的输出,维持自己的设计执行能力。

输出作品最好是成套的系列作品,就算工作中接触到的项目比较零散,也要善于将它们进行整理,形成一系列作品。

5. 善于不断创作出「新」的作品

随着时间的推移,我们以往产出的作品会不一定符合当前的设计趋势,结合设计趋势要不断产出更新的作品。当新的趋势出现时,我们无法在项目中发挥,也要利用日常练习来进行尝试,并不断强化。

6. 培养团队管理能力

工作五年后走上管理路线是极有可能的,因为多年的经验积累在专业层面已经比较稳定,如果具备一点管理能力,上位的机遇即将到来。

工作三年以上要经常主动辅助领导做一些管理事务,除了做好自己的项目设计以外,要经常输出一些经验带动团队的增长。利用自己的第一个职场五年积累专业技能、项目实战经验、管理能力、经验输出等方面的综合能力。

7. 养成优秀的职场习惯

在学校的时候你可以个性自由,但是职场会使你收敛,想要不断优秀,除了专业能力以外,优秀的职场习惯也是至关重要的。

之前写过关于优秀设计师的职场习惯相关的文章,大家可以前往阅读→《你和优秀设计师差的不仅是软件操作,还有这28个优秀习惯!》

时间过得很快,五年一晃而过,想要抓住分秒,必然需要做好时间规划。五年的时间你可以学到很多东西,也可能一无所有,且行且珍惜。

永远不要将自己置于被动

职场都是优胜劣汰的环境,设计职场依然如此。你不向前,自然有人跟上,然后超越你,取代你。无论在什么行业我们都不要将自己置于被动状态,一旦发生变故留给你的反应时间将会很短,你会陷入困境。

在设计职场中,我们需要主动的学习,巩固自己的专业技能,不局限于公司项目,因为公司项目使得你接触的面是有限的。要双管齐下,公司项目增长实战经验,也要吸收一些新的技能来武装自己,研究探索不同行业的产品,把自己的接触面扩宽一点。不同行业的产品会有不同的设计要求与交互解决形式,同行业的产品可能会相互吸收,出来的效果相似度比较大,不同行业的解决方案融入到设计中,也许会出现不一样的体验。

专业广度上面要主动吸收掌握更多技能,设计是相通的,别的设计技能会对你现在的专业起到更好的辅助,也能更加深入。我们可以学习的技能很多,往细分领域来说有品牌设计、版式设计、字体设计、插画绘制、动效制作、C4D、摄影等等。

时刻主动是为了给自己铺垫更好的职场之路,这样既不会被团队所淘汰,也能有机会不断挑战更好的项目。除了提升自身能力方面的主动性以外,平时也要不断地优化自己的简历和作品集,不是需要跳槽才优化,而是时刻准备着。整理更新是为了对自己的产出有一个交代,当遇到一些突发情况的时候不会置自己于被动。

记住,永远不要将自己置于被动状态,主动是为了更好的保护自己。

具备基本的自我保护意识

在生活中,自我保护是我们的本能,在设计职场中我们依然如此。这里说的保护并非是会受到身体伤害之类的,而是一种职场中的路径规划、权益保护、生存保障等等。下面结合工作经验和一些设计伙伴反馈出来的问题,看看我们需要具备哪些基本的自我保护意识。

1. 认清现状做好准备

如果发现自己在公司没有什么产出,平时过于清闲,也要认清自己的现状,产出的价值和回报是对等的。要对自己的未来进行规划,在五年的时间中你需要达到什么样的一个程度,对于公司和团队的要求应该是什么样子的,根据自己的规划做好准备,不然被淘汰的命运是躲不过的。在一个不注重设计的团队和没办法提供舞台给你发挥的团队,是很难实现自己价值的。

2. 不要被「假愿景」所束缚

工作可以发挥自己的所长,但是也是我们生存的保障,面对一些升职不加薪、公司做起来了给你股份、我们一起做些好玩的产品实现自己价值、未来这个版块你将占主导等等之类的情况,很多初入职场的设计师会被束缚。我们虽然不一定特别现实,但是也要结合自身情况深思熟虑,因为未来是充满变数的。

我们在决策的时候需要考虑一下自己的生活现状,不然后期会因为生活的影响无法全身心投入工作。我们希望自己的努力可以随着公司的壮大带来更多的回报,如果没办法保障员工的价值输出得到对应的回报,那肯定不是良性循环的发展。

3. 坚守本心走自己的规划

有些设计师在团队里面会遇到职业方向发生变化的情况,UI 设计师转行到产品经理、运营或者别的。在面对老板希望自己转岗的时候,不要只看岗位待遇,虽然产品经理可能比你做设计待遇更高,但是需要考虑这个是否属于自己的职业规划。

不要被领导的思路带着走,他们的角度和你自身的情况是不一样的,有些岗位适合你,但不是所有都适合,如果耗费时间才发现不适合,再掉头回来还得重新开始。冷静得分析岗位的优劣势和自己的优劣势做对比,充分熟悉之后再做出决定。当初我在面对这样的决策的时候,我就放弃了别的选择,坚守本心走自己的职业规划。

4. 口头承诺不一定靠谱

之前遇到一个学员给我提到她和一群同事一起创业,作为技术入股,但是一切的合作形式都只是口头说的,并未拟定任何合同。虽然我们不能怀疑同事会过河拆桥,但是这种情境缺乏自我保护,万一出了变故有理说不清。

就像我们在公司里面领导承诺给你升职加薪一样,没有具体到结果层都是存在一定变故的。所以自身的能力在不断提升才是最具保障的,不要遥遥无期的等待,有能力在任何场景都是可以得到更好的发挥。

5. 规范习惯不背「锅」

工作中没有遇到问题是一帆风顺,遇到问题这个「锅」也是要明确主人的。加强自身的职业规范,可以留下交接足迹的方式对接项目,遇到问题才能更好的自我保护,该是哪个环节的问题就应该是谁的问题,不明确责任怎么能更好的避免出现类似的问题。

6. 自己的付出不拱手相赠

有时候经常会遇到别人问你要设计源文件,不管出于什么目的,这都是自己的产出,不要随意拱手相赠。特别是公司项目就更不应该了,如果是同一个公司跨部门或者小组需要源文件,也要先咨询一下直属领导,得到他认可再交接。

7. 我们有专业态度和告知的必要性

在项目设计中遇到一些版权争议的内容时,不要过于随便,设计师最基本的职业素养和专业态度还是需要的。无论是字体版权、图片版权、素材版权等等,都需要给公司进行告知,如果一定要用这些内容需要购买版权,无论最终公司的决定如何,但是我们需要有这个专业态度和告知的必要性。不然出现问题之后,这个责任就变成是设计师的问题了。

无论在工作还是生活中,我们都要深思熟虑,自我保护是为了不让自己处于被动的场景中。

专业以外你忽略了什么

在职场五年这个时间段里面,我们除了专业层面的不断反思与精进以外,也要把控好专业以外的容易忽略的东西。

1. 设计资源的积累

设计资源不是说设计素材,而是设计师的人脉。认识一些设计前辈,这将有助于你看清设计师的方向。积累一些设计好友,可以互相交流探讨,有了圈子你不再是埋头苦干的「独孤求败」。认识一些新生代的新锐设计师,他们的求知欲可以不断助推你前行,不让自己掉队。俗话说多一个朋友多一条路,互相帮助才能互相进步。

2. 个人 IP 的塑造

实力很强的设计师很多,但是也是需要被人发现的。曝光自己是希望可以更好的展示自己的专业能力,在机遇面前做好更多的准备。可以在一些设计平台发布自己的作品和文章,一方面是积累自己的作品输出,也能给自己制定一些目标,逼迫自己输出更多。另一方面也能变相的获得更多机遇,得到更大的舞台。

3. 不要忽略时间这个概念

时间规划是很多设计师都明白的一个道理,能做到的没几个。大学毕业的平均年龄基本在 22~23 岁左右,完成你的第一个职场五年基本就是 28 岁左右了。这是一个爆发的年龄,前五年的沉淀如何会在这个时候形成第一次绽放,希望这一次你可以足够完美。

4. 清晰的职业规划

知道方向才能不断的努力前行,明确自己在特定的时间里面希望获得什么,设计职场的职业路径是什么。无论是希望自己专业能力达到什么状态,还是希望做到主管或者总监,都可以朝着自己的职业路径去努力。甚至获得设计平台的推荐设计师也可以是你阶段性时间里面的一个规划,这也是你激励自己不断产出的动力。

5. 养成学习的习惯

养成学习的习惯无论在什么时间段都是很重要的,不断反问自己多久没看过书了、多久没访问设计平台分析优秀作品了、多久没做过练习强化专业了等等。学习不难,养成习惯很难,希望你可以逐渐养成学习的习惯。

总结

以这样一个话题延展出设计师如何度过自己的第一个五年的自我观点,五年的时间说慢不慢,说快也快,一晃而过的时候你却没来得及做出反应。无论你是即将步入职场,还是初入职场,或者是职场「老司机」,希望今天的分享可以带给你一些思考。如果你还在职场五年之内,恭喜你还有机会可以做得更好。如果你不幸已经度过了自己的第一个职场五年,希望你能规划好第一个职场十年。

本文观点仅代表个人对于这个话题的思考与总结,希望对你有所帮助,不足之处希望大家互动交流。

欢迎关注作者的微信公众号:「行设视觉」

优设大课堂

这个摄影师把全部作品免费分享出来,已有 250 万次下载!

本文要推荐的「Jeshoots」是一个国外免费图库,由摄影师 Jan Vašek 在 2014 年左右建立,这个图库特色是和其他大型商业图片网站收录的图片完全不同,因为是自行拍摄、进行后期并释出,全站图片采用 CC0 授权方式释出,也就是可自由使用于个人或商业用途,包括复制、修改等等都无需获得作者同意,可选择是否标示出处来源。

截至 2018 年末,Jeshoots 已经累积超过 250 万张图片下载次数。这个图库也有各种图片分类,包括节庆、城市、科技、自然、运动、教育、健康、动植物、美食、季节、建筑、商业、酒和咖啡等等,照片数量很多,而且在质感和风格上都有一致性。

Jeshoots

网站链接:https://jeshoots.com/

开启 Jeshoots 图库直接从首页输入英文关键字(仅限英文)搜索图片,从网站首页可以得知 Jeshoots 开放使用者免费下载摄影师提供的独特、高画质照片,无论是使用于一般网站或商业用途皆可。

如果你想直接查看特定分类的所有照片,建议可以直接打开「Collections」页面,这里会有 Jeshoots 图库提供的完整照片。

无论以搜索或分类方式都能浏览 Jeshoots 图库里的照片素材,图片会以较小尺寸的预览图呈现,底下还会有照片描述。

比较特别的是 Jeshoots 提供一个名为「Mockups」的图片类别,简单来说,这些照片中都会有屏幕,无论是电脑或手机,让使用者可以将其中的画面置换成要显示的图片内容,看起来就如同自行拍摄,而且颇具质感。

不过 Mockups 中的素材似乎不是免费下载,会引导至其他网站,必须支付一些费用才能获取 psd 档案,依照使用者获取的授权类别而有不同定价,但价格不会太高。

那么要如何从 Jeshoots 图库下载照片呢?

点选你要下载的图片,开启如下页面,点选右上角「Download Photo」绿色按钮就能获取文件,尺寸大,高清,对于要编辑或后期来说就会很好用。

如果你觉得 Jeshoots 给你不少帮助,可考虑赞助摄影师,底下会有几个预设的赞助金额,点选后会通过 PayPal 付款。

使用照片前还是先确认一下授权方式(虽然 Jeshoots 已经在网站介绍提到这里所有图片皆采用 CC0  授权),从照片页面下方可以看到授权,也会显示这张照片拍摄者、使用的拍摄器材等资讯。若喜欢类似的图片主题,也能从最底下找到更多相似图片。

值得一试的三个理由:

  • 网站提供的所有照片皆由摄影师 Jan Vašek 拍摄;
  • 采用 CC0 授权方式释出,可自由使用于个人或商业用途;
  • 提供大尺寸、高清晰度的原始图片,无需注册就能下载。

优设大课堂

没看过这篇文章,别说你会设计表格!

@研习设K先生 :我们都知道在设计中,图像语言比文字语言更容易传播。表格和图表也是设计语言之一,利用视觉化的方式,可以很直观的表现出数据、比例等一些文字资料,让人能一目了然,轻易的理解传达的内容,相对于图片照片来说,在这方面图表还是更胜一筹的。当然,图表的设计还是要注重美观与使用环境,不然只会阻碍信息的传播。怎样将数据资料、文字信息等难以视觉化的内容,变成能轻易理解的视觉结果。这节课就带大家来了解图表在设计中的应用。

前方学校,减速慢行,这在川流不息,飞快的街道上,是很难再零点几秒钟之内传递给司机的,所以我们就可以用国际通用的图形语言 ——图形代替。

包括导视的标识,都是以图形替代文字,也让我们更快速找到地点,它也属于象形图。

象形图的应用还有很多,都是常见的,比如手机app的天气预报。

汉字与图形相比,肯定是图形传播的更快,禁止左转弯的标识已经深入人心。

数据文字同样以图表的形式展现,更易于传播。

图表从何而来?可能在大家记忆中,最早接触的图表就是九九乘法表了吧,那个时候在文具盒的盒盖上都有一个乘法表格,一打开就能看到,让我们记忆深刻(暴露年龄了),那图表的发展到底是怎样的呢?我们一起来看下。

信息图形化早在史前时代,人类的洞穴壁画中出现,当时的人类把信息图形用作记录,比如说,记录牲畜的数量。有几头牛,就画几头牛 。

1786年,一个叫威廉的政治经济学家,出版的第一个经济学书籍,他为了表示18世纪英国的经济状况,就使用了统计图表,当中就包括棒形图、线形图、面积图和直方图。

1920年 德国设计师,格尔德·安茨,将资料信息,比如人口,耗油量等,综合整理为图形符号,然后给它们群组,并赋予数值意义,让复杂的资料视觉化,便于阅读。

1936年,奥地利科学家奥图出版过国际图像印刷教育系统,提倡以图形符号作为国际视觉语言,减少对不同语言的依赖。他曾试图用这种图画文字来取代沟通,虽然最后失败了,但是这种理念在后来的ICON、标示等设计领域有着很深远的影响。

统计学家,爱德华·图夫特,出版一系列有关信息图形的书籍,他认为好的数据可视化,就意味着,每一个数据准确地使观众,看到趋势和模式,他的书现在还是一些国外大学的教材。

信息图表定义

信息图表是将信息转化为易于理解的可视化的传播形式,庞大的数据看起来不仅费时费力,还会因为阅读疲劳而影响信息的传递,图表就是整合这些数据和信息,使他们一目了然 。

图表应用领域

1. 包装

配料表,成分表是最常见的了。

2. 海报

关于数据,时间,地图出现在海报中,都可以用图表形式设计。

3. 网页

网页中也很常见图表的应用。

4. APP

相信大家在网购的时候经常能看到图形化的文字。

5. DM/折页

数据图形化,流程图形化等。

6. 画册

画册里面应用图表还是很多的,比如说大多在甲方公司的设计师,就接触过企业画册,里面有很多信息是可以用图表来展现的。

7. 地图

名片或者订餐卡里的地图是很常见的,还有地铁站的地图,景区的地图,这些都属于图表的范畴。

8. PPT提案

提案中文字用图表来表现,不止能让枯燥的提案耳目一新,更能让你的提案具有说服力。

9. 展示设计

展示设计,比如:会对企业的发展历程,或者企业的产值,都会用图表形式展现。

10. 导视设计

图表的分类

通过上方对应用领域的介绍,大家也能看到图表的应用是非常广泛的,其实通俗来讲,图表就是方便我们理解大量数据,以及数据之间的关系,让我们能通过视觉化的符号更快速的读取信息,那图表都有哪些类型呢?首先我们从形式上来看:

△ 直方图

直方图:二维统计表,由一组块形,组成,每一个块形的面积表示,在相应的小组区间中事例的百分数。比较适合统计人数,时间等数据,也是最常用的图表之一。

△ 长条图

长条图:也称为条状图,棒形图,柱状图等,是一种以长方形的长度为变量的统计图表。长条图用来比较两个或以上的价值(不同时间或者不同条件),只有一个变量,通常利用于较小的数据集分析。直方图与长条图的区别在于,直方图是用面积而非高度来表示数量。

△ 圆饼图

圆饼图:又称为饼状图,是一个划分为几个扇形的圆形统计图表,用于描述量、频率或百分比之间的相对关系。圆饼图用面积取代了长度,加大了对各个数据进行比较的难度。

△ 折线图

折线图:又称为趋势图,链图、走势图,是一类在时间序列中表达数据变量的统计图表,比如时间前后的对比,前面这四个是最常用的图表,下面还有 :

△ 雷达图

雷达图:这个大家比较熟悉了吧,在我们的订阅号课程中经常使用的一图表形式,就像一个雷达一样,适用于多维数据的排序比较 。

△ 山形图

山型图:顾名思义像山一样的展示数据,以面积的多少和高度的对比展示数据变量 。

△ 瀑布图

瀑布图:采用绝对值与相对值结合的方式,适用于表达多个特定数值之间的数量变化关系,最终展示一个累计值。

△ 量化波形图

量化波形图:听起来好高级的样子,比较常用在表现时间概念的数据。

△ 落差图

落差图: 像电脑的数据线一样,它表示数据之间的联系与比较。

△ 组织图

组织图:也是一个具有关联性的图表。

△ 树状图

树状图:是一个有指向的图;这个图必然存在且只存在一条从大到小的路径。换句话说,树状图是一个有向的,有根的树,并且所有的边都指离根的方向。

△ 家谱图

家谱图:或称祖谱、族谱等,是家族里记载本族世系和相关重要事迹的书。现在很多人的家里还有族谱的,每逢过节都会祭拜。

△ 鱼骨图

鱼骨图:又称因果图,是用图解展示一定事件的各种原因的方法,它常用于产品设计,或是生产质量管理或失效预防,以识别造成问题的所有潜在因素。鱼骨图中会将问题(鱼头)放在图的右边,潜在因素分为几大类,再由各大类中去细分小分类,都在图的左边。

△ 文氏图

文氏图:是在不太严格的意义下用以表示集合的一种草图。它们用于展示在不同的事物群组(集合)之间的数学或逻辑联系,尤其适合用来表示集合(或)类之间的「大致关系」。

除了上面介绍的这些图表形式,还有哪些图表呢?这些年兴起了扁平化的图像形式,以图像的矢量图形来展示数据,不仅让信息一目了然,更增加了阅读的趣味性。我们来看下这类图表都有哪些吧

△ 扁平化图表

扁平化图表,将事物数据矢量化,扁平化的风格展现,还原事物的样貌,这类图表使用时候要注意色彩上的搭配。

△ 手绘图表

手绘图表,一种是草图的形式,然后在其基础上细化图像,这个是考验手绘的能力。

一种是卡通的形式,最常见的就是手绘地图了。

△ 3D图表

3D图表,需要用3D类型的软件来完成 。

△ 2.5D图表

2.5D图表和3D图表类似,只是透视没有消失点。

△ 合成图表

合成类的图表,这种就比较难了,需要花费较多的时间,并且这类图表都会成为画面中的主体。

从内容上分

刚才,我们从形式上分了那么多的类型,接下来,从内容上划分,这里我给大家介绍最常用的几个类型:

△ 表格

△ 流程图

△ 路线图

△ 成分表

△ 图解

△ 统计图

△ 时间表

使用图表的优势有哪些:

制作图表的流程与方法

1. 提取关键的文字信息(比如数字、日期、价格等)

先说流程,第一步其实就是帮助信息瘦身,提取关键性的文字信息。

如果甲方给出这样一段文案,我们第一步肯定是要简化它,做一个简单的提取,提取文案中的关键信息,比如说,这里的时间信息。

2. 整理信息(扔掉不需要的内容)

这一步也是关键的一部,为了让繁杂的语言变为图形,这一步就要精简文字。

3. 绘制草图(手绘/软件)

第三步根据文字绘制出草图,可以手绘在本上,也可以用色块的形式,在软件中,大致摆放出来。

4. 选择软件制作(可以做图表的软件/网站)

这里给大家推荐一些可以做图表的网站,有的网站可以直接输入数值,它就会帮你挑选合适的图表类型,一键生成,非常方便。

还有两个软件也是专门用来做图表的,当然,除此之外,还可以用AI,PS,这类我们常用的软件也可以。

可以用AI软件当中的图表来设计,当然,这些都是简单一些图表形式,也很好操作。

先来看底下这部分内容,我们可以用图表代替文字,然后搭配说明性文字就可以了

把这一部分图形化之后可以置入画面中。

按照草图,我们选择一款合适的字体,把文字信息和图表编排到版面中,就OK了。

案例演示

这是文案内容,看不出重点 ,我们接着往下做。

提取每一段重要的文字信息,先看红色这段文字。

根据这段文字,我们可以选择什么图表类型呢?它表现了一个时间的先后顺序,那我就用流程图,右边是我们找的参考画面。

然后根据文案内容我们也提取一个元素——野猪,用这个图形来作为辅助,设计流程图。

文案里有很多数据,我们之前讲过,这类百分比的数据,适合用长条图或者圆饼图来做。

最后我们选择长条图来设计,因为这样数据会更加直观。

像这个图表一样,我们可以把品类图形化。

然后画出草图,规划版面。

按照草图把标题置入进到画面里,还有刚才设计好的流程图。

画面元素如果用矢量图形表现,那主形象也尽可能选择矢量图形,这样不仅能统一视觉,还能避免图像之间的矛盾所带来的一系列调整难题。

刚才的流程图放进来,根据这个方式,我们可以将其他文字也图形化。

有的矢量图形可以从素材网站上下载。

最后这样就完成了,我们可以看到,整体画面文字的所占的比例很低,所有视觉的语言都用图形图表代替了,让画面更丰富,有趣。

这节课到这里就结束了,我们讲了图表的发展、图表应用领域,图表的分类,图表的表现形式,以及图表的制作方法,图表是可以让我们跨越语言的障碍,进行沟通的桥梁,甚至是跨越行业的语言符号,大家应用时要根据文案信息,选择适合的图表形式。

欢迎关注研习社的微信公众号:「Yanxishe2017」

优设大课堂

用一篇超全面的文章,帮你掌握「表单设计」知识点

王M争:表单是产品设计中的重要组成部分,如果说弹框的主要作用是完成信息反馈,那么表单的主要作用就是完成信息录入。任何一个表单都可以被拆解成三个最基本要素:标签(标题)、输入框和按钮。

标签是用来告诉用户这个列表项是什么;输入框是供用户完成信息录入的;按钮是供用户完成信息录入后点击进入下一个流程的。

标签

根据标签所处的位置,可以将其分为左标签、顶部标签和行内标签。

1. 左标签

左标签在目前来说是最常见的一种标签样式,但是这并不意味着我们可以无所顾虑地使用它。以手机端为例,手机端的屏幕尺寸(宽度)有限,左标签会占据屏幕较大的空间,此时右边的输入框就可能无法展示完整的信息。

例如,如果用户输入的地址过长,就会造成信息的展示不完全,这对用户体验来说是致命的。因为用户在进行下一步操作之前都会对输入的内容进行审核确认,如果连完整的内容都无法获知或者获知的难度较大,则用户根本不会进行下一步操作,这就造成了操作流程的中断。所以,我们在使用左标签的时候,一定要考虑对多行文本的展示。

2. 顶部标签

顶部标签是指位于输入框上方的标签,这样输入框就可以独占整个页面,信息可以得到更完全的展示。

与左标签相比,顶部标签可以给输入框的内容腾出足够的空间。在界面设计中,更多的空间还意味着具有更高的信息层级。同一个表单中会有很多的输入项,有些输入项的优先级很高,我们可以考虑使用顶部标签的样式来进行凸显。

但是这种布局方式也有缺点:会占据更多的纵向空间,之前一屏就可以展示的内容,现在用户需要滑动页面才可以看完。

3. 行内标签

行内标签又可以被看成是输入提示,其样式看起来很适合手机端的表单设计,因为它可以极大地节省页面空间。但是一旦用户点击切换到输入状态以后,就看不到这些标签了。如果操作提示字数很多,例如密码规范,那么用户记忆会很吃力。我们可以在调起的键盘顶部加上提示,减少用户的记忆成本。

但是,如果表单项目过多,则用户在填写的时候很容易串行,可能会出现把家庭住址填到毕业院校一栏中的情况。更严重的是,用户因为无法看到标签,这类错误是无法被检查出来的。为了解决这个问题,我们可以在行内标签前加一个图标来标识这个列表项,图标所占据的空间不会太大,而且会提高页面的美观性。

当表单项目过多时,我们要对其进行整合分组来提升内容的可读性。如下图所示,这里将 15 个字段分成 3 组。同样的内容,但给用户的印象却大不相同。

输入框

输入框的作用是供用户完成信息录入,这里我们的设计思路是如何提升信息的录入效率。我见过很多设计师偷懒,把所有的输入框都做成文本框样式,用户必须调起键盘一个字一个字地输入,这种体验是非常不友好的。如果我们想让用户录入个人信息,其中的生日和城市就应该使用日期和城市组件,而不是让用户手动输入。

即使非要让用户手动输入,我们同样可以根据不同的场景给用户提供更友好的体验。如果要输入的是数字,那么应该给用户调起数字键盘;如果要输入文本,那么应该给用户调起全键盘,避免用户手动切换键盘。

即使用户输入符号,我们也要考虑如何减少用户的操作步骤。例如,我们发现当光标位于周星星三个字右边的时候,点击「“」键,会出现左右双引号;当光标位于周星星三个字中间的时候,点击「“」键,只会出现左双引号。这是因为光标在文本右边,用户只要输入「“」,那么就必然需要「”」来结尾,这里直接提供左右双引号更合适。如果光标是文本中间,无法确定「”」需要在哪里出现,所以只展示「“」。

容错性设计

在理想状态下,用户填写完表单信息,然后点击「提交」按钮,系统显示提交成功。但是,现实情况却是用户在填写过程中经常会发生错误,那么如何将容错性原则融入表单设计中呢?

首先我们需要给予用户足够的操作提示,日期录入就是最典型的例子。不同的地区对于日期录入的格式也不一样,「02/12/2019」到底是2019年2月12日还是2019年12月2日?如果我们不提示用户,用户就不知道应该怎么输入。

为了避免用户犯错和提升用户的信息录入效率,我们可以提供自动完成录入功能,当用户在文本框里输入时,系统可以猜测可能的答案,显示可选列表,避免了用户手动输入造成的错误。

如果你确定对用户足够了解,在用户进行信息录入时,可以提供合理的默认值。因为对用户来说,填写信息永远都不是一件有趣的事情,设置合理的默认值可以节省用户的操作时间。

能让系统完成的任务,就尽量不要让用户来操作。用户会犯错,而系统不会。表单容错性设计的另一个方向就是梳理表单中的鸡肋项目。

现在很多的购票类 APP 都提供送票上门的功能,这就需要用户填写收货地址。以交通出行类 APP 飞猪、途牛和去哪儿为例,其中,上图中左侧的两张图,飞猪和途牛都需要用户填写邮政编码,而在去哪儿中则是选填的。其实根据用户填写的地址,我们已经可以获取到邮政编码,邮政编码完全可以自动回显,不需要用户手动输入。

而在小米有品 APP 中就可以根据用户填写的地址回显邮政编码,这看起来很方便。这只是看起来很方便,我们可以继续思考一下:如果系统完全可以根据用户填写的地址获取到邮政编码,那么邮政编码这一项完全可以不在界面中露出。其实很多产品在用户填写收货地址的时候已经不需要用户填写邮政编码了。

对于容错性原则,我们还要考虑如何给用户展示合理的报错提示。目前来说,我们经常看到的一个报错提示样式是对话框。在我看来,对话框并不是一个好的选择。因为用户如果要进行修改,就必须要关闭对话框,那么用户就看不到错误信息了。如果错误原因和解决方案的字数较多,那么用户就需要花一定的时间记住这些信息,然后再来修改,这会增加用户的记忆负担。如何才能设计好表单的报错提示呢?表单中的报错提示可以分为两种:单行表单报错提示和多行表单报错提示。

单行表单中意味着在当前界面中表单只有一行输入框,其一般用于手机号、银行卡号、身份证号和金额的录入。对于此类场景,建议使用输入框底部的文字报错提示样式,并且要对录入的信息进行实时校验,不要等到用户进入下一个界面才告知用户在上一个界面中手机号输错了。

给多行表单进行报错提示时,除告知传统的错误原因和解决方案外,还应该告知用户错误的位置。因为在一个界面中,有很多的输入项,用户在短时间内无法把报错提示和错误项联系起来,因此,为了提升用户对于错误场景的感知效率,对错误项进行标记是非常有必要的。具体的实现方式有改变文字颜色、输入框背景色和设置提示文案抖动。

以上图为例,这里通过改变文字颜色或输入框背景色来标记错误位置,用 Toast 告知用户错误原因和解决方法。我们也可以不改变配色,让该输入框左右抖动也能起到快速标识的作用。

按钮

表单中的提交类按钮按照位置可以分为以下三种。

其中位置 A 是最常见的布局样式,这样的布局符合用户的视觉习惯和操作流程:用户由上而下完成表单信息的填写,最后点击「提交」按钮进入下一个页面。但是这种布局有一个问题:如果表单项目过多,则用户必须滑动页面才能完成提交操作。

位置 B 跟位置 A 很相似,唯一的区别在于位置 B 是固定在页面底部的。那么位置 B 跟位置 A 的适用场景有什么不同呢?位置 B 意味着用户在不用滑到页面底部的情况下就可以点击「提交」按钮,那么在什么样的场景下用户不用滑到页面底部就可以提交呢?

其实在很多表单中,不是所有的信息都需要用户手动录入的。以前面提到的邮政编码为例,只要用户输入了地址,系统就能获取邮政编码,相关信息是可以直接回显的,用户没有看到此类信息的必要性。所以,对于一些重要性不是很高、不强制用户看完的表单项目,很适合使用这类底部悬浮按钮。最常见的就是各种协议页。

位置 C 出现的原因在于,对于前两种方案,当调起键盘时就会遮住「提交」按钮,用户必须先关闭键盘才可以点击「提交」按钮,多了一步操作。而位置 C 可以完美解决键盘遮挡的问题,但是其不符合用户的视觉习惯和操作流程。而且手机大屏化是一个不可逆的趋势,用户在单手握持手机的情况下很难直接点击到界面右上角的「提交」按钮,增加了操作难度。

其实位置 C 完全可以被忽视,因为现在很多产品已经支持在调起键盘时滑动页面,所以位置 C 最大的优势已经不复存在。这里还介绍位置 C 的原因是希望读者知道交互规则是会随着技术的发展而不断改变的,可能在这本书里提到的一些技法过一段时间就会落伍了。要成为一名优秀的设计师,必须具备持续学习的能力。

本文节选自《争论点:用户体验设计师的交互指南》第五章第二节,有删改。

欢迎关注作者的微信公众号:「王M争」

优设大课堂