移动webapp前端ui用哪个框架好?

作为一个伪FEEer,尝试着回答一下。 UI的话,分为基础样式和基础组件两部分。 基础样式: 建议这一部分可以用一些轻量级的库如Purecss,采用其Grid的部分...

看你要做什么了,如果是对性能要求苛刻,比如地图App这样的,应该考虑React Native或者是NativeScript这样的技术了,毕竟要求比较高。

现在是UI趋势的走向,不管什么都会涉及到UI设计。而且现在手机平板发展的这么迅速,APP手机端口的设计思路更是要领先一些。UI设计可以说是未来发展的大趋势,而且就现在扁平化设计思路和 界面的交互性质、用户体验都是UI设计的一个大方向。


每个框架都要全面

我认为这两个前框是不够的,PC、移动framework7,对于快速轨道项目可以实现他们的轻量级框架;此外,许多人认为,移动端框架具有framework7模仿的痕迹,如穗的SUI已经描述了基于UI库framework7发展。

UI与设计师可以更好融入

设计师前端的协作应该是相对简单的,最重要的是为您提供前端产品的设计规范,一般来说,我们需要提供设计师设计草图的大小和标签的各种元素的地图文件,与布局的开始。考虑到视网膜显示器和许多移动设备的分辨率是不同的,设计者应该提供多套设计吗?从网易和淘宝的做法,应该用不到的,我们可以根据设计稿制作一套布局。

web适用于开发

如果要开发的 WebApp 对用户体验细节有高要求,又是一个单页应用。那么尝试一下这个框架:AndroidUIX - 跨平台AndroidUI框架
在体验上应该是超过目前主流WebApp

总结

在移动端的表现来看,单页应用可以用WEBAPP来实现

