十年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

关于手机网站设计尺寸及界面布局的介绍

百恒 2016-11-15 16:15:06 1000 读取中.
       随着手机网民的巨增以及各个手机应用平台的上线,几乎所有的互联网应用都纷纷往手机平台上迁移。但是当前的手机种类繁多,手机屏幕的大小、分辨率各异,因此既要考虑应用在不同屏幕大小上的兼容,又要保持其一致性,那么手机网站设计尺寸及界面布局是怎样满足这一要求的呢?很多人不是很清楚,下面百恒网络给大家介绍一下:
       在客户端的设计过程中,针对不同的屏幕大小,应该如何来设计?是否每个大小的屏幕尺寸都需要一个新的界面布局,
       一.屏幕大小正确理解
       说起屏幕大小的时候,会有两种表达方式,1) 我的屏幕2.4寸,你的屏幕3.5寸,2)这个屏幕分辨率 240*320,那个屏幕分辨率为320*480。但在设计过程中,屏幕的分辨率和屏幕的实际尺寸必须同时考虑,屏幕物理尺寸:屏幕对角线长的实际尺寸,如2.4寸,3.5寸等等;屏幕分辨率:屏幕所能显示像素的多少。物理尺寸决定了屏幕的实际尺寸,而分辨率可以表示屏幕上可以呈现的像素点数,屏幕密度决定了屏幕的精细程度。相同的屏幕大小,如果分辨率高,则屏幕元素更精细。一个界面元素在屏幕里的实际尺寸却是与屏幕密度相关,屏幕密度较小的屏上,界面元素的实际尺寸就会大些。
       二.设计过程与屏幕适配思路
       确定目标的屏幕大小,屏幕大小由宽度和高度两个因素决定,但是在布局手机客户端的过程中,最关心的是宽度值。宽度确定后,高度可以由滚动或者翻页来显示所有内容:文字可以在适当的位置折行;标题栏可以伸缩适配屏幕宽度等等。但并不是不考虑高度,图标、文字、特殊的组件不仅需要考虑宽度,也需要考虑整个屏幕的布局是否与之适配。
       由于手机系统各异,手机的屏幕尺寸五花八门,屏幕的性能也呈现多样性,还有触摸屏和非触屏的区分,这四个变量结合起来,会有无数种不同的情况,如何能使你的应用完美地展现给用户,适配固然很重要,但是更重要的是你要在适配之前,确定应用的目标群体也很重要啦,一定要选择适合自己的。
       以上是百恒网络专业南昌网站建设、南昌手机网站制作多年来总结的一些经验,希望对大家有些帮助!欲知更多关于南昌政府网站建设、南昌电商购物网站开发、南昌微信开发等方面的信息,欢迎致电百恒网络!
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×