app与网页的设计规范区别_APP网页设计

文章目录：

• 1、网页UI设计和手机UI设计的区别是什么
• 2、设计PC端网页原型和手机端APP有什么区别
• 3、APP设计与网页设计方式区别

网页UI设计和手机UI设计的区别是什么

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。也就是说，UI设计做出来的东西是和用户有互动的，以下是网页UI设计和APPUI设计的一点区别：

APP：展示效率低，在移动端，展示面积比较小，展示效率也比较低，用户的耐心不佳，必须重点突出。

网页：展示效率高，在PC端，展示面积比较大，展示效率也比较高，用户的耐心比较好。

APP：更看重交互，手指触摸范围更大，较难精确控制点击位置，没有hover等操作因此版面要尽量干净，合理的手势操作，配合手势呼出“藏”得更深的界面。

网页：更看重版式，展示比较丰富的内容，也适合在一个页面里安排较复杂的操作因此网页对布局排版要求比较高。

APP：有“范”可循有“范”可循，移动端的设计具有更严格的规范要求。针对不同平台的应用设计，谨慎地遵循平台规范有助于降低用户的学习成本，也是优秀体验的重要保障。

希望能帮助到你

设计PC端网页原型和手机端APP有什么区别

1、内容上pc端一定是内容丰富的，app一定是内容精简的

2、从产品功能架构上，app端的设计通常只能满足主流用户的常用功能，相反pc端可以兼顾更多的用户提供更全面的服务

3、相比pc端，app更注重用户体验设计，例如操作流程简单快捷，语言文字精简移动。

4、升级优化方面，pc端通常适合于两年一小改，三年一大改，指的是改版。app则比较频繁，且第一版本一般只是先主要功能，之后2、3个月几乎就要出一个小迭代版本。

APP设计与网页设计方式区别

从使用场景上，Web App用户面临比原生APP用户更严峻的问题：

1、页面跳转更加费力，不稳定感更强

思考点：如何减少跳转（扁平结构、页面布局技巧），增加数据及展示的流畅流程及稳定性（技术）。

2、更小的页面空间（由于浏览器的导航本身占用一部分屏幕空间），更大的信息记忆负担；

移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。人脑的短期记忆是不稳定的，用户在滚动屏幕的过程中需要临时记忆的信息越多，他们的表现就会越差。——《贴心设计：打造高可用性的移动产品》

思考点：排版更清晰、信息更简练 （可在原生APP基础上去掉一些丰富、复杂的视觉表现）

3、导航不明显，原有底部导航消失，有效的导航遇到挑战

思考点：如何有效的提供导航？有哪些形式？

4、交互动态效果收到限制，影响一些页面场景、逻辑的理解。

思考点：比如登录注册流程的弹出、完成及异常退出，做好文字提示。

区别：APP属于手机应用客户端，移动网站可以制作成APP，APP也可以呈现手机网站。

相同点：二者都属于手机系列 区别在于：APP可以安装到手机上，而移动网站只能通这用户打开网址才能打开了解信息。如果移动网站设计成app，则二者兼合。