UI组件可以应用在其他大厂推荐的frozenui,还有一些移动终端列表按钮轮播方案。或用wechat通用样式





  • webapp寮鍙浣跨敤鍝釜妗嗘灦鏈濂?
    绛旓細4.Flutter锛欶lutter鏄敱Google寮鍙戠殑UI宸ュ叿鍖锛岀敤浜庢瀯寤鸿法骞冲彴鐨勭Щ鍔ㄥ簲鐢ㄣ傚畠浣跨敤Dart璇█锛屾敮鎸佸揩閫熷紑鍙戝拰鐑噸杞斤紝閫傜敤浜庣Щ鍔ㄧWebApp鐨勫紑鍙戙5.Django锛欴jango鏄竴娆句娇鐢≒ython璇█鐨勫悗绔疻eb妗嗘灦锛屾彁渚涗簡寮哄ぇ鐨凮RM锛堝璞″叧绯绘槧灏勶級鍜屽揩閫熷紑鍙戝姛鑳姐傞傜敤浜庢瀯寤哄叏鏍圵eb搴旂敤銆6.Flask锛欶lask鏄竴娆捐交閲忕骇鐨凱ythonWe...
  • 绉诲姩webapp鍓嶇ui鐢ㄥ摢涓妗嗘灦濂
    绛旓細bootstrap妗嗘灦锛岃繖涓簲璇ユ槸鎵鏈夊墠绔紑鍙戦兘鐭ラ亾骞剁敤杩囩殑涓涓鏋朵簡锛屽簲涓鸿繖涓槸鐩墠鏈娴佽鐨勬鏋讹紝浣跨敤鏈骞匡紝缃戜笂鏂囨。璧勬枡妯℃澘鏈澶氭渶瀹规槗鏌ユ壘鐨勪簡銆傚畠鎻愪緵浜嗗緢澶氭祦琛岀殑鏍峰紡绠娲佺殑UI缁勪欢锛屾爡鏍肩郴缁熶互鍙婁竴浜涘父鐢ㄧ殑JavaScript鎻掍欢锛岀畝娲併佺洿瑙傘佸己鎮嶏紝璁﹚eb寮鍙戞洿杩呴熴佺畝鍗曘侳oundation 鏄竴涓槗鐢ㄣ佸己澶ц屼笖鐏垫椿...
  • 鍋绉诲姩绔WebApp鐢浠涔堟鏋舵瘮杈冨ソ_webapp妗嗘灦鍝釜鏈濂
    绛旓細TouchyBoilerplate鏄竴涓敤鏉ュ垱寤虹Щ鍔╳ebapp,鍖呮嫭HTML妯℃澘,Metatag绛夌殑宸ュ叿銆俆ouchy鍙互鏀寔鍔ㄦ侀〉闈㈠鑸,鍥哄畾椤靛ご,婊氬姩鍐呭,娴忚鍘嗗彶璁板綍绛夊姛鑳姐俆ouchy浣跨敤jQuery鎴栬匷epto.JS銆 12銆丳honeGap PhoneGap鏄竴涓敤鍩轰簬HTML,CSS鍜孞avaScript鐨,鍒涘缓绉诲姩璺ㄥ钩鍙扮Щ鍔ㄥ簲鐢ㄧ▼搴忕殑蹇熷紑鍙戝钩鍙般傚畠浣垮紑鍙戣呰兘澶熷埄鐢╥Phone,Android,Palm,...
  • 鍓嶇ui妗嗘灦鏈夊摢浜
    绛旓細鍓嶇ui妗嗘灦鏈:閫傚悎绉诲姩绔殑UI妗嗘灦(Mint UI銆丼UI Mobile銆乄eui绛),閫傚悎PC 绔殑UI妗嗘灦(iView銆丒lement UI銆丼UI銆丠-ui绛),閫傚悎娣峰悎寮鍙戠殑UI妗嗘灦(ionic銆丗ramework7绛),浠ヤ笅鏄叿浣撶殑鍐呭浠嬬粛銆傞傚悎绉诲姩绔殑UI妗嗘灦Mint UI(楗夸簡涔堝洟闃)涓枃瀹樼綉:http://mint-ui.github.io/#!/zh-cn鎻忚堪:鍩轰簬vue鐨勭Щ鍔ㄧUI妗嗘灦鍩...
  • webapp寮鍙浣跨敤鍝釜妗嗘灦鏈濂
    绛旓細绗竴娆撅細SenchaTouch SenchaTouch鏄笘鐣屼笂绗竴涓敮鎸丠TML5鍜孋SS3鏍囧噯鐨勭Щ鍔ㄥ簲鐢ㄦ鏋讹紝浣犲彲浠ヤ娇鐢℉TML5鏉ョ紪鍐欓煶棰戝拰瑙嗛缁勪欢锛岃繕鍙互浣跨敤Proxy鏉ュ瓨鍌ㄧ绾挎暟鎹紝鍚屾椂锛屽ぇ閲廋SS3鏍峰紡琛ㄤ负浣犳彁渚涗簡鍒涘缓鍋ュ.鏍峰紡灞傜殑鍙兘銆備紭鐐 鐢ㄦ埛浣撻獙鏈鎺ヨ繎NativeApp锛屽叿鏈夋暣浣撶殑UI缁勪欢銆佸竷灞瑙e喅鏂规锛涚粺涓鐨勭紪绋嬩唬鐮佺粨鏋勫拰瑕佹眰锛...
  • 绉诲姩webapp鍓嶇ui鐢ㄥ摢涓妗嗘灦濂?
    绛旓細WebApp 瀵圭敤鎴蜂綋楠岀粏鑺傛湁楂樿姹傦紝鍙堟槸涓涓崟椤靛簲鐢ㄣ傞偅涔堝皾璇曚竴涓嬭繖涓鏋讹細AndroidUIX - 璺ㄥ钩鍙癆ndroidUI妗嗘灦鍦ㄤ綋楠屼笂搴旇鏄秴杩囩洰鍓嶄富娴乄ebApp鐨 鎬荤粨鍦绉诲姩绔殑琛ㄧ幇鏉ョ湅锛屽崟椤靛簲鐢ㄥ彲浠ョ敤WEBAPP鏉ュ疄鐜 UI缁勪欢鍙互搴旂敤鍦ㄥ叾浠栧ぇ鍘傛帹鑽愮殑frozenui锛岃繕鏈変竴浜涚Щ鍔ㄧ粓绔垪琛ㄦ寜閽疆鎾柟妗堛傛垨鐢╳echat閫氱敤鏍峰紡 ...
  • 鍑犳瀹炵敤鐨刅UE绉诲姩绔UI妗嗘灦
    绛旓細婊存淮 WebApp 鍥㈤槦 瀹炵幇鐨 鍩轰簬 Vue.js 瀹炵幇鐨勭簿鑷绉诲姩绔粍浠跺簱锛涚粍浠舵晥鏋滀紭锛涜瑙夋晥鏋滃緢妫 鏂囨。鍦板潃锛歨ttp://mint-ui.github.io/docs/#/ 婕旂ず鍦板潃锛歨ttp://elemefe.github.io/mint-ui/#/ 鏈鎺ヨ繎鍘熺敓APP浣撻獙鐨勯珮鎬ц兘鍓嶇妗嗘灦 鏂囨。鍦板潃锛歨ttps://youzan.github.io/vant/#/zh-CN/intro 婕旂ず鍦板潃...
  • appui鍦ㄧ嚎璁捐-濡備綍鐢UI璁捐杞欢鍋歛pp椤甸潰
    绛旓細Marvel鏄竴娆惧厤璐圭殑鍘熷瀷璁捐Web搴旂敤,鍙互杩涜缃戦〉璁捐鍜绉诲姩绔殑UI璁捐銆傚拰WebFlow涓鏍,浣犲彲浠浣跨敤Marvel瀹屽叏鍦ㄧ嚎瀹屾垚璁捐,骞朵笖鍙互鍜屼綘鐨凞ropbox鍚屾,鍙互鏂逛究浣犺繘琛屽叡浜垨鑰呭垎浜傚煎緱涓鎻愮殑鏄,Marvel鏀寔PSD鏍煎紡鏂囨。,涔熷氨鏄浣犵殑瑙嗚绋挎棤闇杞崲鏍煎紡灏卞彲浠ヤ娇鐢ㄣ侻acaw鏄竴娆炬闈㈢鐨勬墍瑙佸嵆鎵寰楃殑璁捐宸ュ叿,...
  • 濡備綍璇勪环 React 瀹炵幇鐨鍓嶇 UI 搴 material-ui
    绛旓細1.闈炲父鍘夊锛屽仛涓浜涘姛鑳戒负涓伙紝涓嶉渶瑕佽繃澶氬搧鐗岃皟鎬х殑 WebApp 鍙渶瑕鍓嶇+浜や簰灏卞彲浠ュ揩閫熸瀯寤哄仛鍑洪潪甯镐笉閿欑殑浜у搧锛坕con杩樻槸鏈夌偣鐐归毦搴︼紝鏈夎璁℃瘮杈冧笓涓氱殑浜哄憳璺熺潃鍋氫骇鍝佺殑璐ㄩ噺浼氭洿鍔犫滀骇鍝佺骇鈥濅竴浜涳級2.妗嗘灦鐢ㄤ簡寰堝 MD 鐨勮瑙夊厓绱狅紝浣嗘槸杩樻槸鍙槸鈥滅湅鐫鍍忊濓紝浜や簰锛屽姩鐢讳笘鐣岃涔嬬被鐨勫疄鐜拌窛绂绘渶鐞嗘兂鐨 MD ...
  • web鍓嶇鍜ui閭d釜鏇撮毦?
    绛旓細web鍓嶇璺烾I鐩告瘮锛岃偗瀹氭槸鍓嶇闅句竴浜涳紝UI璁捐鏇村鏄撳叆闂ㄤ簺銆傚墠绔富瑕佷互浠g爜涓轰富锛孶I涓昏浠ヨ璁′负涓伙紝涔熼渶瑕佷竴浜涗唬鐮佸熀纭锛屼絾鏄緢灏戙傚叾瀹烇紝web鍓嶇鍜孶I閮戒笉闅撅紝閮介潪甯搁傚悎闆跺熀纭鐨勫皬鐧姐備笉杩囷紝鍏蜂綋鍝釜闅捐繕瑕佺湅涓汉鎰熻銆傚彲浠ュ幓鍗冮攱姝︽眽璇曞惉涓媤eb鍓嶇鍜孶I锛岀湅浣犲鍝釜鎰熷叴瓒o紝鑳戒笉鑳藉浼氾紝閫備笉閫傚悎浣狅紝鍐...
  • 扩展阅读:无线网设置入口 ... 中国移动光猫登录入口 ... 移动宽带装维app ... 中国移动web登录入口 ... stable diffusion官网入口 ... 移动宽带网址192.168.1.1 ... web官方网站登录入口 ... 仓库常用erp系统 ... 路由器网址登录 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网