❶ 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前端與web前端的區別是什麼
WEB前端傾向於代碼編寫和兼容性以及布局設計還有前端代碼框架html,css,js,xml等技術。
❸ 做移動端的話,ui設計稿應該有幾份
我一般出app設計稿的尺寸都是做的750px*1280px
然而手機大多的屏幕寬度都在300+
所以前端一般把設計稿的標注尺寸除以2來布局就行
如果是除以3,那麼可能ui的設計稿做寬1000+的尺寸才行
沒有什麼必要
❹ 前端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,還有什麼非常好的前端ui框架
前端ui框架,我覺得好的,像bootstrap還有easyUI等等,都算很好的框架,拿來即用。
❼ 安卓移動開發的前端UI設計可以使用哪些不同的布局,這些布局適用於哪些情況
沒懂啥意思,是前端還是ui?
UI的話就是隨便設計,使用什麼布局是技術的問題,安卓的布局就是以下六大基本布局
線性布局
線性布局在開發中使用最多,具有垂直方向與水平方向的布局方式,通過設置屬性「android:orientation」控制方向,屬性值垂直(vertical)和水平(horizontal),默認水平方向。
RelativeLayout
相對布局可以讓子控制項相對於兄弟控制項或父控制項進行布局,可以設置子控制項相對於兄弟控制項或父控制項進行上下左右對齊。
FrameLayout
幀布局或叫層布局,從屏幕左上角按照層次堆疊方式布局,後面的控制項覆蓋前面的控制項。
AbsoluteLayout
絕對布局中將所有的子元素通過設置android:layout_x 和 android:layout_y屬性,將子元素的坐標位置固定下來,即坐標(android:layout_x, android:layout_y) ,layout_x用來表示橫坐標,layout_y用來表示縱坐標。屏幕左上角為坐標(0,0),橫嚮往右為正方,縱嚮往下為正方。實際應用中,這種布局用的比較少,因為Android終端一般機型比較多,各自的屏幕大小。解析度等可能都不一樣,如果用絕對布局,可能導致在有的終端上顯示不全等。
TableLayout
表格布局,適用於多行多列的布局格式,每個TableLayout是由多個TableRow組成,一個TableRow就表示TableLayout中的每一行,這一行可以由多個子元素組成。
GridLayout(網格布局)
作為android 4.0 後新增的一個布局,與前面介紹過的TableLayout(表格布局)其實有點大同小異;
❽ UI設計和H5都是前端方面的,但是區別是什麼呀
一、 UI設計應用廣泛,未來需求大
UI設計廣泛應用於:電腦軟體(如qq、360、視頻播放器等)、移動端app、web網頁、游戲、虛擬現實等都需要UI設計,各種智能設備紛紛出現,如智能電視、智能手錶、智能車載、智能城市、智能家居,甚至無人駕駛汽車…異軍突起。這些領域都需要UI設計,也預示著對UI設計師的需求還會持續放大,就業前景樂觀。
二、H5前端開發,必不可少
H5前端,也稱web前端開發,通俗說就是網頁製作。具體工作就是把ui/網頁設計師設計好的效果圖,通過html代碼實現成網頁。H5就是html5,其中5為版本號, web前端開發的應用局限在網頁方面,就業方向相比UI設計顯得較窄。因為前端的工作是基於ui設計師成果之後的,也就是說,有了ui設計師,才有前端存在的意義。
三、H5前端開發,適合什麼人群學習?
前端開發這個職位,薪資兩極分化,真正的前端高手月薪也很可觀,但對於大多數人來說,尤其沒有學過計算機語言的同學,想深入學習就很吃力,成為高手的機會較少。倒是建議之前不會前端的UI設計從業者,可以考慮掌握下前端技術,對於職業提升來說會有很大幫助。
❾ 現在不少針對移動端的WEB前端UI框架,有沒有針對PC端的web前端UI框架,bootstarp除外,請大神們介紹幾款
這個很多
比如EasyUI、jQuery UI、LigerUI、Ext.js等
❿ 移動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。