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

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

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

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

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

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

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

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

視覺(jué)微調(diào)。

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

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

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

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

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

5)避免動(dòng)效與瀏覽器的交互沖突

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

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

騰訊視頻異步加載。

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

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

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

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

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

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