本文作者结合自己这一年多的工作经验,来谈一谈UI设计师在初入职场需要看见的比技法更重要的一些东西,希望给你一定的帮助。enjoy~
一年时间过去,又有一些小年轻即将冲出校园,又有一些设计师将成明日黄花。
刚毕业的前几年对于一个人的职场生涯来说是非常重要的一段时期,是奠基性的一段时期。曾经听一个很有经验的设计师说过,不仅仅在于外部环境,你对第一份工作的态度以及热情会在很大程度上影响到你今后对工作的认知,所以第一份工作是至关重要的。
以下我就结合自己这一年多的工作来谈一谈UI设计师在初入职场需要看见的比技法更重要的一些东西,借以给后人警示吧。
在这个时代中生存,我时常感觉到焦虑。每天在需求之间疲于奔命,做着差不多的工作,终日忙碌却也总是庸碌;每天都会有新的词汇出现,隔一段时间设计风向就会变上一变,每天都要拼命地学习,才能看上去不被这个时代抛弃,然后再拼命地忘记。日复一日,循环往复。
相信很多设计师遇到过或正在经历一样的困境。尤其是初入门的设计师,经验尚浅,想要学习却不知先学哪里,听说最近C4D比较火所以学个C4D,听说设计师也要懂点代码所以学点css,听说最近全栈设计师很火所以我要啥都懂…但是为什么学了这么多却感觉越学越乱?
这是一个浮躁的时代,不要被这个时代带偏。
「全栈设计师」这个名词刚出的时候,一时间万人空巷,仿佛人人都成了全栈设计师,然而我们的工作并没有发生多大的变化,只有雨后春笋一般绝地而起的新培训班;当大多数人都在绘制2.5D插画、用C4D制作出一些绚丽得撩人的海报的时候,仍然有一些人坚持在自己的风格领域磨砺。我们总是什么都想学,什么都想要知道,却最终什么都只能触到皮毛。
并不是说你不是全栈设计师你就没有了出路,作为设计师,最重要的是了解自己,要有自己的设计风格和独一无二的设计价值观,建立起自己的价值壁垒,创造不可替代性。而你的价值壁垒一定不在于风口上的一些名词,而在于手中的工作,眼中的世界,对细节的琢磨,对问题的思考领悟,对规律的归纳总结。
在工作中有些地方容易被忽略,例如对自身工作的管理能力。我一直相信的一点是对全局的把控和规划能力并不是一蹴而就的,并不是说一个设计师20岁做的是搬砖的工作,30岁就可以理所应当地做管理的工作了。有很多人即使到了那个年龄,即使经验丰富,但是在管理上面还是有很多问题,这说明他最基础的,从一开始对自身的管理就没有做好。所以我认为,如果你在十年后想要成为一个管理者的角色,在当下就应该一步一个脚印做好对自己的工作管理。
或许是因为笔者所负责的产品和团队协作有关,所以我会花许多时间去研究适合自己的工作管理以及团队协作相关的一些软件。遗憾的是对于自身的工作管理这一块还没找到特别符合我心智模型的产品,目前只是在印象笔记中列表整理,追踪的内容有:项目、负责人、每日进度、周进度、已完成的设计(需要进行复盘)。
有些设计师可能会觉得这些细碎的琐事为什么还需要专门的软件来管理,为什么还需要专门的协作应用来进行沟通。有这种想法的需要要警惕自己有可能正在成为一个不愿意学习新事物的人。
曾经我也仗着自己记忆力好,上司给的项目可以铭记于心,所有的细节都不会遗漏,但是工作久了就会发现,这个会随着你接受的信息越来越多,年岁的增长变得力不从心。我开始在小本本上记下这些,开始在记事本里记下这些,开始寻找适合进行工作管理的软件,让自己的工作更加有条理,让大脑释放出一些空间去做一些更重要的事情。
也有些设计师可能会觉得自己宁愿花更多的时间去做好设计,而不是研究这些虚的东西。但实际上增强自己的软实力能让自己更具竞争力。
就如《google工作整理术》一书中提到的:
“解决问题的办法不是更加辛苦地工作,你本来已经够辛苦了。你真正想做的是更加巧妙地工作——利用现有的工具和技术,绕开社会强加给我们的种种制约。”
自问自己长久以来也看了不少的书,遇到一些实际问题却很难用自己学过的知识去组织和表达;而且随着年岁渐长,少年时过目不忘的本领退化成了过目就忘;渐渐觉得自己每天做着差不多的工作,没有办法学到新的东西……
因为这些问题我曾经很焦虑很迷茫,但渐渐发现这一系列的问题都出自于自己没有一套学习、组织、记忆的方法,思考问题也很表层,半知半解囫囵吞枣。在了解到这一点之后突然感觉自己的世界豁然开朗了。我在想,若是我一直没有参透这一点,或许工作再久,我都没办法获得更多成长。
在发现这一点之后,我开始结合自身的情况尝试建立知识体系,并使用思维导图来进行梳理。这个知识体系一定不会是永恒不变的。需要根据行业和自身的变化进行动态调整,并且不断往其中注入新的内容。
并且我开始把自己曾经忽略的东西一点点捡起来,开始深挖工作中遇到的一些小细节,从中获益匪浅。比如说:因为应用中控件体系混乱,和交互设计师对接出现一些问题,开始研究组件控件体系和android、iOS的规范,虽然之前也有研究过,但还停留在一个比较浅的层面;因为签到web端页面缺少规范遇到的问题去开始研究ant design和element,并且仿照着出了一份签到web端的设计规范;因为要做工作汇报的文本排版而去研究了提升文本可读性相关的行高、段间距、对齐方式、颜色对比度等等要素。透彻地研究,思考,组织,将它们注入我的知识体系,最后表达,分享,最终沉淀为自己的东西。
可以去学习和思考的东西很多,任何一个小点都可以深挖,甚至是一篇文章里的一个名词。经常可以看到一些设计大v在设计网站上发的文章其实说的也是一些非常小的点,这些小点或许都是我们在设计中遇到过的问题,但他们能从这些细节中发现问题,总结出一些规律,同时还能梳理出一篇文章,讲的是鞭辟入里头头是道,而你却只能在一旁想不服却又不得不服,根源就在于你没有细心观察过,也懒于去理解、思考。
与其花时间看很多篇知乎,不如自己动手写一篇文章。与其花时间去做一份华而不实的年终总结,不如好好对手中的各个项目进行总结和归纳。日常工作中碰到的坑是比一个好看的界面要宝贵得多的财富。
记得很久前的转正评审上有个评委问过我一个问题:“为什么会想要做这份工作?”
“看到有人在用你设计出来的产品,是一件非常有成就感的事情。”这是我当初的回答。
如今,几百个日子过去,经历过焦虑、麻木这样无数杂陈的情绪后,有一天,一个在北京工作的大学室友跟我聊天时候提到:“豆丁,那个加班签到是不是你们做的,我朋友圈里有个人经常分享。”
听到这句话的一瞬间,我感觉到了一种跨越时间空间的成就感,这种感觉真的很神秘。
当时还有另一个评委问了我一个问题:“你才工作几个月,为什么ppt上面写着「设计道路艰险」,你经历了什么让你写出这句话?”
“这指的只是我内心对我自己的设计的一种要求。”这是我当初的回答。
如今,一语成谶。在工作中真的遇到各种各样挫折:因为不熟悉业务而踩的坑、因为职责范围不明晰而背的锅、因为技法所限画不出的想法、因周遭变动而产生的焦虑、被盗用的工作成果、反复修改的设计稿、不负责任的队友、职场关系、工资倒挂。而我也一直在寻找答案。
在那份转正答辩ppt的最后一页上我写了这几个字「不忘初心,方得始终」。
如今,身边有很多交互设计师从前做的是UI设计,也有UI设计师正在转岗,也有同事内心蠢蠢欲动。我想说的是,不论做的是交互、UI、甚至是产品,只要不忘记当初为之兴奋为之努力的那个初心,就不会失去不断向前的勇气。
本文由 @ janedaring 原创发布于人人都是产品经理。未经许可,禁止转载。
题图来自 Unsplash,基于 CC0 协议
平面设计基础 平面构成三大构成:点线面重复构成相同,有规律的重复近似构成形状,大小,色彩,肌理相似渐变构成色彩逐渐变化发射构成通过一点向四周扩散犹如绽放的花朵密集构成自由布局,有密有疏
UI理论 UI(User Interface[用户界面] 简称)UI具备视觉设计、交互设计、用户体验三大部分
GUI(Graphical User Interface[图形用户界面设计师]简称)GUI主要做的就是店面设计、色彩部分、文字的颜色、按钮、图标形态的设计
交互设计 三大因素:机器、人、界面人使用机器操作,界面做出反应
原型和架构设计 根据需求搭出原型图,再将架构排版好
1.1 部分常用快捷键Ctrl+N 新建 Ctrl+O 打开 Ctrl+S 保存 Ctrl+T 变换Ctrl+J 复制当前选择或者图层 Ctrl+D 取消选区 Ctrl+Shift+Alt+T 连续变换Ctrl+; 隐藏参考线 Ctrl+] 放大 Ctrl+[ 缩小1.2 工具栏
移动工具(移动选中的内容)
选框工具(框选内容)
快速选择工具(快速选中)
裁剪工具(裁剪不需要的部分)
图框工具(创建占位符图框(CC 2019新增))
吸管工具(吸取颜色)
修补工具(修补内容)
画笔工具(画家必备)
仿制图章工具(快速复制出样品)
历史记录画笔工具(画一下还原到没改变时)
橡皮檫工具(配合画笔工具会更好)
渐变工具(画出彩虹不是问题)
涂抹工具(就像用手去抹墨水一样)
减淡工具(画出高光)
钢笔工具(抠图作图必备)
横排文字工具(写些自己需要写的内容)
路径选择工具(配合钢笔工具与形状工具)
矩形工具(画出方形)
抓手工具(移动图片不会改变图片)
缩放工具(放大缩小)
默认色(快速替换成前景色为黑色,背景色为白色)
切换前景色与背景色
前景色与背景色
快速蒙版工具(快速抠图)
切换显示模式(全屏)
滤镜(快速产生不一样的效果)
添加蒙版,不改变图片的情况抹去部分内容
创建新填充或调整图层
第二章:PS进阶
使用PS钢笔工具做出的牛,一共用了五个图层
岩浆字体使用两个文字图层添加斜面浮雕,发光,阴影,图案叠加,以及火焰等粒子特效完成
使用各种工具巧妙的将化妆品融入花朵里使用蒙版给化妆品添加花瓣,再添加高光以及阴影,才能让人觉得化妆品是属于花朵的一部分
第三章:AI基础 3.1 工具栏
3.2 快捷键都是Adobe公司的产品,快捷键几乎雷同,工具栏也是差不多的
AI转曲线的快捷键 ctrl+shift+O移动工具【V】直接选取工具、组选取工具【A】钢笔、添加锚点、删除锚点、改变路径角度【P】添加锚点工具【+】删除锚点工具【-】文字、区域文字、路径文字、竖向文字、竖向区域文字、竖向路径文字【T】椭圆、多边形、星形、螺旋形【L】增加边数、倒角半径及螺旋圈数(在【L】、【M】状态下绘图)【↑】减少边数、倒角半径及螺旋圈数(在【L】、【M】状态下绘图)【↓】矩形、圆角矩形工具【M】画笔工具【B】铅笔、圆滑、抹除工具【N】旋转、转动工具【R】缩放、拉伸工具【S】镜向、倾斜工具【O】自由变形工具【E】混合、自动勾边工具【W】图表工具(七种图表)【J】渐变网点工具【U】渐变填色工具【G】颜色取样器【I】油漆桶工具【K】剪刀、餐刀工具【C】视图平移、页面、尺寸工具【H】放大镜工具【Z】默认前景色和背景色【D】切换填充和描边【X】标准屏幕模式、带有菜单栏的全屏模式、全屏模式【F】切换为颜色填充【<】切换为渐变填充【>】切换为无填充【/】临时使用抓手工具【空格】精确进行镜向、旋转等操作选择相应的工具后按【回车】复制物体在【R】、【O】、【V】等状态下按【Alt】+【拖动】文件操作 新建图形文件【Ctrl】+【N】打开已有的图像【Ctrl】+【O】关闭当前图像【Ctrl】+【W】保存当前图像【Ctrl】+【S】另存为… 【Ctrl】+【Shift】+【S】存储副本【Ctrl】+【Alt】+【S】页面设置【Ctrl】+【Shift】+【P】文档设置【Ctrl】+【Alt】+【P】打印【Ctrl】+【P】打开“预置”对话框【Ctrl】+【K】回复到上次存盘之前的状态【F12】编辑操作 还原前面的操作(步数可在预置中) 【Ctrl】+【Z】重复操作【Ctrl】+【Shift】+【Z】将选取的内容剪切放到剪贴板【Ctrl】+【X】或【F2】将选取的内容拷贝放到剪贴板【Ctrl】+【C】将剪贴板的内容粘到当前图形中【Ctrl】+【V】或【F4】将剪贴板的内容粘到最前面【Ctrl】+【F】将剪贴板的内容粘到最后面【Ctrl】+【B】删除所选对象【DEL】选取全部对象【Ctrl】+【A】取消选择【Ctrl】+【Shift】+【A】再次转换【Ctrl】+【D】发送到最前面【Ctrl】+【Shift】+【]】向前发送【Ctrl】+【]】发送到最后面【Ctrl】+【Shift】+【[】向后发送【Ctrl】+【[】群组所选物体【Ctrl】+【G】取消所选物体的群组【Ctrl】+【Shift】+【G】锁定所选的物体【Ctrl】+【2】锁定没有选择的物体【Ctrl】+【Alt】+【Shift】+【2】全部解除锁定【Ctrl】+【Alt】+【2】隐藏所选物体【Ctrl】+【3】隐藏没有选择的物体【Ctrl】+【Alt】+【Shift】+【3】显示所有已隐藏的物体【Ctrl】+【Alt】+【3】联接断开的路径【Ctrl】+【J】对齐路径点【Ctrl】+【Alt】+【J】调合两个物体【Ctrl】+【Alt】+【B】取消调合【Ctrl】+【Alt】+【Shift】+【B】调合选项选【W】后按【回车】新建一个图像遮罩【Ctrl】+【7】取消图像遮罩【Ctrl】+【Alt】+【7】联合路径【Ctrl】+【8】取消联合【Ctrl】+【Alt】+【8】图表类型选【J】后按【回车】
第四章:AI进阶
钢笔工具配合实时上色做出的阿狸案例
钢笔工具配合实时上色做出的插画案例
通过渐变色和圆形完成完成的案例
用圆通过路径查找器完成的推特Logo
第五章:版式设计
第六章:LOGO设计
个人Logo设计灵感
我的名字拼英缩写LRL+内向+性格多样+双子座图形里包含了我的拼英缩写(LRL),后来也包含了我的网名(Yolx)我本人性格内向,平常一般不喜欢说话,一般陌生人和我聊天都是聊不了几句,不过熟人还是聊的来话所以个人比较喜欢少说话多做事,效率为主性格多样,有时自己可能会因为一些情况导致性格不一样双子座,虽然不信这种玄学的东西,不过有时还是有点灵,所以也把它加入个人Logo设计的灵感第七章:官网设计
为学校官网重新设计
学校官网原本的设计,用我的话说,好像八十年代的设计,确实看不下去内容多,布局密密麻麻,如果网站面对孩子的父母或者是其他感兴趣的人或许会看一下,不过面向青少年,那绝对没看就不感兴趣了,所以我的设计把很多内容删减了,用Icon去表达内容,这样青少年更能接受
第八章:ICON设计
应用在学校官网的Icon设计
当时的Icon设计老师可看不下去,然而也只有我在设计Icon,也就是老师手把手教会了我:要让人看出来这是一套Icon风格一样,有没有圆角,是线还是面,在持续几天的作业下终于完成了这一套Icon,并把它运用到了学校上
第九章:后台网站设计
设计婚姻管理系统首页 主要色调紫色(高贵,激情)
婚姻管理员进入后台首页最先应该看到的是今日的数据所以简洁的页面是无比重要的第一板块展示今天的登记人数以及预约人数,已完成的,未通过的,需要审核的第二板块展示上年的统计数据,直观知道大致数据第三板块展示婚姻管理员今天应该完成什么任务第四板块展示今天有进行的婚姻,谁和谁结婚,在哪结婚,什么时候开始第五板块展示本月结婚与离婚的数据,可以通过简单的线了解到趋势
第十章:设计作品集
个人学习总结
正如老师所说的,虽然我们我们敲的是代码,未来是程序员,但是,多学一样技能就给自己的未来创造了不少的机会,那就比别人强了不少,也正是应了中国传统老话:技多不压身刚学UI确实好痛苦,因为之前敲的都是代码,根本没头绪,就好比如,刚踏入这个学院,初中毕业的我都是面对书本,突然要面对这么密密麻麻的代码,看到头都大了,不过只要坚持敲,不停学习,后来觉得代码也没什么难度,再回头看以前敲的代码,感觉自己确实比以前厉害了,以前很多代码实现的内容,现在几行就解决了,再转回UI,细细品味,也是如此前期的设计 在后期看来 都是非常简单 只要坚持 什么都可以学会
学习思路
第一步 快捷键使用每款软件最先应该去了解快捷键,这可以帮助自己提高工作效率,比别人快一步第二步 分析无论是UI设计还是代码,分析都显的无比重要,别人是如何做的,用什么做的,为什么这么做,分析清楚,后面就不会懵懵懂懂的第三步 实践所有的学习没有实践光靠看光靠分析那还是远远不够的,光看不做永远学不会,自己动手丰衣足食(有益大脑)第四步 总结实践过程中遇到什么难题,如何解决的,为什么这样做?第五步 创新当自己有水平了,肯定不能限制在这个水平,水往低处走,人要往上爬,自己创新,才能比别人更强
相关问答
近年来,随着互联网技术的日渐成熟,UI设计师已经成为热门岗位,越来越多的设计师开始转型UI设计。那么对于一名优秀的UI设计师来说,面对风云变幻的IT市场,需要...5...
我今天有时间来回答一下这个问题,相信在知乎也有很多知友和你一样,在考虑自学还是培训学习今天我就来给大家分析一下自学和培训学习的好处和坏处,希望对大家...
现在市面上的培训机构有很多,而且不同的机构培训的方式也可能存在一定的区别,目前大家比较常见的就是线上和线下两种类型。所以,你在选择UI设计培训机构的时候...
一般从五个方面就可以掌控,技法再多,还是需要勤奋,多练是王道。没有谁喜欢学习,学好一件事必须恒心。第一点:充分认识UI做好设计学习准备学习前,做出...这一...
一说到要学设计,绝大多数人马上能想到的选择,就是去学校或者培训机构。如果年龄相对小的话,会考虑去读中专或者大专;如果已经毕业了,想真正地学好一门工作技...
先说结论:UI可以自学,但真正自学成功的人少之又少。青妹见过不少人在自学UI设计的大道上半路失踪(放弃)。为什么会这样呢?总结有三点问题:1、缺乏耐心、...
在学习UI设计过程中,需要熟悉每一个工具的运用,遇到不懂不会的问题要及时寻求别人帮助,要时常总结,学习借鉴其他人的学习经验。你需要有耐心坚持,否则就很难...
现在2019级的大学应届毕业生即将面临毕业,很多同学可能已经找到自己心仪的工作了,开始了职场中的摸爬滚打,但肯定也有同学对于自己职场的规划,还是会有些许迷...
去培训机构学UI是有用的。作为一个没有接触过这个行业的小白来说,培训机构可以让你快速了解这个行业,少走弯路。帮助你有系统和规划的学习。自学确实可以,但...
对于UI设计来说,入门其实挺简单的,没有基础也不用担心,但是你在学之前要了解清楚UI设计是什么,才能更好的去学习,UI是什么呢?“UI”的本义是用户界面,是英...