整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
著互聯網行業不斷的深入發展，越來越多的公司需要UI設計師來幫助公司制作頁面、提高公司企業形象，同時為產品注入新的靈魂。也因此，UI設計師崗位被越來越多的人知曉，也就激勵了一批想要學習UI去互聯網行業上班的人。
這些人中，有不滿意現在工作想要轉行的，也有身無一技之長想要學習的，更有已經是UI設計師但想要在專業技能上有所突破的......無論是什么原因，對于這些熱愛學習的人來說，學習UI已經變成自己人生道路上不可忽視的一條路徑了。
那么UI到底該怎么學習呢？
這里黑馬君總結了兩種方式：一是自學，二是報班學習。自學的話就需要你擁有面對問題解決問題的邏輯思維、精力充沛超強的身體素質以及堅持學習的自律精神，還有最重要的一點，就是你要有時間去研究去學習，具備以上條件，那么你就可以開始自學之旅了。
但另一方面，沒有那么多的時間精力怎么辦？無法依靠自己的力量去解決突發問題怎么辦？那么黑馬君就建議你還是報班學習的好。一方面報班學習會有老師幫你系統化的整理專業知識，標注重難點，同時在你遇到問題的時候第一時間給你反饋，讓你不至于自己苦心鉆研消耗精力；另一方面則是能夠大幅度縮減你的學習時間，報班系統化學習基本在4-6個月就可以學完所需職業技能，然后即可面試找工作，可以說是一勞永逸的解決問題。
最后，黑馬君為了讓UI小白明白學習UI的任務量的繁重，整理了一張學習路線規劃圖，里面對應著各個階段所需的知識點，僅供參考，希望想要學習UI的你，看過這篇文章后會有一個更清晰的認知。
UI學習知識點
以下課程視頻僅供參考，愛學習的你快來Mark！
http://yun.itheima.com/course/265.html?yzwtt
http://yun.itheima.com/course/29.html?yzwtt
http://yun.itheima.com/course/382.html?yzwtt
http://yun.itheima.com/course/243.html?yzwtt
#UI設計#
著崗位競爭的越來越激烈，而設計師掌握的技能要求也越多，設計師不光只會設計，而且也要懂（會）代碼（會手寫代碼更會加金的），所以我們要做一位懂代碼設計師，還好Jason在大學學過代碼，畢業也做過一段時間的設計+前端，我將我在代碼方面的知識總結分享給大家，趕緊往下看吧
基礎認識
html語句是由標簽+屬性構成的
html 標簽由開始標簽和結束標簽組成，開始標簽是被括號包圍的元素名，結束標簽是被括號包圍的斜杠和元素名，但某些 html 元素沒有結束標簽，比如 <br />、<img>，這類標簽稱為單標簽。
屬性的語法
1、寫在標簽的<>內，而且在標簽代碼之后，如<p *></p>
2、屬性名=""(一定得是英文的引號，不能是中文的引號。其實不用引號對于它的顯示沒有影響，但加上引號為標準做法)
如 align="center" align為屬性名 center left right是屬性值
3、有的標簽沒有任何屬性（<br>），有的標簽雖然有屬性，但可以不加上也不影響它的使用(<p></p>),但有的標簽則是必須與屬性連用方能正常顯示(<a></a>)
網頁的基本結構
<html>
<head></head>
<body></body>
</html>
html，head，body 是html代碼必不可少的三大標簽，其中
html標簽：用于定義html文件的標簽，這個標簽意味著這個文件是一個html文件
head標簽：里面的內容不能再瀏覽器中直接呈現，但它會用后臺運作的方式為html頁面提供種種功能
body標簽：里面出現的內容會在瀏覽器中得到直接呈現，供讀者瀏覽
必須要記住的標簽和屬性
放在<head></head>之間的
<title> </title>
<title> </title>標簽定義html文檔的標題。<title>與</title>之間的內容將顯示在瀏覽器窗口的標題欄。
<meta>標簽
<meta>標簽類可以插入很多很有用的元素屬性。常用的有以下四種：
<meta name="keywords" content="study,computer">
用來標記搜索引擎在搜索你的頁面時所取出的關鍵詞。
<meta name="author" content=“wutao">
用來標記文檔的作者。
<meta http-equiv=“content-type” content=“text/html; charset=gb2312”>
用來標記你的頁面的解碼方式。
<meta http-equiv=“refresh” content=“5;url=http://www.xnc.edu.cn”>
用來自動刷新網頁
放在<body></body>之間的
與文字相關的標簽
文字標題
<h#> ... </h#>
#=1, 2, 3, 4, 5, 6
段(paragraph) <p>
空白占位符
換行<br>
文字的分區顯示
<div align=#> ... </div> (#=left, center, right)
<i> 顯示斜體文本效果。
<b> 呈現粗體文本效果。
<big> 呈現大號字體效果。
<small> 呈現小號字體效果。
無序列表
無序列表是由<ul>和<li>元素定義的:
<ul>
<li>sports</li>
<li> food </li>
<li> drink </li>
<li> friends </li>
</ul>
<ul>和<li>中均可加入type屬性，type的屬性值有：disc(圓)、circle（圓圈）、square（方塊）
有序列表 start 值為數字
有序列表由<ol>和<li>定義:
<ol>
<li>sports</li>
<li> drink</li>
<li> friends</li>
</ol>
....................................................................
我的微信公眾號：UI嚴選 —越努力，越幸運
i網頁設計之前端基礎教程html介紹優秀網頁設計必備web前端講解
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
