h5界面设计和APP界面设计有什么不同

界面设计关系到用户的使用感受，很多时候都会受到消费者使用习惯和喜好的影响。而界面设计可以有不同的设计方法。今天就让小编为大家介绍的是其中一种计算机语言h5界面设计和APP界面设计有什么不同。

　　h5界面设计跟APP界面设计的不同

　　1、在开发上：

　　APP使用独立安装包，不同平台需要独立语言开发，如安卓Java, 苹果Objective-C，可支持多功能迭代需求，版本更新维护会涉及到客户端和服务端可能会有资源下载；安装包可以支持无网络访问，能够支撑较复杂的功能逻辑，实现深度交互，适用多场景。

　　H5是手机web，网页形式打开，兼容多平台，版本更新在服务端，无客户端资源下载，小巧轻便；H5需要网络支持，很多移动设备功能不支持比如手机摄像头，功能逻辑层面支持有限。

h5界面设计（图片来自网络）

　　2、在设计上：

　　App的顶部导航是该产品的，且深层页面也有返回按钮，且能对产品的交互方式进行更深层次的设计。

　　H5则是使用浏览器自带的导航栏，没有返回按钮，需要在H5设计返回按钮，且交互方式因为资源问题较为单一。

　　H5如何适配字体

　　移动端设计稿适配到H5时，一般会使用两种方法：

　　1、用rem布局进行适配。设计稿定义单倍屏的大小，当需要适配到多倍屏时前端会获取根元素大小，通过根元素去进行自动适配；

　　2、使用纯px布局。如果单倍屏无法满足要求，则根据实际开发情况，设计稿可以多出几个倍率图，让开发使用不同倍率图，对手机对应分辨率进行适配。

　　因为开发没有使用rem布局，只用了纯px布局，当倍屏不同时，字体会缩小或放大，所以出现这种情况时，需要知道具体适配到哪个分辨率，让开发按对应倍率去适配，或者导出相应的倍率图给开发进行适配。

h5界面设计（图片来自网络）

　　关于H5的介绍

　　H5原本是一种制作万维网页面的标准计算机语言，由HTML5简化而来的词汇，HTML5的设计目的是为了在移动设备上支持多媒体。

　　页面设计：随着时代的发展，移动端用户的增加，扫描二维码付款、登入网站、关注公众号、兑奖等行为越来越多，一个新的概念移动适配站即H5页面诞生。它是通过HTML和CSS和JS技术生成的网站，需要适配多种分辨率的屏幕的。分别有H5网站，H5广告，H5游戏。

　　APP就是安装在手机的一个应用程序，打开它就能进入该产品进行操作。而H5页面则是可在不同浏览器和微信APP中打开的页面。app不全都是H5界面，只是有些app为了更好的兼容性采取H5界面。

　　以上就是小编为大家介绍的关于h5界面设计的相关内容。h5界面设计需要用到h5语言，但是相比其他的计算机语言，h5还是有局限的，大家在使用的时候要有所选择。