㈠ UI設計出來的移動web頁與前端做出來完全不符合，這是為什麼呢
web的話，是因為元素的高度不同， 行高不同，或者元素本身基線不同，導致
箭頭和文字設置height , line-height ，保持相同， 還不行就加float
㈡ web前端和UI設計學哪個好
隨著移動互聯網的深入發展，目前市場對這兩大專業人才的需求有增無減。而對於那些想要轉行IT拿高薪，但又不願意天天擼代碼的人而言，做UI和做前端就成了一個比較合適的選擇。
當然，對於很多小夥伴來說，UI設計和Web前端到底有什麼區別，哪一個發展前景又更好，大家都還是比較迷茫的。今天蝸牛學院就來給大家簡單科普科普~
1、什麼是UI設計？
UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI，UI即UserInterface(用戶界面)的簡稱。好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。
UI設計需要掌握的技能？
視覺設計主要是以美術設計為主，界面的色彩、結構、圖標等工作都需要視覺設計師來完成。主要使用的軟體是以Adobe公司的軟體為主，如PS、AI、AE、FW等，一般來講從業者都是美術專業相關院校的畢業生，也有少部分計算機專業畢業生。
交互設計主要是以產品交互原型設計為主，完成設計交互原型圖，但這其實是一個很考驗綜合能力的職位，需要了解用戶體驗知識、界面設計知識、產品業務知識等。交互的設計軟體比較多，每個都有自己的特點，比如AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般來講都是需要一定的從業經驗才能很好勝任。
Web前端目前的全國薪資水平
綜合來說，UI設計和Web前端開發都與產品頁面有很大關系的，只是前者更偏向於設計，而後者需要懂得更多的技術，需要把UI設計出來的東西與後端結合，實現出來，所以Web前端的核心發展肯定會更好，但相對而言學習也會比UI難一點。
㈢ 和web ui現在主流的尺寸是多少
app UI 移動端ios是640*1134 安卓版是720*1280
webUI 一般是1900*900
㈣ web端UI設計和移動客戶端UI設計有什麼不同
界面的大小不一樣
UI即User Interface（用戶界面）的簡稱。泛指用戶的操作界面，包含移動APP，網頁，智能穿戴設備等。UI設計主要指界面的樣式，美觀程度。而使用上，對軟體的人機交互、操作邏輯、界面美觀的整體設計則是同樣重要的另一個門道。好的UI不僅是讓軟體變得有個性有品味，還要讓軟體的操作變得舒適、簡單、自由，充分體現軟體的定位和特點。
㈤ UI設計和web前端學習哪個好哪個比較有前景
UI：入門簡單，學會PS基礎工具，基本就可以了，AI會不會都可以，當然會了更好。但是UI設計就像郭德綱說的他們學相聲，入門容易，我也覺得UI設計和相聲一樣，門檻在門里，入門很容易，只要你願意，開門就能進來，但是一進門，發現裡面是座山。
首先你要學會最基本的設計規范：比如常用手機的尺寸、狀態欄尺寸，標題欄尺寸，按鈕大小、等等。
掌握當前流行的設計風格，現在來說都在使用扁平化，但是我看到有很多設計師（姑且叫他們設計師吧），把界面設計的就是一堆色塊，毫無設計感，扁平化設計也要適當加入陰影 投影 漸變的。要想設計的好，只能多看別人的作品，多學習。
WEB前端：入門簡單，後續要學的東西挺多，最主要的是，你學的再多，等你實際工作中你會發現，為什麼你刷新後看到的界面和你預想的代碼不一樣，明明代碼沒寫左浮動啊，為什麼浮動了，為什麼我寫了下邊距，刷新後沒變化、為什麼我這個函數沒有執行。
學習：HTML、CSS得學，然後現在都流行HTML5和CSS3了，你要說不會HTML5和CSS3，就不用去面試了。還得學JS、和由JS封裝出來的JQ。這些就是基礎的了。
晉升：可能你出去找工作會看到很多公司都要求求職者要會:Bootstrap、Vue.js、AJAX、Less、JSON、APICloud等，這裡面你會的越多越好，這些都是提升工作效率的第三方可集成插件。
總結：學習前端，學校或培訓班只能教你基礎技能，工作中你需要一個好師傅帶你，換句話說，別指望初出茅廬就掙很高的工資，沉澱自己，多學習知識豐富自己才是王道。
親，如果不確定自己到底想學那個，不如兩邊的視頻教程看一下，看看自己是否能進入學習狀態。
㈥ 現在不少針對移動端的WEB前端UI框架，有沒有針對PC端的web前端UI框架，bootstarp除外，請大神們介紹幾款
這個很多
比如EasyUI、jQuery UI、LigerUI、Ext.js等
㈦ ui前端與web前端的區別是什麼
WEB前端傾向於代碼編寫和兼容性以及布局設計還有前端代碼框架html,css,js,xml等技術。
㈧ Web和UI哪個更簡單
Web更簡單。
它都是與頁面前端有更大的關系，而且都是目前社會上比較缺少的人才。
Web能夠增加用戶停留時間，吸引用戶持續瀏覽頁面，而Web前端開發工程師以及UI設計的網頁設計師、APP界面設計師需要做的就是在美化頁面，實現公司形象展示和功能之外，能夠多多提高用戶體驗，這樣，才能實現自己真正的價值。
1、HTML5基礎
在這一階段主要學習，HTML5、CSS3、JavaScript基礎，以及UI設計交互，完成頁面的實現。
2、JavaScript核心
在這一階段中我們將學習JavaScript核心，DOM編程，完成各種頁面動態效果以及動態交互，實現2048游戲實戰項目。
3、web前端核心
這一階段是web前端真正核心所在，學習內容包括：jQuery、http協議及server端技術、HTML5高級，完成頁面各種功能及效果，能夠實現伺服器端的通信分析，實現訂單頁的功能分析。
4、web前端高級技術
這一階段是web前端技術提升階段，學習內容包括：bootstrap、angularJS、web APP、常用JS框架，微信開發，實現web頁面到移動端的遷移和部署，掌握微信產品設計和介面開發實現的相關技能。
㈨ web UI 和移動UI的區別以及聯系
一、用戶與界面交互/操作的方式不同
Web網站：以滑鼠或觸摸板為媒介，多採用左鍵點擊的操作，也支持滑鼠滑過、滑鼠右鍵的操作方式。
移動App：直接用手指觸控屏幕，除了最通用的點擊操作之外，還支持滑動、捏合等各種復雜的手勢。
設計要點：
1、相比滑鼠，手指觸摸范圍更大，較難精確控制點擊位置，對此iOS人機交互規范中提到手指最合適的觸控區域至少需要44 point。所以移動App的點擊區域要設置的更大一些，不同點擊元素的間隔也不能太近。
2、Web網站支持滑鼠滑過的效果，一些tips提示通常採用滑鼠滑過展開/收起的交互方式。在移動App則不支持這類效果，通暢需要點擊特定的icon來收起/展開提示。
3、移動App支持的豐富的手勢操作，比如通過左滑可看到你可能需要的快捷操作「取消關注」、「刪除」，這類操作方式的特點是快捷高效，但對於初學者來說有一定的學習、獲知成本。我們在合理設計這些快捷操作方式的同時，還需要支持最通用的點擊方式來完成任務的操作路徑。針對手勢操作學習成本高的問題，一些App常通過新手引導的方式來教用戶。
4、移動App以單手操作為主，界面上重要元素需要在用戶單手點擊范圍內，或者提供快捷的手勢操作。
二、設備尺寸不同
Web網站：不同PC的解析度不同，瀏覽器窗口最大化的尺寸也不同；瀏覽器窗口可縮放。
移動App：設備尺寸相對較小；不同設備的解析度差異化較多，特別是Android；支持橫屏、豎屏調轉方向。
設計要點：
1、移動App的尺寸較小，一屏展示的內容有限，更需要明確哪些信息更為重要，有效的「組織」相關聯的內容，優先順序高的內容突出展示、次要內容適當「隱藏」。
2、Web網站因瀏覽器解析度差異較大、且窗口尺寸可變化，設計時需要確定好不同解析度的內容展示和布局，也因為這一點加上webapp的瀏覽需求，近幾年來響應式設計更為普遍。
3、因設備解析度、dpi大小不一，所以移動App在界面布局、圖片、文字的顯示上，要兼顧不同設備的效果，需要設計師與開發共同配合做好適配工作。
4、因移動設備支持橫屏、豎屏展示，所以在設計移動App（比如游戲、視頻播放界面）時，需要考慮用戶是否有「換個方向看看」的需求、哪些情況下切換屏幕方向、如何切換等。
三、使用環境不同
Web網站：通常坐在某個室內、使用時間相對較長；
移動App：既可能是長時間在室內使用、也可能是利用碎片化的時間使用，或站或坐或躺著或行走，姿勢不一；
設計要點：
1、使用Web網站時，用戶更為專注；
2、使用移動App時，用戶很容易被周邊環境所影響，對界面上展示的內容可能沒那麼容易留意到；長時間使用時更適合沉寂式瀏覽，碎片化時間使用時用戶可能沒有足夠的時間、每次瀏覽內容有限，類似「稍候閱讀」、「收藏」等功能則比較實用；用戶在移動過程中更容易誤操作，需要考慮如何防止誤操作、如何從錯誤中恢復。
四、網路環境不同
Web網站：網路相對穩定且基本無需擔心流量問題
移動App：因用戶使用環境復雜，可能在移動過程中從通暢環境到封閉的信號較差的環境，網路可能從有到無、從快到慢；既可使用無需擔心流量的WiFi，也可能使用需要控制流量的3G/4G。
設計要點：
1、移動App，網路異常的情況更普遍，需要更加重視這類場景下的錯誤提示、以及如何從錯誤中恢復的方法。
2、移動App，在3G/4G情況下用戶對流量比較重視，對於需要耗費較多流量的操作，需要提醒用戶，在用戶允許的前提下才繼續進行。
五、通知方式不同
Web網站：對於瀏覽器的通知中心，用戶使用的不多，很難主動喚起用戶
移動App：推送通知給用戶的方式很常見。
設計要點：
1、在移動App可以用通知及時提醒用戶一些重要信息，但也需要考慮用戶關閉通知提醒的場景下用戶仍然能無礙的使用；因為「通知」功能對用戶較為重要，設計師需要思考如何讓用戶更容易「開啟通知許可權」。
六、基於位置服務的精細度不同
Web網站：定位功能一般獲取到的是當前城市
移動App：可較為精確的獲取用戶的當前位置
設計要點：
1、移動App可合理的利用用戶的位置，給用戶提供一些服務。比如，地圖類可以搜索「我的位置」到目的地的路線，生活服務類可以查詢我的位置附近的美食、商場、電影院等等，這樣的方式省去了用戶手動輸入當前位置的復雜、更加智能化。