因为有不少人站内跟私讯问我有关自学 在这边统一做回覆 啊因为我还是比较习惯打在Medium上 所以要更详细的连结等都在里面： https://goo.gl/r8NcY4 以下会分为UIUX跟前端技术 UI/UX学习历程与作品 我接触UIUX大约是一年多前，自己本来就擅长於视觉设计，但没想过要当饭吃，知道有 UIUX这个选项以後就开始自学，以下为学习方式与资源： 100 Days UI 我记得这好像是从一个国外的设计师开始发起的，简单来说，就是每天做一个UI，持续 100天不同的题目。这实在要很有意志力，我大概到20几天之後就懒了XD那时候刚好录取 实习就没有再继续。在进行100 Days UI的同时，也可以参考看看别人是怎麽做的，从临 摹开始，同时去思考为什麽要这麽做。练习这个的缺点是通常只有单页面或功能，所以不 能算是一份完整的UIUX练习。下面这个连结集合了很多100 days ui的作品，题目也可以 依照这里面走： http://collectui.com/ 彼得潘的ios课程 两个学期以前，彼得潘来台大开ios开发的课程，所以我也会很简单的ios app开发，在这 个课程当中真的收获良多，也是我立志要学好UIUX的转捩点，录取UI实习的作品集也是从 这个课堂而来： https://goo.gl/vfiHfG 这边的学习方式就是真的去规划一个app，从user story、wireframe到prototype都做出 来，是最好的练习方式，也顺便完成了一个大型的作品集。 uxabc 实体课与网路资源 这是在业界非常有名的Taylor开的实体课，在报名课程之前就已经从官方Medium学到了很 多UI必须注意的小细节。 报名实体课真的是我人生做过最好的决定（太夸张），这个课也是我录取实习以後，发现 仍有不足才去报名的，说真心话不便宜，还好有学生价打折扣，但上课品质绝对不打折， 一个月的时间打破我之前所有观念，接着一步一步重新建构起来，上完这个课绝对有信心 跟别人说我的专长是UIUX。下面这个是我在这四个礼拜的课程中所做的作品（这篇文怎麽 好像变成叶佩文了）。 https://goo.gl/tLKAPw 其他学习资源 Dribbble：每天看培养美感与跟上设计潮流。 Medium：追踪跟UI有关的议题更新资讯，有蛮多专业的部落格，最重要的是不要怕看英文 文章。 ios design guideline：Apple官方出的设计规范，绝对要看得滚瓜烂熟，一样不要怕看 英文。 Material Design guideline：Material Design的官方设计规范，一样要看得滚瓜烂熟， 但弹性比ios大。 最重要的是，当进到一个网站，或着新下载App，仔细研究一下流程规划、设计，同时思 考为什麽这样做，怎样做会更好，学习评论。初学者还是建议从临摹开始，久而久之记得 要培养自己的风格。 Web Front-end前端技术学习历程与作品 会踏入1 0的世界我自己也料想不到，刚开始只是看到对UI设计师的要求多有html/css这 项，才去碰了一点，後来因为自己专案需求开始研究网页程式的各种技术，像是git、 sass、pug、gulp、bootstrap、vue、react、node、express等等。以下我会将学习资源 以技术作为分类。 html/css/jQuery 严格说起来我是从Hahow上的这堂课开始对html与css产生理解，但我现在回过头来看，我 认为这堂课的定位比较像是「网页设计师」而非「前端工程师」。网页设计师介於设计师 与工程师之间，可以是两者沟通的桥梁，也有UI设计师跨足做到网页设计这块，职责大概 是将UI设计师输出的设计稿转换成程式码，并用jQuery插件做一些简单的动效。 这部分的练习，最简单就是用google chrom的开发人员工具去看不同网页的程式码大概是 怎麽做的，我也有去dribbble、behance拿别人的设计稿来做做看。其实这部分熟悉的话 已经有蛮多工作可以找的，去104查询网页设计师的要求就是这三个。 Bootstrap/Sass/Gulp 将这三个放在一起是蛮突兀的，但我真的是这三个套在一起学。会用到bootstrap是因为 自己在进行专案当中，手刻UI实在是太慢了，索性买了六角学院的这堂课（超推）。基本 上这堂课看完就能对bootstrap有很全面的理解，透过自己的练习与运用可以蛮快上手的 。而若要更改、客制bootstrap样式，则要对sass有一定的理解（因为bootstrap 4是由 sass开发），而浏览器其实无法读取sass档案，就要用Gulp自动打包、转换成css。 Git/Github 老实说我对git还没有到完全能够驾驭，一开始我是用s这个视图化软体操作git（设计师 一定要看到东西的天性），简单的commit、push、pull、checkout是ok，但在什麽时候开 新分枝跟如何完美的Merge起来则还在摸索，最近也正在尝试用command line操作git。 Vue.js/firebase 熟悉Vue可以说是我人生的高峰，会选择Vue是因为六角学院的老师推荐，而且官方文件也 算很好读，加上近两年火红起来觉得会是未来的趋势，也因此免费的教学影片蛮多的，其 中我大推这位国外Youtuber： https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists 他讲的非常清楚（除了他的英国腔），而且一段影片不会很长，一天看个五六段一个礼拜 内就能看完。看完的话能够对Vue有完整的认识，也能学会操作router跟连接firebase。 剩下的我就是在专案中边做边学，翻了很多文件跟github，目前是能够独立做完一个简单 的web app。 其他学习资源 codecademy：拿来熟悉程式码，其中基本Javascript蛮有用的。 github：这应该不用提了，多多观摩别人的程式。 培养自行查资料、判断资料的能力（重要！）：前端的技术日新月异，不会有人从头到尾 教会你，记得估狗是你的好朋友。 目前规划 node.js/express.js：没有点後端资料库概念在资料操作上不能得心应手。 react.js：facebook开发的react仍是前端框架最大家，学习生态完整，且能够衔接上 react native。 ios swift：实习可能会使用到的。 这一年来真的做了很多事情，也成长了很多。去年应徵UI实习时履历丢了一大堆只有三家 回覆我，今年应徵更难的工程师却每个都录取，算是给自己的一个肯定。但我知道这条路 还很漫长，技术不断在更新，工程师绝对没有停止学习的一天。最後希望这点资讯能帮助 大家。（我已经很努力回想过去这一两年到底做了些什麽，如果临时想到有缺少的部分会 上来更新。） --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 110.26.129.138 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1521043347.A.71B.html