UI 設計，也想入下前端坑，如何成為精通前端的 UI，可以找到兩者得兼的工作么？

01-07

計算機本科，2年工作經驗，目前稅後8k。目前已掌握技能：web app 界面ui設計，手繪板畫cg（簡單的扁平風），html頁面重構，jquery動效。目前在公司負責美工和頁面重構，帶2個設計（公司後台程序很強大，js,ajax寫的溜）（ps:自己是由網頁設計和開發慢慢轉的ui，自己從小也很喜歡畫畫，會用手繪板）

做為一個從事過UI一段時間之後轉前端的同學，分享一下我的個人經驗，僅供參考，不具有普遍性，畢竟時代不一樣了，這個階段對從業人員提出的要求也是不一樣的。

根據題主得到這個認識結果的導向是：你可能低估了前端工作的複雜度，高估了自己的執行力。你以為你看到的就是前端工作的全部，其實不是，隨著社會的發展，需求的增加，人們對技術的期望越來越高，前端的技術壁壘在不斷的增高，需要完成的任務或工作量越來越大，完成一個任務遇到問題排除問題所花費的時間會越來越多，而一天工作的時間是有限。所以你投入前端太多，UI方面勢必投入過少，這樣你的那種審美的能力就會下降，什麼是審美的能力，就是發現配色，布局的最終平衡點。有時候一點顏色，這種也不好那種也不好，最終發現這個色值的顏色剛好，而且發給別人看，大部分人一致認為都不錯。這就是你專業能力的體現，這是你持續關注這一件事情的最終結果。布局也是一樣，怎麼根據當下的設計趨勢來設計一款大部分人看了認為不錯的布局呢？這需要不斷的參考別人的，然後根據自己的情感體驗嘗試自己的風格，同樣是需要花時間的。而一天的工作時間是有限的。

相對於前端來說，代碼的那種編程思路也是需要積累的，如果長時間不接觸，周一一上手接觸一個問題會有一種無處下手的感覺，就是解決問題沒有思路，不知道如何讓大的問題劃分成小問題，小問題又不知道怎麼通過編程語言來實現，但等到周二周三的時候，又有一種得心應手的感覺。就是說，一個事情的高度，是看是否持續的投入一定的精力或時間。又是前端又是設計，容易時間分配不均勻，就容易得不到長時間的長足的成長。當然業界也有「一萬個小時的練習」這個說法，有空可以看看。

上面的大概概況的知識，下面分析一下內在的東東：

前端的難度或重點是js，當然不是說html,css不是重點，相對來說，js更靈活，更不容易掌握。靈活的意思是語法直接而有效，而且怎麼寫，只要語法沒問題都能生效，比如綁定事件，

&

document.getElementById("div").onclick = clickMe;

document.getElementById("div").addEventListener("click", clickMe, false);

也可以綁定起作用，但是專業性維護性明言人一眼就能看穿。就像ps的濾鏡一樣，隨便調個參數，也能出炫麗的效果，但是如何把這個效果組合起來，又需要專業知識或經驗。不容易掌握的意思是，各個瀏覽器對標準的支持不一致，所以一段代碼得到的結果可能是不同的，需要不斷的實踐積累這種解決兼容問題的經驗。當然好的消息是，以後花費這上面的時間越來越少了。

簡單說：js是一門編程語言，是有線性邏輯控制下的一門開發語言，講究科學或嚴謹。而jquery這個框架容易讓別人造成誤解的是，編程語言是自然語言的一種快捷方式，比如：我想把兄弟元素隱藏了，那直接寫就可以了。$el.siblings().hide(); 但是真正背後的語言實現不是這樣的，有興趣可以研究一下原理。jquery確實有一種魅力就是用描述型的代碼語句來解決問題，但這並不是代碼的真正實現。

UI設計，更偏向於面性思維的一項視覺性的工作，講究所見即所得，即通過設置不一樣的參數或變化前後步驟來得到不一樣的效果。

簡單說：兩種思維的方式不一樣，這樣導致兩個切換的時候沒有持續的那種思維可以繼承。js學會在去學node,php並不難。UI設計，從平面設計到網站設計再到UI設計這個切換並不難，但是要平衡兩者都想達到一個專業性的高度我認為是不可能的，把這個做為以後的職業方向是不可取的，必須有舍有得，選擇其中之一做為突破口。

聰明的人不是選擇了多少，而是放棄了多少。

上面的建議大多是站在一個時間段內職業規劃或未來的發展方向上給的建議，但是如果真要找工作，實際面臨的困難可能比較多，可選擇的機會可能也不多，為了滿足暫時的生存需要，根據自己的實際情況做決定吧。只送一句話：作品準備好，找個工作不難。以下文章僅參考：

我們前端是怎麼找到工作的
前端應聘要準備些什麼樣子的作品？
年後跳槽如何準備？

什麼也不要問、什麼也不要說，直接開始幹起來，通過量變產生質變。我在Github上面開了一個項目，計劃臨摹100個我覺得不是那麼複雜，並且比較精美容易產生成就感的網頁。上周剛剛開始；今年年底希望完成計劃。

https://github.com/idao/100projects

————

