带你从头开始认识UI设计师

   一、UI 设计在设计什么?

  UI 到底是啥?

  先一句话概述:UI 是架接机器与人沟通的桥梁。

  UI 的中文名是用户界面(User interface),而我们现在使用的大多数设备界面都是图形用户界面,即 GUI(Graphical user interface)。我们通过这些可视化的图形界面来理解计算机,进行工作。

  但是最初的界面可不这么友好,那时的界面还是命令行界面,CLI(Command line interface)。计算机只是被政府或大型机构使用,在普通人眼中是完全不能理解的存在。


  (命令行界面,Bourne shell interaction on Version 7 Unix)

  而乔布斯一直渴望计算机能进入寻常百姓家。在 1979 年,他「命运般」地参观了施乐公司,然后做了一回搬运工……使得图形界面被应用在 Macintosh 上,还引入了鼠标。苹果电脑大肆宣传其创新的交互界面,Macintosh 的诞生开启了一个新的时代。而那时的界面设计也奠定了现在的计算机界面。你可以发现很多设计,过了几十年依旧被保留了下来。


  (1984 年面世的 Mac OS System 1.0)

  UI 设计师的首要任务,就是设计一个个图形界面,确保人们能够清晰、高效地使用软件。

  另外,还有个近些年比较新的交互界面:自然用户界面,NUI(Natural user interface),感兴趣的朋友可以自己搜索了解更多。

  关于平台

  现在有这么多的系统,PC 端的、移动端的,还有 Web ,我到底该做哪一块的设计呢?

  就现在趋势而言,移动端的 UI 设计无疑是最热门的。但我不会这么建议你,我更建议你选择自己最感兴趣的平台。首先是因为,自己的爱好所在才能令你快乐地做设计,才会爱上自己的工作,才会充满热情创造更多。

  然后你会学到很多,你会渐渐发现视觉设计和平台差异的问题并非最难的,更重要的是通过设计解决用户的问题,发挥软件的效用。你会渐渐地理解用户体验,考虑商业需求,了解技术难点,并从整个服务全局开始思考问题。

  到那时,对你来说平台真的不是问题。

  交互设计

  UI 设计师也应该学习交互设计方面的知识,或者直白地说就是一定要了解产品结构和交互逻辑。因为只有这样才能做出合理的界面设计。

  交互设计师可不是简单的画线框仔。他们的产处物有竞品分析文档、用户反馈文档、流程图、设计草图、设计原型等等,工作内容可丰富着。

  在实际工作中,我非常推荐 UI 设计师在产品设计前期就加入讨论。这样能减少交互设计师或产品经理和 UI 设计师交接的沟通成本和理解误差,以保证软件界面和项目组成员的预期相符。

  反之,如果在项目前期,设计师没有任何参与,而是接到需求后才开始工作,那就很难摆脱「以需求文档为设计依据」的尴尬局面了。并且通常这样的流程会导致不停的沟通与改图……

  所以 UI 设计师也应该善于沟通,理解人机交互,不为需求文档设计。

  二、成为「T 型」设计师

  多方位了解,一方面专精

  我非常鼓励大家学习多方面的知识,而不是视觉就只盯着视觉,交互就只盯着交互。可以在跨学科的学习中慢慢树立自己的专业方向,然后目标成为「T 型」设计师,拥有知识面的广度和专业知识的深度。

  我之前看到设计师 Andrei Herasimchuk 访谈的一段话 [1],直击我心。我本想多表述什么,但还是算了。仅将那段话摘录如下:

  在你人生的某一个阶段,你会发现你有了擅长的地方,那些地方你不用花太多功夫就能够做得不错。有些人就擅长画画,有些人擅长数学。在工作上也是一样的,你需要去发现你擅长做什么。

  但是,请记住,你不需要花费太多精力做这些,因为你很擅长这些。你应该努力花精力时间在你不那么擅长的事情上。

  这是我的建议:花时间在不擅长的东西上。而且现在跨学科的东西越来越多,于是你很需要知道哪部分你是擅长的,然后强迫自己去练习不擅长的部分。哪怕仅是平面设计,有字体的部分、色彩理论的部分、空间和排版、情感联系的部分;而软件交互设计,有交互的部分、行为的部分、用户研究、编程的部分等等。任何一种设计都有各种各样需要学习的内容,这也是为什么设计学习是一生的过程。所以,需要对自己诚实:OK,这部分已经做得不错了,我会继续练习,但是我会把精力减少很多,用来做其他那些做得不那么好的事。不要成为一个只有一个维度的人。

  「T 型」UI 设计师

  最后献上干货,我自己梳理了成为「T 型」UI 设计师可能需要的知识点,希望能帮助入门或困惑中的朋友。


  (UI 设计知识库,红字表示作为 UI 设计师第一阶段必须该具备的知识)

  当然,图中所举知识点并不是所有都一定要精通,可能也还会有遗漏的点。关键在于确定自己的职业方向,然后不断拓展自己的知识。

时间: 2025-01-19 17:51:22

带你从头开始认识UI设计师的相关文章

全方位梳理:如何成为一个移动端UI设计师

  移动端的UI设计有其独有的一套设计规则和约束.新技术的不断加入促进了移动平台的快速增长,而移动端的UI设计也和传统的平面海报/网页设计不太一样.那么,要成为一个合格的移动端UI设计师需要掌握什么样的技能,经历怎样的涅磐才行呢? Part 1 挑战和制约 每个媒体都有它的局限所在.即使是在移动端这个充满机会.自由和创意的平台上也有着许多亟待解决的问题,和无法回避的局限性. 碎片化的移动端 时至今日,市面上流通的智能机已经多不胜数了,不同的智能终端不仅仅尺寸不尽相同,而且因为分辨率的差异使得屏幕

