整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
末，想寫一篇文章關于樓主這幾年的北漂職場經歷，只想給各位糾結于是否應該去北上廣，是否應該轉行設計師，怎么轉行等等問題的伙伴們一些參考，因為這些樓主都經歷過（因為后臺問樓主的人實在太多，寫出來統一回答大家）。當然，北漂所經歷的找工作、職業技能提升、人脈重新積累、租房、被催婚等等問題，樓主都經歷過或者說正在經歷著。
起因
2014年夏天，當樓主在武漢想從一個平面設計師轉行為UI設計師，提高自己的職場競爭力，跑遍整個武昌區，卻發現沒有一個靠譜合適，并且愿意接納新人的地方。也許是當時樓主段位低，也許是武漢互聯網氛圍不夠濃，不管怎樣，樓主在某招聘網站投出的200多封簡歷都以幫助樓主認清武漢市場的結果而告終。
正好一位在北京讀研的大學同學來到武漢，他給樓主提一個建議，不如去北京試試。這一建議，讓樓主靈光一閃，不如去試試吧，還這么年輕，說不定開開眼界也是一件好事。當跟父母商議這件事之后，他們只說了句“那你就去唄”。后來樓主才知道，他們的用意是想讓樓主去趟北京吃些苦之后，然后安心回武漢嫁人生子，沒想到樓主這一去就呆在帝都短時間內不想回去了。
曲折而又幸運的工作經歷——第一份工作由平面設計轉向UI設計師
分析優劣勢
去北京前兩個月，樓主就開始想去了之后應該怎樣轉行？經過在武漢的一些面試，發現企業需要的是實實在在有工作經驗的UI設計師。于是樓主開始分析自己的優勢與劣勢，揚長補短。樓主的優勢是在武漢有著兩年的平面設計經驗，美術功底還是有的；二是樓主是工業設計專業畢業，這個專業轉UI設計還是不難的，因為有著產品設計的思維。
關于劣勢，就是，沒有工作經驗！于是樓主翻開各大招聘網站，仔細研究招聘要求，總結出幾點要求：界面設計工作經驗（移動端以及web端）、會畫圖標、良好的審美、注重用戶體驗、會合作（當時想到的就只有這些，當然找工作光有這些也是不夠的，隨著樓主經驗的積累，再一點點更新）。
2.準備工作
經過分析之后，感覺前兩者是樓主的硬傷，便在武漢最熱的兩個月，關在家每天開始臨摹圖標，和移動端界面，在網上搜索一些教程，自己學著設計網站，HTML、div+css語言，每天其實都處于一種很忙碌的狀態，只為兩個月后上戰場。還有一件事，就是樓主也在網上接一些小的UI設計的私活，一是為了有實戰經驗，二是為了準備好去北京的盤纏和前幾個月的花銷。附上幾張樓主當時臨摹的圖標，還是比較粗糙的。
3.去北京
八月底，夏天已經沒有那么咄咄逼人了，樓主想現在北京也應該不熱了，是時候去到處跑了。于是提前一個禮拜在招聘網站上投出簡歷，附上樓主這兩年的平面設計的作品集和這兩個月接到的幾個項目的實戰方案，臨摹的幾十個圖標等等，分類清楚，然后一起打包發給各個公司。
當然樓主也會量力而行，就是簡歷投向的是UI設計和平面設計都需要做的崗位，公司正在發展中或者初創時期的，這樣感覺概率比較大。工作地點也不挑，但偏向更市區一點的地點，太偏僻信息交流更新都沒有城區集中，對個人成長發展不利。這些信息都可以在網上查找出來。就這樣大概接到了幾個面試通知，于是約定好下周去面試。
樓主選擇了禮拜五去北京，臥鋪直達（別問樓主為什么不選擇高鐵...），第二天上午到。大學同學來接我，送我到表姐家落腳，地點是亦莊（帝都的朋友們都知道是南六環）。選擇禮拜五去，是樓主還有兩天的時間去處理一些雜事，比如辦理公交卡，熟悉附近的公交線路，調整簡歷，準備面試問題等等，時間不多，但足夠了。
4.開始面試
禮拜一開始面試，現在已經記不清第一家具體是哪家公司了（因為當時面試太多）。只記得那天跑了兩家，上午一家在健德門，下午一家在劉家窯。早上坐兩個小時的地鐵去面試，中午吃個三明治，然后奔向另一家。一天下來，在路上的時間花費五六個小時，下午五點回到亦莊。總結今天自己的問題出在哪，完善簡歷，繼續UI基本功的練習，然后繼續投簡歷。
接下來的四天基本上一天都會面試個2~3家，職位從UI運營設計師、游戲UI設計師、APP UI設計師、網頁UI設計師等等一路了解面試下來，其中自己也了解了一些工作的內容傾向。因為樓主有個習慣，就是每次面試之前就會將面試的公司的網站都查一遍。如果官網信息做的特別清晰的，說明這家企業比較正規，樓主了解職位信息也越多，樓主準備也能越充分。
5.拿到offer
就這樣，面試持續了半個月，接到了3~4個等通知的狀態，最后收到兩家的offer，樓主比較之后，選擇了一家在五道口的創業型公司，設計師就樓主一人，負責公司所有的平面+UI，暫時就叫它L吧。其中表姐也給了我不少建議，主要是對北京整體情況的介紹，以及對某些公司的運營情況的分析。
面試結束之后，樓主統計了一下簡歷投遞情況和面試公司的具體數。簡歷投遞了有600多封，面試也有快30家。也許伙伴們會又開始噴樓主，這樣的數量才面試上一個，可樓主能說的是，樓主當時水平恐怕真的只有這樣吧，讓伙伴們失望了。從一個武漢小康之家的富養大小姐，到帝都的草根女屌絲，樓主已經很拼了！比樓主吃過更多苦的人大有所在，現在想來也確實沒什么。
但樓主清楚地記得當時拿到offer，開心地在回亦莊路上哭出來的場面，這第一步，樓主算是邁過去了。
面試心得：每個企業在招人這一塊都花費了大量的精力的，企業也想找到自己所需要的人才！作為新人，首先能收到面試通知，已經需要感謝企業能給自己這樣一個去讓企業了解自己，以及自己了解行業的機會。接著，做好自己該做的事，給企業充分的尊重，多去想想對方需要什么樣的人才，這些包括職業技能（能干活）、溝通能力（省心省事）、人品考察（靠譜，值得信任）。最后，雙方沒有達成合作意識，不需要否定自己，可能只是雙方發展程度不一致，導致暫時匹配程度不高，雙方需求不一致的原因。心態上，要冷靜分析，然后面對情況，缺哪補哪。
6.總結
打仗就要有打仗的陣勢，從糧草準備，到攻略，再到實施，根據反饋調整戰略，這一步步都是自己成長的契機。
可以看到樓主并不是什么設計天才，所有做的這些都只是因生活所迫，讓自己變得更好。這一點，也讓后來的樓主在學習一顆憐憫之心。
今天先寫到這里，接下里的一篇樓主將更新，在國內創業型公司L，樓主怎樣從平面設計師到全能設計師的前半年經歷，以及樓主第一次在帝都的搬家~踏出第一步就意味著勝利了一半，帝都后來對樓主的磨礪讓樓主成長更多~周末愉快~
Sophia的tips：
試試看各種挑戰，會發現自己比想象中更加優秀~
管你是工人階層還是服務行業，是否想過轉行IT，轉行IT后肯定會選擇一門編程語言進行深入學習，很多轉行的人基礎都不是太好，不是科班出身，甚至有的是專科乃至中專，前端的HTML和CSS相對其他的編程語言來說比較簡單，是相對哦，不是絕對的簡單
為什么前端相對要簡單呢
？首先前端是由HTML和CSS組成，當然還有JavaScript。HTML和CSS在寫的過程中你可以立馬看到效果，比如你寫一個div，定義一個寬和高，
在給一個背景顏色是吧，打開瀏覽器立馬就能看到是什么樣的，我們都知道中國人大部分都很在乎眼前的利益，如果是今天有個事情，你去做了之后立馬就能給你錢，他會馬上去做，但是你說有個事情，你得堅持做一個月，才能給你錢，這個時候他就開始猶豫了，想做不想做的樣子。
這個就是中國的人習慣。前端與這種類似，寫一個屬性，刷新下瀏覽器，圖形變了，感覺很不可思議，勾起來好奇心會繼續研究下去。但是像Java、Python等，剛開始學習都是基于控制臺的，各種語法，學起來枯燥無味，沒有耐心的人很難堅持下去，所以那些想轉行的人如果自身文化水平不高的話，當然會選擇一個相對來說簡單的去學，前端就是一個很不錯的選擇，能起到立竿見影的效果。
前端雖然入門簡單，門檻低，但是要想深入可不簡單了，在前幾年學習前端或許還可以，但是近幾年前端發展非常快，各種框架層次不窮，從瀏覽器的腳本發展到了服務器端的腳本，用NodeJS就能寫服務器，同時觸角也深入到了移動端，比如用React Native就能寫APP，小程序，H5的小游戲等等。
我自己是一名從事了多年開發的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關注我的頭條號并在后臺私信我：前端，即可免費獲取。
在之前基本上每個寫后端的人都要會點前端，不然是沒有辦法寫的，前幾年微服務還沒有出現，更沒有前后端分離的項目，項目都是傳統的單體架構模式，看到這里很多可能就有疑惑了，什么是單體架構？你可以理解為所有的東西都是寫在一個項目里邊，而微服務架構呢就是把項目里邊的模塊按服務拆分，每個模塊是單獨的一個服務。
而現在前端能接觸到的范圍也是非常的廣，所以選擇學習前端是一個很不錯的選擇，深入學習后可以自己基于Node寫一套網站，同樣也能寫后端，而且前端的發展是非常快的，縱觀歷史的長河，前端的興起才短短的幾年，就已經發展到了如今的地步。前端非常適合女生，在IT這個行業中，前端的女生能占行業的百分之四十左右，包括我之前待過的公司，前端的×××姐也有三個，是整個技術部門的寶了。
所以呢，想轉行學習前端，第一個是因為他效果顯著，就算你是剛開始寫Hell World，簡簡單單的幾個樣式都讓你感覺到不可思議，第二個就是入門門檻低，能激發你的學習興趣，不管你是中專還是大專乃至本科，都是可以學的。而且前端現在工作崗位是非常多的，大家可以去所在的城市智聯招聘上看看，就知道了.
天我們說下HTML標簽中的div、span和圖像標簽。其實div和span是上一節就要講的標簽內容，但是當時時間比較晚了，就沒有說。
<div>和<span>是沒有語義的，就是一個盒子，用來裝內容的。這和android開發中的font很像，也是一個個的盒子，將內部包起來。可以這么來寫:
<div>這是頭部</div> <span>我是內容</span> 兩個都是雙標簽。
div是division的縮寫，表示分割分區(豎著); span意為跨度、跨距(橫著)。div單獨占一行，實例如下: 理解為一個大盒子
看下HTML代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210819_六</title>
</head>
<body>
<div>我是一個div標簽，我自己獨占一行</div>
<div>我是一個div標簽，我自己獨占一行</div>
</body>
</html>
可以看到，寫了兩個<div>標簽，一個占一行
<span>一行可以放很多個標簽，理解為 小盒子，舉例如下:
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210819_六</title>
</head>
<body>
<div>我是一個div標簽，我自己獨占一行</div>
<div>我是一個div標簽，我自己獨占一行</div>
<span>我是一個span標簽</span>
<span>我是一個span標簽</span>
</body>
</html>
效果如下:
接下來說一個很重要的標簽---圖像標簽
HTML標簽中，使用<img>標簽用于定義HTML頁面中的圖像，是一個單標簽。img是image的縮寫，src是<img>標簽的必須屬性，用于指定圖像文件的路徑和文件名。屬性，指的是屬于這個圖像標簽的特性。對于圖片，需要將圖片和html文件放到一起。
代碼圖示：
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210819_六</title>
</head>
<body>
<img src="HTML5.jpeg"/><br />
<!-- <img src="HTML5.jpeg"> -->
</body>
</html>
效果如下:
如果我們再加入同樣的一行代碼，看看顯示(加上換行)
代碼如圖:
代碼內容如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210819_六</title>
</head>
<body>
<img src="HTML5.jpeg"/><br />
<img src="HTML5.jpeg">
</body>
</html>
效果如下:
可以看到<img src="xxx"> 后面不寫 / 也是可以的，<br />后面不寫斜杠也行，即使都是用單個的情況。src是source的縮寫。
接下來說下圖像標簽的其他屬性:
alt 替換文本，圖像不能顯示的文字
title 文本，提示文本，鼠標放到圖像上，顯示的文字，類似于 hover
width 像素，設置圖像的寬度(和android中的差不多)
height 像素，設置圖像的高度(和android中的差不多)
border 像素，設置圖像的邊框粗細
具體我們看下實例:
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210819_六</title>
</head>
<body>
<img src="HTML5.jpeg" />
<br />
alt替換文本，圖像顯示不出來的時候用文本代替<br />
<img src="HTML5.jpeg" alt="圖像不展示時，使用文本展示">
</body>
</html>
看下展示效果:
發現 alt后替換文本并沒有起作用，圖像還是顯示的。這是為什么呢？
其實原因很簡單，就是先判斷src后的圖像是否存在，如果存在，就展示圖像，如果不存在，就展示文本。上面語句中，圖像的地址是正確的，所以會展示圖像。可以將圖像地址進行修改。我們再試下
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210819_六</title>
</head>
<body>
<img src="HTML5.jpeg" />
<br />
alt替換文本，圖像顯示不出來的時候用文本代替<br />
<img src="HTML51.jpeg" alt="圖像不展示時，使用文本展示">
</body>
</html>
我們來看看效果，alt后的文本是否能展示
說明我們的測試是正確的。
2.title 提示文本
先看效果:
看下代碼和代碼展示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210819_六</title>
</head>
<body>
title提示文本<br />
<img src="HTML5.jpeg" title="鼠標hover上，就展示了" />
<br />
</body>
</html>
好的，今天先到這里，一會我們繼續。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
