M站、h五、PC端、移動APP等這些都是前端開發最長接觸到的,今天我就大概的聊一聊他們吧!前端
M站:M站通常是指手機網頁端的頁面,也就是mobile移動端web
H5:H5,是HTML5的簡稱,他是一種高級的網頁技術,最大的優勢之一就是在移動設備上支持多媒體。咱們平時看到的邀請函、幻燈片、小遊戲......都是H5網頁,他跟咱們平時上網看到的那些網頁本質上沒有任何區別瀏覽器
pc端:PC全稱:Personal Computer。意思是我的計算機或者我的電腦。PC是一個具備普遍含義的詞語,也是電腦的統稱。佈局
移動APP:APP是應用程序Application的縮寫手機軟件,主要指安裝在智能手機上的軟件,完善原始系統不足與個性化。使手機完善其功能,爲用戶提供更豐富的使用體驗的主要手段。手軟件的運行須要有相應的手機系統。主要的手機系統有:蘋果公司的IOS、谷歌公司的Android(安卓)系統。操作系統
M站與APP的區別:設計
一、APP 直接在用戶的移動設備上,曝光率相對較高。 而M站需打開瀏覽器,輸入地址才能訪問,因此曝光率相對較低。遊戲
二、M站的推廣的渠道相比移動APP,渠道較多,方便追蹤用戶來源,流量入口等,方便之後的活動推廣和數據分析。開發
三、M站用戶無需安裝,輸入URL便可訪問,而APP須要下載安裝。數據分析
四、M站可以快速的經過數據分析,能快速獲得用戶的反饋,從而更容易根據統計數據分析和用戶的需求來調整產品。產品
五、APP對用戶更具粘性,用戶體驗也更好。
六、M站對於營銷推廣活動很是方便,轉發分享方便快捷。
七、M站更新迭代產品速度,響應產品調整很是快,隨時發佈,而App須要審覈時間。
八、M站跨平臺,無需開發安卓和iOS版,只需有瀏覽器便可。
PC端和web端的區別:
一、操做方式不一樣
PC端的操做方式與移動端已經有了明顯的差異,PC端使用鼠標操做,操做包含滑動、左擊、右擊、雙擊操做,操做相對來講單一,交互效果相對較少。
而對於手機端來講,包含手指操做點擊、滑動、雙擊、雙指放大、雙指縮小、五指收縮和蘋果最新的3Dtouch按壓力度,除了手指操做外還能夠配合傳感器完成搖一搖、陀懸儀感應燈操做方式,操做方式更加的豐富,經過這些豐富的操做可設計不一樣新穎吸引人的交互互動設計。
二、屏幕尺寸不一樣
隨着時間的推移,移動端的設備屏幕逐漸增大,可是你再大也是大不過PC電腦屏幕的,這是毋庸置疑的。PC端屏幕大,因此他的視覺範圍更廣,可設計的地方更多,設計性更強,相對來講容錯度更高一些有一些小的紕漏不容易被發現。
移動端設備相對來講屏幕較小,操做侷限性大,在設計上可用空間顯得尤其珍貴,在小小的屏幕上使用粗大的手指操做也須要在設計中避免原件太小過近。
移動APP主要開發模式:
1.Native APP(原生開發):基於原生操做系統開發
2.Web APP(HTML5開發):使用HTML5和CSS技術作UI佈局開發
3.Hybrid APP(混合開發):結合前兩種,在Native APP中嵌入WebView開發