手机网站的界面设计要求

　　手机网站的大力兴起是由于移动通信技术的革新造成的，当前3G、4G网络的普及为手机网站的发展带来了契机。但是当前的手机种类繁多，手机屏幕的大小、分辨率各异，因此既要考虑应用在不同屏幕大小上的兼容，又要保持其一致性，那么手机网站设计尺寸及界面布局是怎么样满足这一要求的呢？很多人不是很清楚下面【九九数码】小编给大家介绍一下：


　　在客户端的设计过程中，针对不同的屏幕大小，应该如何来设计？是否每个大小的屏幕尺寸都需要一个新的界面布局，


　　一。屏幕大小正确理解


　　说起屏幕大小的时候，会有两种表达方式，1） 我的屏幕2.4寸，你的屏幕3.5寸，2）这个屏幕分辨率 240*320，那个屏幕分辨率为320*480。但在设计过程中，屏幕的分辨率和屏幕的实际尺寸必须同时考虑，屏幕物理尺寸：屏幕对角线长的实际尺寸，如2.4寸，3.5寸等等；屏幕分辨率：屏幕所能显示像素的多少。物理尺寸决定了屏幕的实际尺寸，而分辨率可以表示屏幕上可以呈现的像素点数，屏幕密度决定了屏幕的精细程度。相同的屏幕大小，如果分辨率高，则屏幕元素更精细。一个界面元素在屏幕里的实际尺寸却是与屏幕密度相关，屏幕密度较小的屏上，界面元素的实际尺寸就会大些。


　　二。设计过程与屏幕适配思路


　　确定目标的屏幕大小，屏幕大小由宽度和高度两个因素决定，但是在布局手机客户端的过程中，最关心的是宽度值。宽度确定后，高度可以由滚动或者翻页来显示所有内容；文字可以在适当的位置折行；标题栏可以伸缩适配屏幕宽度等等。但并不是不考虑高度，图标、文字、特殊的组件不仅需要考虑宽度，也需要考虑整个屏幕的布局是否与之适配。


　　由于手机系统各异，手机的屏幕尺寸五花八门，屏幕的性能也呈现多样性，还有触摸屏和非触屏的区分，这四个变量结合起来，会有无数种不同的情况，如何能使你的应用完美地展现给用户，适配固然很重要，但是更重要的是你要在适配之前，确定应用的目标群体也很重要啦，一定要选择适合自己的。

除非注明，文章均为(一品威客网 )原创，转载请保留链接: https://www.epwk.com/xingyezixun/article-i-656-art_id-149737.html