當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計(jì)知識>教程內(nèi)容

知識分享,Web APP與原生APP交互設(shè)計(jì)有什么區(qū)別?(2)

來源:jianshu 作者:ChM_CuoreAzzurro 學(xué)習(xí):5184人次

2、取消float浮層,增大展示空間(eg:大眾點(diǎn)評)

取消float浮層,同時(shí)在詳情尾部再次加上 “購買”按鈕。

知識分享,Web APP與原生APP交互設(shè)計(jì)有什么區(qū)別?

浮層的轉(zhuǎn)換處理。

3、頁面中對圖片進(jìn)行縮。ㄒ蚯闆r而異)的處理、精簡一些標(biāo)簽導(dǎo)航的視覺展示。

知識分享,Web APP與原生APP交互設(shè)計(jì)有什么區(qū)別?

視覺微調(diào)。

技術(shù)上注意點(diǎn):

1)各手機(jī)瀏覽器的兼容測試

2)底層服務(wù)的調(diào)取(能調(diào)取,但只有當(dāng)其是核心功能時(shí)才保留 eg:新浪、美團(tuán)等皆去掉了頭像上傳功能)

3)注意離線數(shù)據(jù)存儲,減少數(shù)據(jù)請求頻率。

4)考慮保存用戶的哪些數(shù)據(jù):設(shè)置、個(gè)人數(shù)據(jù)、閱讀錨點(diǎn)、跳出頁面等。

5)避免動效與瀏覽器的交互沖突

6)按順序 異步加載 eg: 騰訊視頻

知識分享,Web APP與原生APP交互設(shè)計(jì)有什么區(qū)別?

騰訊視頻異步加載。

雖然Web App目前處于比較尷尬的地位,我們是由于原APP客戶端中一些頁面需要分享出去才開啟制作Web App版。

但是不得不承認(rèn),基于Web的輕APP 更新迭代起來更方便,隨著H5技術(shù)的成熟和發(fā)展,也許以后就是基于H5的Web App的天下了 0.0

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!