千锋UI学员分享网页设计中如何确定屏幕的分辨率

来源：千锋教育

发布人：Yolanda

时间： 2018-11-15 16:10:00

　　千锋郑州UI培训第二阶段的后期，我们学习了网页设计，也做了几个作品。这既是对我们之前所学知识的整合应运，同时也加深了我们对知识的理解和熟练程度。学习网页设计，确定屏幕分辨率很重要，接下来我就谈一下我对分辨率的理解。

　　频幕分辨率用来确定计算机频幕上显示多少信息的设置，以水平和垂直像素来衡量，显示分辨率就是频幕上显示的像素个数，频幕尺寸一样的情况下，分辨率越高，显示效果就越精细和细腻。分辨率不同，网页展示给用户的效果就不一样。

　　网页设计中，宽度的设置是没有绝对固定的值的，根据我们的需求出发。目前网页的宽度主要分为两种：定宽，即内容区域宽度固定;自适应，即内容区域宽度跟随浏览器变化。

　　定宽是我们日常最常见的形式，标准分辨率1024*768：有效设计内容宽度1000PX以内，屏高700以内;常用分辨率1280*800：有效设计内容宽度1200PX以内，首屏高750以内;常用分辨率1920*1080：屏幕宽度为1200-1400以内。

　　自适应模式随着HTML5的应用而诞生，但是宽度自适应模式和响应式设计不是完全相等的。一般自适应宽模式，是让主内容区域可以随画布的拉伸而做调整，让整个浏览器的画布区域被最大化利用，展示更多的文字信息或图像，带来更好的浏览体验(设计得好的情况下)。而响应式设计，是在多种平台下可以良好显示和运行的一种框架，在不同的宽度下回展现出不同的排版和样式。

　　需要注意的是，即使我们采用了定宽的模式，也可以在特定的模块使用自适应模式进行组合的，常见的就是网页的头部和底部，还有部分带有背景色、图案的模块，比如天猫网页。不要用太大的画布进行设计，否则设计出来的演示稿会没有观赏性，对预览效果大打折扣。

　　虽然还未完成艰苦奋斗,但千锋郑州UI培训班的老师给了我正确的指引，带给了我学好网页设计、学好UI设计的勇气。我会充分利用接下来一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习和探索，在网络的天空下逐渐的美化自己的人生!

声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。