[心得] UI/UX设计师工作满一年心得

楼主: VPatsy (Patsy)   2019-10-29 01:15:36
板上首po,一直以来默默吸收很多前辈的经验,这边野人献曝一下我的UI/UX工作小心得

有网志好读版,只差一张照片:
http://enntang.com/ui-one-year/
以下心得
转眼间,转职成接口设计已经满一年了。
在这之前,我都是担任美编、平面设计相关的工作,接触到网页设计和UI/UX领域还是头
一次,就很幸运的找到可以让我一面工作一面学习技术的公司(感谢老板)。转职的动机
,来自于对于数位生活这个时代趋势的憧憬,毕竟手机、平板人人都有,什么事情都仰赖
Google,科技产业只会越来越兴盛。
当然薪水也是考量之一,在台湾,科技业的薪水成长潜力就是比较高。
## 什么是UI/UX?
UI指的是“使用者接口”,我们生活中会透过很多种接口来操控他背后的程式,例如电视
遥控器就是一种接口;电脑或手机游戏也有接口。我则因应现任的公司的服务领域,专门
设计网页与APP的接口。
UX是指“使用者体验”,这是一个相对起来比较飘渺的词,简单来说就是配合产品使用者
的习惯,将资讯安排得适当、容易使用。
## UI/UX设计与平面设计的不同
(一)从纸张转换到萤幕
转行后我首先面对的是硬知识上的重新学习。
承载着设计作品的媒介一下子从纸张跳到萤幕。于是从计算印刷品尺寸、装订边、出血范
围,变成学习配合不同的萤幕装置,编排软件的单位也从cm、mm变成了px和pt。
也因为不用碰印刷,再也不需要调配CMYK的数值,开始适应RGB的广阔世界。RGB跟CMYK的
色域不一样,限制也变少,配色的自由度一下被解放,一开始还真有点不习惯。(有人也
因为四色黑和叠印问题烦恼过吗XD)
再者,我被从纸张有限的范围解放出来,在无限的萤幕长度中,却要开始在意:元件怎么
编排才符合使用者习惯、我的网页在桌机与在手机上是否都能正常执行等等问题。
(二)习惯与程式码为伍
因公司要求,职务上需要有网页前端知识。html和CSS是基本、Javascript则是我进公司
之后才开始学的。
RWD(响应式网页设计)也是走网页设计的必备知识,你的网页必须在桌机、平板及手机
上都能正常且顺畅地浏览。基本上现在已经没有网页不做RWD了,连政府单位也拼命的官
网推到改版的列车上。
计算机(电脑)被发明也不过百余年,程式语言的进展却日新月异。只要开始碰程式,就
会深深觉得自己怎么学都不够。你可能一觉起来,吃饭用的工具就突然被淘汰了。(望向
flash...)所以在这份工作中我养成时刻补充知识的习惯。其实各行各业的人都需要充实
自己啦,只是在科技业这个压力特别大。
但因为我的职务不是真正的前端设计师,所以vue.js那些高端技术,目前还不会...自己
独立切版倒是没问题的。
(三)与工程师们沟通与合作
工程师,软件开发公司的核心成员,是界面设计师要合作的对象。我们从接到产品需求、
讨论流程、UI画面设计、最后到定稿切图,中间会进行多次讨论,以确保双方对产品的认
知有在同一个频道上。
“隔行如隔山”的感叹我从来没有像现在这么重,工程师的专业知识和能力对我来说真的
是另一个境界。
因为专业的迥异,有时在某些点的看法上会大相径庭。虽然说尊重你的同事是不二法门,
讨论时站在对方的立场也是老生常谈。不过,我觉得再多的同理心,都不如尝试着去了解
对方的工作内容。不要说一定要跟他们一样写后台程式码,多聊聊他们的工作流程或没事
科普一下程式概念,可以离他们的思考逻辑更近一些。
(四)不再是美美的就好
做平面设计时,最重要的是端出美观又有底蕴的作品,首要目标是吸引眼球;但做接口设
计,首先关注的是产品的“易用性”,也就是操作起来到底好不好用?流程是否顺畅?当
考虑不够周全时,你的接口可能导致使用者点进一个无法回到上一页的地方,或是因为找
不到想要的功能而生气。
且不论功能流程的部分,如果在一开始设计画面的时候,对程式逻辑不熟,很有可能画出
一个根本实行不出来、只能摆着好看的东西。
成为UI/UX设计师后,斟酌于如何做出“美”的东西的时间大幅减少,取而代之的是大量
思考、研拟操作流程,以及跟伙伴的讨论/争执(不只工程师,跟同部门设计师也是)。
这一点,对我来说是跟以往最不一样的地方。
## 小结
我在UI/UX领域目前还是超超初心者,踏进这一行后,无论是技术上还是心态上都有巨大
转变。虽然以前的美感经验帮助我找到这份工作,但要做得称职、有成就感,我认为以下
几点是必要的:
- 保持学习的习惯,技术永远有进步的空间
- 适时放下对美的坚持,好看之前首先要好用
- 依赖你的伙伴,这一行不太可能单打独斗
建立这些概念对我帮助很大,虽然要维持它们需要毅力XDD
也给对转职UI/UX工作有兴趣的朋友们参考囉。
作者: hiweeiii (魏哈哈)   2019-10-29 01:40:00
推 谢谢分享~想请问薪资XD
作者: wang0920 (熊大爷)   2019-10-29 08:17:00
ux跟ui其实不太一样,ux更复杂,要去了解使用者习性跟喜好还有跟pm之间的沟通,我刚好是反过来做了8年ux/ui,现在反而从事纯平面,现在觉得很轻松,加油啊!不过相对薪资平面是少了1万多,ui/ux薪资还是高点。
作者: is1128 (想不出来)   2019-10-29 09:11:00
(举手)要做UI/UX设计师要会绘图吗?曾经听过一个朋友说 UX/UI 设计师其实不需要会画图逻辑概念要好+还不错的美感才是重点,会不会画图在其次
作者: a880081 (Chi)   2019-10-29 10:22:00
作者: sleepwu ( )   2019-10-29 10:45:00
不用看数据吗? 不做A/B test吗?
作者: hsiaochung (sunshine的面包)   2019-10-29 11:21:00
感谢分享 之前也是做网站相关有点想再回到相同领域工作
作者: ellaconan (Jing)   2019-10-29 12:56:00
感谢分享 愿意教的公司真的很好耶
作者: yokyo95 (欧嗨)   2019-10-29 15:21:00
谢谢分享!但有心朝这个方面转职的行销人不知道该如何切入...有点苦恼
作者: waterrrrr (waterrrrr)   2019-10-29 16:24:00
谢谢分享!
作者: funmix (小光)   2019-10-29 16:42:00
想请教薪资 谢谢!
作者: LuMya   2019-10-29 17:58:00
年资大概多久月薪才有机会破50k?
作者: holameng (I need a big hug)   2019-10-29 19:07:00
谢谢分享,之前也对这个很好奇
作者: wang0920 (熊大爷)   2019-10-29 21:36:00
回楼上:其实要求美感的是视觉设计,例如网页视觉,会简易切板跟前端工程师合作,有些公司视觉设计跟ui,ux设计是分开不同部门不同人设计,因为性质是不一样,企划比较偏向ux设计规划,但是视觉设计去做ui设计的非常容易上手,只要有动线与接口设计就很好上手,企划会给ux方向然后用ui去改善接口薪资如果还会刻code大概50k以上是可以到,如果是视觉大约45k
作者: sleepyyyy (爱睡觉)   2019-10-29 22:01:00
请问没有相关经验的人一开始要怎么入门
作者: ychiii (岐)   2019-10-29 23:27:00
谢谢分享!也蛮好奇这个领域~想请问您在转职过程有没有比较难克服的障碍或是不适应/不喜欢的部分呢?
作者: waterrrrr (waterrrrr)   2019-10-30 00:09:00
可以许愿一篇如何转职或是使用工具吗 ♀
作者: chiick (鸡暴北)   2019-10-30 00:29:00
好棒q_q我也蛮想接触这方面的美术知识 但是是游戏接口方面而且游戏业的ui/ux薪资很漂亮 可以考虑看看很多认识的ui美术都是5.6字头
作者: kogreece (Kenji Black)   2019-10-30 00:43:00
写的不错用心,推
作者: em1234 (em)   2019-10-30 01:00:00
感谢分享 真的很好奇大家怎么培养UI UX的美感的?
作者: yunzl1225 (日匀)   2019-10-30 01:29:00
谢谢分享!
作者: Jeniberg (与世界接轨)   2019-10-30 20:51:00
作者: SeasoningP   2019-10-31 02:43:00
最近刚入行UI,想请问如何开始学写程式,需要做到怎样的地步跟前端配合呢?谢谢
作者: wang0920 (熊大爷)   2019-10-31 10:33:00
做ui麻烦请多去了解“Material Design”的规则,还有ios的“Human Interface Guidelines”这样你跟工程师一起作业才不会被嫌到臭头。
作者: lovefeel (不想说)   2019-11-01 01:00:00
谢谢分享
作者: wuchiou (wuchiou)   2019-11-02 11:56:00
谢谢分享
作者: sailormona (Monsta)   2019-11-05 21:51:00
想补充一下 网页跟App跟游戏的UI/UX设计还是差蛮多的选一条自己有热情的路走吧
作者: kangan987 (Jon.Snow)   2019-11-14 13:50:00
Javascript 才是核心,HTML跟CSS懂了之后套框架去改就好至于Jquery是Javascript的简写而已。

Links booklink

Contact Us: admin [ a t ] ucptt.com