恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何自学UI设计
0.0°
2017-06-13 自译外文 经验/观点 原作者: Lin Simon 举报 1303 1 4 0

和大家聊聊如何自学UI设计,以及该如何跨出第一步(以下为个人经验,仅供参考)



我先假设各位都是想要转行或是刚毕业的人,想要进入UI设计的领域但可能还不知其所以,所以我们可以先了解一下UI设计师的职责范畴,最简单来说就是:产出完整的介面设计稿然后交给工程师做开发。



UI设计师不会是最后把产品变出来的那个人,我们只能确保产品的样子不会歪歪斜斜、有正确的页面流程、不会让user找不到那颗最重要的按钮。



当然实际工作内容依据产业或公司属性的不同而有所变化,有些UI设计师只要专注在视觉呈现,有些必须负责前期的流程规划到视觉稿甚至互动原型,这和资源或团队都有关系,所以我们就以UI设计师最需要的基本能力开始讲起。



你有可能是以下三种类型的人:

1.完全没接触过设计

2.碰过一点设计或是在相关产业和设计师一起工作过

3.设计相关背景


我想说的是,有没有学过设计,对于学习曲线来说可能会有一点不同,但其实影响不大(我也认识许多非设计背景的UI设计师),差别只在于对视觉上的敏锐度可能较低一点,所以要多花一点时间培养所谓的「设计眼」,观念上和工作流程都是必须重新学习的。



至于要怎么开始呢?


就像锤子科技的视觉设计总监罗子雄在TED的演讲「如何成为一名优秀的设计师」中所提到的一样,学习设计的过程不外三件事:看、做、想,这边我也借用他的观点,学UI其实也是一样的道理,所以若要达到一个入门就业的水准,需要具备什么样的条件呢?



1.基本的美感(平面设计师可跳过:P)


虽然上一篇提到介面设计更重视的是「使用体验」,但我相信大部分的人应该都会在意第一眼的视觉印象,一个不好看的介面基本上也很难在一开始引起使用者的兴趣,这边指的「不好看」是在配色的协调或是阅读性的编排上让使用者感到不适,而美感的养成需要长时间的训练,初期的的建议可以在设计平台上( Dribbble、Behance、Pinterest )看「大量」优秀设计师的作品,甚至先从模仿开始,慢慢的去拆解这些作品背后的设计逻辑,也可以参加像是DaliyUI这样的挑战磨练自己,之后有机会再写一篇分享「美感是如何练成的」。



2.理解设计规范(Guidelines)


与其说是规范,应该说是设计语言。在做UI时,根据不同平台有其适合的设计语言,例如iOS系统的人机介面指南(Human Interface Guidelines),Andriod系统有Google所发布的Material Design,做网页也要了解基本的网格系统和响应式网页等等,理解这些设计语言可以帮助我们在平台上建立一致的使用体验,也可以帮助我们在开发端的沟通上更加顺畅,所以这就像练功的基本功一样,必须熟悉了解。



3.动手实作


今天如果你要开一间咖啡厅,至少要会做咖啡吧?了解设计规范之后,再来就是动手做,一开始可以先从手边有的介面来做练习,模仿刻出一个一模一样的介面,甚至可以用一些原型(prototype)工具把你的设计稿串起来。你也需要了解各种装置及解析度设计时的差异、如何汇出档案交付工程师等等,过程中大量的爬文是少不了的,自学的过程中常常因为没人交流所以无法验证自己的流程是否正确,不过我相信这些都是可以在未来靠经验弥补的,一开始方法错了没关系(被RD骂几次就懂了XD),重要的是花时间实作练习。



4. 提高工作效率


拜科技所赐,UI设计工具越来越多,大部分的工具提供了基本的功能,但要有效率的工作就不是那么容易的事情,熟练工具的快捷键是基本功,接着是活用工具以及思考怎么优化自己的流程,UI设计常常是牵一发动全身的事情,当你设计了好几十个页面,这时突然要改一个按钮的颜色或是字体怎么办?一个一个改实在太伤神了,如果有用Sketch的朋友,请爱用Symbol和Share Style,做好元件管理非常重要,可以省下不少涂涂改改的时间。



除此之外你还可以做什么?


下载App store排行榜上的App或是你觉得好用的App,认真思考这些App的交互流程是如何编排,也可以截图下来研究,一个好的UI/UX设计其实是会让你感受不到它的存在的,你可以很快找到你需要的「内容」和「目的地」,持续的做这件事,觉得不好用的App就删掉,认真记录这些App的优缺点避免自己犯相同的错误,同时也能让自己的思路更加清晰。



当然,你也可以做一些「假专案」,把你心中的点子实际做成一组介面,有时间的话可以从架构开始思考,没时间的话直接做视觉吧,把脑海中想像的画面做出来,说不定哪天遇到一个工程师就能真正把这个点子实现了呢!如果没什么想法,Re-design也是个好选择,市场上有不少UI设计不良的App,尤其公家单位的XD,如果可以把他们Re-design变成一个好用又好看的产品,应该会满有成就感的吧?



最后,找工作前可能还是需要准备一些UI作品,这边要提醒一点的是,作品集重质不重量,不需要很多,不要放太多跟UI设计无关的东西,最好是有一两个比较完整的作品,有办法清楚阐述你的设计理念,最好表现出你对UI设计无比的热情,当你具备基本观念加上一些作品展示,相信你应该已经可以出门找UI设计相关工作了,当你正式踏入UI设计产业,需要精进的就不只是眼睛看得到的东西了,而是更关心使用者如何在你的介面中自在的游走了。

更新:2017-06-13

收藏

1人已收藏

Youareangle

你就是你,你就是不一样的烟火~~~

  • 24

    作品

  • 36

    粉丝

  • 13

    关注

  • sketch45新功能
  • sketch插件—Split Shape
  • Sketch Measure
  • sketch——重复上一个变换
相关标签
经验ui

    猜你喜欢

      2017-06-13 自译外文 经验/观点 原作者: Lin Simon 举报 1303 1 4 0

      如何自学UI设计

      0.0°

      你确定要举报如何自学UI设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年06月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录