ui 网页设计尺寸规范（ui的网页设计）

　　一、网页设计尺寸规范

　　1、页面的尺寸规范主要依据浏览器的窗口大小，一般而言，最接近目前用户使用的屏幕设置尺寸是1024×768像素，真实的最常用的宽度是984px;

　　2、把网站的视觉尺寸设计统一，或者说一致，从而使网站看起来更具视觉统一和立体感;

　　3、页面过宽和过窄同样会影响到网站的视觉效果，当页面过宽时，内容显示会变得杂乱;如果页面过窄，则会使得过长的文字和结构混乱，影响用户体验;

　　4、尽量使每一个页面的高度控制在1800像素以内，这样可以有效地减少网站的加载时间，加快用户的访问速度;

　　5、当设计的网页有一定的内容量等时，需要考虑到页面会有一定滚动量，尽量减少导航栏和侧边栏的长度，以免影响有效的网页内容的显示;

　　6、在网站的设计上，尽可能使不同的页面尺寸保持一致，否则会给用户以不统一的感觉，影响网站的视觉效果，并让用户感到失望;因此，要尽可能保持视觉元素的一致性;

　　7、尽量做到网站背景尽可能大但宽度不超过1024，以便页面出现完整装饰，减少页面的空白感觉及阻碍整体视觉美观，因此网页的背景尽可能是大背景;

　　8、页面的布局应当采用可自适应的，也就是能够根据用户屏幕分辨率自动缩放的布局方案，避免出现背景延伸和内容溢出的情况，使用户能够得到良好的视觉效果。

　　综上所述：网页设计尺寸规范，主要依据浏览器窗口大小，宽度984px;尽量使得每一个页面的高度控制在1800像素以内;统一网站的视觉尺寸设计，防止页面过宽和过窄;页面布局尽量采用可自适应的，背景尽量大但宽度不超过1024;尽量让不同的页面尺寸保持一致性。

　　一、 UI 网页设计尺寸规范

　　UI 网页设计尺寸规范是指在网页设计过程中采用的图形视觉尺寸规范，主要涉及字体、图片、按钮等网页元素的尺寸标准。UI 网页设计尺寸规范能够帮助网页设计师增加创意，帮助用户无缝浏览网页，同时，UI 网页设计尺寸规范也是让网站更加美观，达到良好用户体验的关键。

　　1.字体尺寸规范

　　UI 网页设计中的字体尺寸规范主要涉及到H1-H6、正文以及标签等网页字体的尺寸标准，一般来说，H1 级别的字体尺寸应该大于等于20px，H2 -H6 的字体尺寸递减至正文正常尺寸，正文字体尺寸一般为14px-17px，标签尺寸则由字体大小决定。

　　2.图片尺寸规范

　　图片尺寸规范是指在 UI 网页设计中，所使用图片的尺寸大小，一般情况下，图片尺寸最大规格为1440pxX900px，Logo 尺寸可以在150pxX50px-500pxX200px之间设定，主图/副图可以根据具体情况可调整，要注意的是，图片尺寸的调整并不是为了应付不同终端，而是保持清晰度。

　　3.按钮尺寸规范

　　按钮尺寸规范是指 UI 网页设计按钮的尺寸标准，尺寸准则分为垂直尺寸和水平尺寸，水平尺寸上以长方形或最小圆角矩形视觉组件为主，水平高度一般为30px-60px，水平长度根据文字长度来设定。

　　4.其他元素尺寸规范

　　UI 网页设计元素的尺寸标准在上述讲解的字体、图片和按钮元素中已经体现出一定程度，除此之外，其他元素比如表格、输入框、复选框等，其尺寸标准也要根据业务场景适当调整，以保证网页的统一性、美观性、便于阅读。

　　由此可见，UI 网页设计尺寸规范不仅是包括图片、按钮等图形视觉尺寸规范，而且还涉及到许多元素的尺寸标准调整，它能够帮助网页设计者发挥创意，通过合理尺寸来让更多人享受网页视觉互动带来的乐趣。