当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

知识分享,Web APP与原生APP交互设计有什么区别?(2)

来源:jianshu 作者:ChM_CuoreAzzurro 学习:5184人次

2、取消float浮层,增大展示空间(eg:大众点评)

取消float浮层,同时在详情尾部再次加上 “购买”按钮。

知识分享,Web APP与原生APP交互设计有什么区别?

浮层的转换处理。

3、页面中对图片进行缩小(因情况而异)的处理、精简一些标签导航的视觉展示。

知识分享,Web APP与原生APP交互设计有什么区别?

视觉微调。

技术上注意点:

1)各手机浏览器的兼容测试

2)底层服务的调取(能调取,但只有当其是核心功能时才保留 eg:新浪、美团等皆去掉了头像上传功能)

3)注意离线数据存储,减少数据请求频率。

4)考虑保存用户的哪些数据:设置、个人数据、阅读锚点、跳出页面等。

5)避免动效与浏览器的交互冲突

6)按顺序 异步加载 eg: 腾讯视频

知识分享,Web APP与原生APP交互设计有什么区别?

腾讯视频异步加载。

虽然Web App目前处于比较尴尬的地位,我们是由于原APP客户端中一些页面需要分享出去才开启制作Web App版。

但是不得不承认,基于Web的轻APP 更新迭代起来更方便,随着H5技术的成熟和发展,也许以后就是基于H5的Web App的天下了 0.0

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!