UI设计师容易忽略的四个现实

  我遇到非常多这样子的设计师,他们从不考虑「这样设计稿交出去,工程师做不做得出来」的问题,也不愿意去了解什么叫「限制」和「规则」.如果你也想从画图标的变成UI设计师,这篇干货千万要收藏. 「这样做比较漂亮啊!」 「这样做比较美啊!」 「使用者喜欢这样子啊!」 (设计师指 UI 设计师,我懒得打这么多字.) 可行性 轮胎为什么不可以做成三角型?三角型比较帅啊! 想了解 UI/UX,就一定要了解这张图,这是 Jesse James Garrett 在 2000 年发表的用户经验元素一书中所提出:使

工作五年以上的UI设计师都在干什么?

  @EDC尤原庆 (华为首席设计师) 用户体验设计是一个相对新的行业,好处是行业新.发展快.年轻人机会多,坏处是职业发展道路不会足够有迹可循,有时需要自己去思考,去找路. 设计这行,做得越久,发现厉害的人越多,需要学习的地方越多,自己懂得太少,所以默默努力就好,哈哈哈哈 设计发展路线很多,各有精彩,我的简单发展路线是: 基本技能:学校上课.项目经验.实习. 找到兴趣:实习,去不同的地方实习. 正式职业:第一份工作,从菜鸟到初级设计师,配合团队做设计项目. 职业晋升:从初级设计师到高级设计师,主

UI设计师有哪些应该会写的文件?

  身为 UI 设计师,工作内容不是只有做 PSD 和切图,只会这两样的叫美工.基本一位合格的UI设计师必须要具备撰写文件的能力,文件最低限度需包含:企划书.规格书.Wireframe.Mockup.切图.标示文件.UI Kit.UI Pattern.Guideline >>> 小学时的作文「我的志愿」想当作家,当作家好啊不用出门就有钱赚,看这思想多单纯多懒惰-结果现在变成设计师,只能把写作当兴趣了. 设计师在工作流程上会需要产出各种文件,请当成存证信函在写,反正文件基本功能就是存证和沟

UI设计师老程的创业囧途

  08年毕业的老程,从UI设计师转型为移动游戏的创业者,在这个起伏不定的过程中,作为设计出身的他,有很多心底话想跟同学们聊聊 >>> 程弢,2008年南理工大学结业. 同年10月份加入福建网龙负责91手机助手.熊猫看书等产品的UI设计. 2010年的年初离职,前往杭州创业,开了一家UI设计公司,曾深度参与过腾讯手机管家PC版的第一版设计. 2011年因为受不了移动互联网的大潮的诱惑,转型做研发,因缺乏经验以及自己的不成熟,在烧完天使投资的钱后拒绝新的投资,2012年年底公司散伙. 20

从车间工厂妹子到华为中级UI设计师的自学之路

  本人94年的妹子,家里穷,没上高中,上了个中专,学了专业是服装设计与工艺,学历这么低,知识浅薄,出来工作后也就是在工厂里做车间工人,当初剪线头流水线做衣服等等都做过. 工厂很累的,时间长又辛苦,而且大部分都是大妈,日复一日,没有出路,看不到未来 那时我才17岁(2011年),骨子里还是不甘的,然后做了一年多的工厂流水线,毅然的辞职了. 离职后,我什么都不会,我爸让我回家种地,对于一个女孩子,种地太苦了,而且更没有出路,我拒绝了. 后来我爸通过关系找了我表嫂,让我去她开的美容店里去做美容,我不

成功的UI设计案例分享:移动UI设计师参考

文章描述:15个优秀的移动UI设计 激发你的创作灵感. 俗话说,熟能生巧,UI设计师快速提高设计创作能力的最佳办法就是不断地练习,但我们不提倡闭门造车.要有丰富的创作想象力,要多看前人的设计,获得创作灵感并在别人的基础上创新.最重要的是,借鉴优秀设计师的作品可以减少很多时间,少走很多弯路. 来自美国TNW的设计编辑Harrison Weber 为我们带来了15大优秀的移动UI设计,或许可以激发很多设计师的创作灵感.但是有必要提一下的是,UI设计和实际的用户体验是两码事,不过下面要介绍的这些UI都

页面构建工程师:理解UI设计师的意图还原设计稿

文章描述:页面构建工程师:对设计图的审稿能力很重要. 作为专业的页面构建工程师,除了在专业技能上有很高的要求以外,还需要具有一定的对设计图的审稿能力.审图,并非是意味着追求跟PSD一模一样,甚至耗费大量时间截屏跟PSD去"对像素".在我的理解中,审图是通过对UI设计稿的分析,充分理解UI设计师的意图,再结合UE的交互状态,从中做到真正的"还原设计稿". 事例一:有取有舍,方是领悟 比如,在这样一张设计稿中 设计师的意图: 这个话题列表的行高19px,每个单条话题下面

UI设计师平时应该具备怎样的好习惯?

  图层整理.作品整理.个人主页.审美提升-- 等等,以上说的这些习惯,都是魅族设计师高山垚自己在平时工作中特别注重的,同时小编认为也是一个合格的UI设计师应该具备的基础素质,如果你刚入行,或者交接工作时经常被同事翻白眼,建议阅读. 1. 图层整理的习惯 个人认为是这是作为一个UI设计从业者最最最重要的好习惯,没有之一. 我先晒下一些常见的同事的图层,请看到的同事注意尽量对号入座,我就是说的你(╯‵□′)╯︵┻━┻ 呵呵,交接的时候发来这种东西--交接你妹啊(╯‵□′)╯︵┻━┻ 光整理别人的图