❶ 關於手機網站前端UI的問題
能上圖么？
❷ 移動webapp前端ui用哪個框架好
WeUI
Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
一個開源的簡單易用，輕量快捷的移動端UI框架。基於手Q樣式規范，選取最常用的組件。
SUI Mobile
是一套基於 Framework7 開發的UI庫。並參考Ratchet、Fastclick開源庫。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，並且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發跨平台Web App。
❸ 目前有哪些輕量級的前端UI框架
UI建議Bootstrap和Foundation，兼容手機端的建議ionic，因為ionic官方lab中製作的可以直接生成ipa安裝包。。
❹ 前端ui框架排名
在前端項目開發過程中，現在很少有人會使用原生的CSS來搭建頁面，總歸都會引入一些前端UI框架以減少代碼的書寫。一般為了方便自己的使用，很多大公司都有自己的一套UI框架，同時也會把其開源出來。下面就是最近經常使用並且很流行的一些前端UI框架，總有一款適合你：
Mint UI
Flutter
Flutter 是谷歌的移動端 UI 框架，可在極短的時間內構建 Android 和 iOS 上高質量的原生級應用。 Flutter 可與現有代碼一起工作, 它被世界各地的開發者和組織使用, 並且 Flutter 是免費和開源的.
ionic
Ionic既是一個CSS框架也是一個Javascript UI庫,Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選擇。
❺ UI和前端的區別是什麼
UI即User Interface（用戶界面）的簡稱。UI一般指的是各種軟體的界面，主要是偏向設計，一般用來出設計稿。
前端主要是偏向頁面製作和APP，開發重點是實現各種交互。指的是網站的頁面，負責系統前端是指應用的表層部分，就是用戶直接能看到的。
❻ UI，還有什麼非常好的前端ui框架
前端ui框架，我覺得好的，像bootstrap還有easyUI等等，都算很好的框架，拿來即用。
❼ 現在不少針對移動端的WEB前端UI框架，有沒有針對PC端的web前端UI框架，bootstarp除外，請大神們介紹幾款
這個很多
比如EasyUI、jQuery UI、LigerUI、Ext.js等
❽ UI設計和前端開發有什麼區別哪個好
大家都知道互聯網行業發展前景大，而IT行業中除了Java開發和軟體測試這兩個崗位外，UI設計和Web前端開發也是當前比較火爆的兩大互聯網崗位。
隨著移動互聯網的深入發展，目前市場對這兩大專業人才的需求有增無減。而對於那些想要轉行IT拿高薪，但又不願意天天擼代碼的人而言，做UI和做前端就成了一個比較合適的選擇。
當然，對於很多小夥伴來說，UI設計和Web前端到底有什麼區別，哪個更好學？哪一個發展前景又更好，大家都還是比較迷茫的。
UI設計
1、什麼是UI設計？
UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI，UI即UserInterface(用戶界面)的簡稱。好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。比如：哪些常用功能放在什麼位置用戶用起來最順手，所有會影響使用者體驗的一切。如架構、互動、內容與及使用者對象、需求、價值觀。
2、UI設計需要掌握的技能？
視覺設計主要是以美術設計為主，界面的色彩、結構、圖標等工作都需要視覺設計師來完成。主要使用的軟體是以Adobe公司的軟體為主，如PS、AI、AE、FW等，一般來講從業者都是美術專業相關院校的畢業生，也有少部分計算機專業畢業生。
交互設計主要是以產品交互原型設計為主，完成設計交互原型圖，但這其實是一個很考驗綜合能力的職位，需要了解用戶體驗知識、界面設計知識、產品業務知識等。交互的設計軟體比較多，每個都有自己的特點，比如AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般來講都是需要一定的從業經驗才能很好勝任。
web前端
1、什麼是Web前端開發工程師？ 主要進行網站開發，優化，完善的工作。網頁製作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。
一位好的Web前端開發工程師在知識體繫上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發工程師。現在說的重點不在於講解技術，而是更側重於對技巧的講解。技術非黑即白，只有對和錯，而技巧則見仁見智。以前會Photoshop和Dreamweaver就可以製作網頁，現在只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁製作都更接近傳統的網站後台開發，所以現在不再叫網頁製作，而是叫Web前端開發。Web前端開發在產品開發環節中的作用變得越來越重要，而且需要專業的前端工程師才能做好，這方面的專業人才近兩年來備受青睞。
2、Web前端工程師需要掌握的技能？
必須掌握基本的Web前端開發技術，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握這些技術的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。在一名合格的前端工程師的知識結構中，網站性能優化、SEO和伺服器端的基礎知識也是必須掌握的。
必須學會運用各種工具進行輔助開發。除了要掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。可見，看似簡單的網頁製作，如果要做得更好、更專業，真的是不簡單。這就是前端開發的特點，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學習起來無從下手，對於老手來說，也時常不知道下一步該學什麼。
代碼質量是前端開發中應該重點考慮的問題之一。例如，實現一個網站界面可能會有無數種方案，但有些方案的維護成本會比較高，有些方案會存在性能問題，而有些方案則更易於維護，而且性能也比較好。這里的關鍵影響因素就是代碼質量。CSS、HTML、JavaScript這三種前端開發語言的特點是不同的，對代碼質量的要求也不同，但它們之間又有著千絲萬縷的聯系。
綜合來說，UI設計和Web前端開發都與產品頁面有很大關系的，只是前者更偏向於設計，而後者需要懂得更多的技術，需要把UI設計出來的東西與後端結合，實現出來，所以Web前端的核心發展肯定會更好，但相對而言學習也會比UI難一點。
❾ ui與web前端的區別是什麼
UI設計和Web前端的工作並不一樣，但也有公司為了提高工作效率在這兩塊工作是由同一個人來做的。ui與web前端的區別主要有：
1、概念不同
UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網說的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱。
web前端是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。
2、研究方向不同
UI設計的研究方向是：用戶研究、交互設計、界面設計；
web前端的研究方向是技術方向：包括html、css、js等需要編寫代碼。
3、職業機會不同
UI設計的職業方向是：前端開發工程師、資深前端開發工程師、前端架構師等；
web前端的職業方向是：圖形設計師、交互設計師、用戶測試/研究工程師等；
計交給美工來做，把html5、css、js的添加交給web前端工程師來做，
4、工作內容不同
UI前端：主要負責系統/app，UI界面設計，以及html代碼實現，主要工作偏向於設計。
web前端：主要講ui提供的設計圖，編碼成靜態html，實現所有特效；並負責所有交互的對接，對js要求較高，會要求一些後台介面的開發工作，因此對後台開發語言也有一定的要求。
5、所需技術不同
web前端會用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技術知識；
而UI前端需要是有很好的審美能力，通常需要有美術設計教育背景。
❿ 手機UI設計的基本規范
大家都知道手機採用的：一個是蘋果的iOS系統，另一個就是谷歌公司的安卓系統。華為的鴻蒙系統雖然早就上線，但是還沒有真正運用在手機移動端上，小阿在這里期待著，希望有一天也能寫「華為『鴻蒙系統』的界面尺寸規范。」
這兩者之間有一個明顯的區別就是iOS系統是非開源的，簡單來說就是不能別隨意改動的，連圖標都是必須帶圓角的，對交互設計師很友好的。
垂直邊距
①狀態欄：24dp；②工具欄：56dp；③標題和列表項：48dp；④子標題：48dp；⑤內容區域間距離為8dp
6、切圖
上周我們講到iPhone 6與iPhone 6 Plus約是1.5的關系，而xhdpi的Android手機屏幕與xxdpi的屏幕剛好是1.5倍的關系，所以iPhone 6 Plus和xxhdip也可以共用一套切圖，掌握好尺寸關系，能讓工作變得簡單很多。
7、界面適配
安卓多屏幕支持的基礎是它能夠管理應用程序的布局和點陣圖可繪制對象的渲染以適當的方式對當前屏幕配置的能力。該系統處理的大部分工作由布局縮放以適合屏幕尺寸/密度和縮放點陣圖可繪制在屏幕密度正確呈現您的應用程序在每個屏幕的配置，來優化用戶界面設計，帶來更良好的用戶體驗。
如何做到安卓界面適配呢？大家一定要很清楚的了解解析度、屏幕大小、密度的關系；明白實際密度和系統密度的關系，dp、sp、px的區別；明白dp與px的轉換。這里不做過多闡述，後期寫一篇具體的~
安卓的界面規范就講到這里，要明白設計界面規范的意義是確保設計的統一性與合理性，規范維護的是項目的統一，為了項目利益最大化，高效化。所以作為UI設計師的我們，如果一點設計規范不遵守，全靠自己想當然，那就別發給前端人員啦，他也看不懂。
所以作為UI設計，必須要要遵守設計規范，這樣才能做到設計有道可尋，希望以上回答對你了解手機界面設計規范有所幫助。