1366×768排第三,占比632%这说明现在主流的电脑分辨率是1920×1080排名第七的分辨率,1024×768,是最小的电脑尺寸了,仅占313%,很少有人使用在做pc端的网页设计时,不用考虑这个尺寸,而应在做pad端和手机端的适配时,将其纳入考虑而更高级的响应式网站应该是在严格的栅格规范下。
实际上大部分的app UI设计和移动端网页,在各种尺寸的屏幕上都能正常显示说明尺寸的问题一定有解决方法,而且有规律可循 像素密度 要知道,屏幕是由很多像素点组成的之前提到那么多种分辨率,都是手机屏幕的实际像素尺寸比如480×800的屏幕,就是由800行480列的像素点组成的每个点发出不同颜色的光,构成。
二屏幕分辨率1标准分辨率1024px*768px目前10%20%的用户在用主体设计内容宽度1000px常用宽度960px,1170px,980px,1100px,1200px首屏高度大约在700px 2常用分辨率1280px*768px主体设计内容宽度1200px常用宽度1190px,1170px,1100px,1200px首屏高约750px 三设计文档大。
只有一些水平元素是独立设计的 响应式布局 响应式布局只需要一个页面布局就可以完成屏幕适配,其实现工作量相对较小然而,有必要用一套方案来适应所有的屏幕尺寸所以设计时要考虑很多因素 一般来说,自适应布局适合复杂页面,响应式布局适合页面结构简单的页面 因为移动端和PC端的巨大差异,包括屏幕大小,操作方式。
评论列表