補充一下我的我答案：我剛畢業是寫PHP的，越發覺得自己編程能力太次，所以工作大半年後轉去做了產品；產品工作一年後因為跟設計師的合作不愉快自學設計、目前來說自認為熟練掌握ps和sketch，重要的是設計感覺我覺得比很多年輕的設計師都要優秀：）然後接著後面兩年時間學習origami、principle 和framerjs等交互開發，也翻譯了一些文檔和教程。html css js 實際上我在大學和工作這些年也都斷斷續續學習過，算是有點基礎積累的，但是缺乏實際項目經驗。所以才有了我這裡為自己量身定製的學習計劃；也許也未必適用於所有人。但有一點我覺得大家可以借鑒，所有臨摹的網頁都是我很刻意去挑選的，每一個都有他我認為我需要去掌握的知識點；而這些網頁的挑選我秉承一個前提：用最低的開發成本做出最有設計感的網頁。

至於前端和設計學習到什麼地步，個人覺得你沒必要真的都樣樣精通，你的優勢是去從設計師的角度理解產品和開發。個人精力是有限的，如果你真的成為前端領域的top1000，我相信10000小時的付出是少不了的；結果必然是設計會丟掉很多。

選擇自己真正感興趣和天賦的方向，其他領域的涉獵和學習是為了更好的幫助你從全局理解你的本職工作。所以…樓主所謂的精通我覺得是沒有必要也很難切實際的。加油。

謝邀。如果你需要找「精通」前端和美術的工作，只有2個，創業狗和私單狗。

越大的公司，崗位細分的越嚴重。大多數的高手都在大公司。

以你目前的薪資，無論是單做設計或前端都至少還有一倍的增長空間。

做設計挺好呀。

搜索「網頁設計與製作」；

2012年之前，html5未普及之時，很少有公司開「前端開發」這個職位，都是「網頁設計與製作」；

現在仍然有；

稅後8K的你邀請我稅前6K的。。。

不一定有說服力哦（笑

做前端太簡單了，尤其是你理解的前端

多做幾遍就好，有些問題遇到了，解決了，就成為了你的知識，比如以下問題：

1. 內容垂直居中有幾種方法？

2. border，margin和padding分別是計算在width內的還是外的？

3. margin重疊問題如何處理？

4. IE，Firefox和Chrome對display box的支持是怎樣的？

5. 如何將一張方形圖片顯示成圓形？

6. 如何添加長漸變陰影

。。。

很多東西沒遇到你是絕對不知道也絕對不需要知道的，當遇到了，再解決，也不遲。

謝邀，去創業公司吧……一人兼做多職

去創業公司，一個人干兩三個人的活兒，拿1-2個人的薪水。

但是個人建議是暫時別看錢，而是花時間精益求精，精通一行就夠了。

聞道有先後，術業有專攻。目前中國一線城市互聯網公司都是分工來工作的，大體分成三個大部門，分別是：產品部、設計吧、技術部。所以你如果想面試UI設計師必然屬於設計部的設計總監管理你。你沒必要學前端代碼，如果一定掌握JS和C語言，安卓開發，以及DIV+CSS3以及H5的話，建議你轉行專門做後台去技術部。切忌全能，除非你自己創業。

謝邀..第一次有人邀請我誒，好激動。先上圖吧

作為一名優秀的前端，一定要多學知識多看書，多實踐，把基礎打牢，然後再慢慢進階。ps.上面的圖，請忽略標題

為什麼把交互的內容給吃了？

現在對前端的定義已經不一樣了吧，畢竟現在nodeJS大行其道，前端也可以做服務端的事，不過一般還是輕量級的。

其實從技能來說，首先你要有自己的核心技能，再有輔助技能，輔助技能是手繪也好，js也罷，都不是大問題。之前遇到過一位騰訊的高P，就是自己設計，自己開發(obc)，做IOSapp的。

我之前的創業公司，自己要做產品，交互，設計和前端樣式層面的開發(web,RN,微信)，也會涉及到JS層面，但是不多。

技多不壓身，但是我現在領會到幾點，你可以參考下

1 前端技能一般在公司代碼層面用處不大，除非公司一直很小。一般有專門的人去做，因為他們有代碼風格，規範，組件，可讀性等多重考慮，會有長期的規劃。除非以前端為主職。

2 可以的話，設計組可以有自己的產品，由設計自行維護，這樣技能會有一定的空間。但是問題也在於人員如果替換，項目也可能流到技術部管理然後你懂得。

3 對自己作用更大吧，現在平台也比較多，比如你專門做小程序的開發的話(基於nodejs)就有很多可能了，可以有自己的小產品。再者也可以開教程賣錢..

我2013-2016都是做網頁設計，不過期間有自學過html+css，學的不是很精！16年4月份辭職，找工作遇到了瓶頸，只會網頁設計的待遇都不高，於是決定深入學習html+css。目前自以為是熟練了，算不上很精通，但是還沒有接觸進js，感覺js好難。現在去面試我都是說會網頁設計和hlml+css。然而，對方又要求我會js，所以我找了兩個多月的工作了，還沒找到，心塞（想要我的工資開太低，我想要的說我不會js）。現在這些是在等待面試的過程中寫的，希望能儘快找到一份喜歡的工作！

我司有個 UI-DEV 的同事，他同時做 UI 設計和維護前端組件的樣式，以保證設計圖到頁面前端可以無痛溝通。

只不過有時候他還需要做平面設計……