现在
做网站基本都是采用H5形式进行实现的,因为H5的网站可以兼容电脑、手机浏览,不需要考虑不同分辨率设备不方便浏览的问题。如果采用H5网页UI设计那么有什么是需要我们注意到的呢?
采用H5网页UI设计需要注意的是电脑版的界面跟手机版界面是没有分开设计的,H5网页设计是采用同一套界面代码,代码里头会控制不同分辨率区间看到的效果。一般我们在设计时会先考虑PC上的效果,也就是不管是什么分辨率的PC看到的效果都是一样的。如果是IPAD或是有些分辨率比较低的屏幕查看的效果可能会不同,这个就要看是怎么写的代码。有的代码会考虑到这种情况进行轻微的调整。但是因为这种跟一般PC分辨率差异不大,所以基本不需要大的改动。而手机因为分辨率明显就比较小,如果是电脑界面在手机上看肯定是不适合的,所以会进行板块的调整。比如产品的模块,在电脑上可能是一行四个,在手机上看一行四个就显得太小了,就会调整成一行两个或是一行一个这样。也就是整个的界面其实都是一样的,只是一行显示的量会进行调整。这个调整是为了迎合手机端的用户看得更清楚,如果你理解了这个,你就知道H5网站是怎么做的了。
H5网页UI设计跟普通的html设计区别在于它考虑到了不同分辨率查看的效果。只需要一套HTML的代码就可以迎合不同分辨率设备浏览的需求。而之前的HTML是做不到这样效果的,如果是电脑浏览需要做电脑版HTML,如果是手机浏览需要做手机版HTML,然后再根据访问设备做识别跳转访问对应的HTML。现在这样的方式采用的人越来越少了,毕竟HTML5就可以解决上面说的那些问题,而且这样的方式更迎合搜索引擎的要求。而在我们进行界面设计考虑时只需要按普通
网站设计那样考虑,然后再考虑手机或IPAD上呈现的效果就可以了。一般网站服务商在做H5时就会直接帮我们考虑,其实我们也不需要过多的担心。
当前文章:h5网页ui设计/自适应html5网站界面设计方案
当前地址:
http://bjjierui.cn/article/spoocp.html