最新网页设计尺寸规范？

一、最新网页设计尺寸规范？

　　很多刚入行的UI设计师开始接触网页端UI设计的时候，对于基础的界面尺寸规范可能会有一定的模糊认知，导致做出来的页面往往会感觉不是那么和谐，却也不知道怎么去完善和改进。

　　对于大多数的刚入行者来说，如果不是有天赋的那种设计师，了解常用的一些尺寸规范和方法，才能更好的形成自己的专业概念。今天我就带大家了解一下UI设计中网页的设计规范总结。

　　网页UI设计规范

　　1.网页规范：

　　网页宽度为1920 高度不限，有效可视区：950px~1200px宽度，具体尺寸根据项目，客户要求以及用户群决定。

　　首屏高约为700-750PX 主体内容区域1200

　　文档建立：文件宽度为1920PX 高度不限，RGB颜色模式， 分辨率72

　　2.字体规范：

　　中文常用字体：宋体-字体样式(无)、微软雅黑-字体样式(Windows LCD)、苹方(MAC)

　　英文常用字体：Times NewRoman、Arial、sans

　　(1)中文字常用字号：

　　导航文字大小：14px、16px、18px、20px;

　　正文内容：12px、14px;

　　标题：22px、24px、26px、28px、30px;

　　辅助信息：12px、14px;

　　(2)英文字常用字号：

　　标题和内容文字10-16px;中英文结合最小12px;全英文网站最小10px(比如底部信息);

　　(3)段落字体格式：

　　3.网页页面等级

　　(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个

　　注意：网站的首页只能有一个

　　(2)二级页面：从首页点击进入之后的页面叫做二级页面

　　(3)三级页面：从二级页面点击进入的页面

　　4.网页常见板块划分

　　(1)头部区域-----top或header

　　Logo、主导航、搜索、注册、登录、版本等信息...

　　(2)主视觉区----banner

　　展示公司品牌形象、新品宣传、主题活动等轮播大图

　　(3)主要内容区---main

　　新闻动态、产品与服务、公司介绍等

　　(4)底部信息区---footer

　　网站地图、联系我们、版权信息、ICP备案号等信息

　　5.网页的颜色

　　(1)来自于LOGO的颜色

　　(2)来自于环境的颜色

　　(4)来自于产品的颜色

　　(5)公式：随意选择四个颜色，调整四个颜色的明度和直线色相

　　(6)选择一个符合你产品的任意颜色图片，然后在这个图片中提出出来四中颜色，来作为网页的主色调 (服装，饰品、化妆品类居多)

　　6.网页设计需注意的问题:

　　(1)高清大图，图片不能有水印

　　(2)有图片的位置最好配有文字说明不要大篇幅的图片摆放

　　(3)文字排版，标点符号不能在一行的第一个，不要一个文字为独立的一行

　　(4)如果色块中有文字，文字必须在色块的中心，不能上或者下留有太多空白空间

　　(5)如果箭头朝下必须有下拉菜单，如果下拉菜单是合起的状态，箭头朝右

　　(6)banner不能是现成的图片，需要进行合成和设计，也需要有文字的极差关系和对比

　　(7)产品分类中必须有不同的产品体现

　　(8)在每一个板块中都必须体现明显的连接

　　(9)在网页设计中不要有重复图片，每个图片必须有一个部分是完整的

　　(10)图片素材不要直接用设计好的图片

　　(11)在板块中不要有纯图片的设计，一定有文字解释，有链接

　　(12)一个版块内的图片要选择同一种类型

　　(13)图片距离文字不要过近

　　常见的网页布局形式

　　布局的原则

　　网页布局的原则包括：协调、一致、流动、均衡、强调等，另外在进行网页布局设计的时候，需要考虑到网站页面的醒目性、创造性、造型性、可读性、和明快性等因素;

　　(1)协调：将网站中的每一个构成要素有效的结合或者联系起来，给浏览着一个既美观又实用的网页界面。

　　(2)一致：网站整个页面的构成部分要保持统一的风格，使其在视觉上整齐、一致。

　　(3)流动：网页布局的设计能够让浏览者凭着自己的感觉走，并且页面的功能能够根据浏览着的兴趣连接到其感兴趣的内容上。

　　(4)均衡：网页的布局设计要有序的进行排列，UI设计中网页的设计规范总结并且保持页面的稳定性，适当地加强页面的使用性。

　　(5)强调：把页面中想要突出展示的内容在不影响整体设计的情况下，用色彩搭配或者留白的方式将其最大限度地展示出来。

　　不同类型的网站、不同类型的页面往往有不同布局，常见的布局模式为：一栏式、两栏式、三栏式;

　　1.一栏式

　　布局页面结果简单、视觉流程清晰，便于用户快速定位，但是由于排版方式的限制，只适用于信息量小，相对比较独立的网站。通常会通过大幅精美图片或者交互的动画效果来实现强烈的视觉冲击效果，从而给用户留下深刻的印象，提升品牌效果，吸引用户进一步浏览。由于首页信息展示量有限，一般需要在首页中添加导航或者重要入口的链接等。

　　2.两栏式

　　两栏式是最常见的布局方式之一，相对于一栏式可以容纳更多的内容，但是两栏式不具备一栏式布局的视觉冲击，一般可以将其细分为左窄右宽、左宽右窄、左右均等，通过不同的布局比例和位置会影响到用户浏览的视线流和页面的整体重点。

　　(1)左窄右宽

　　左窄右宽的布局，通常左边是导航，右侧是网页的内容。用户的浏览习惯通常是从左到右、从上至下，因此这类布局的页面更符合操作流程，能够引导用户通过导航查找内容，使操作更加具有可控性、适用于内容丰富、导航分离清晰的网站。

　　(2)左宽右窄

　　内容在左侧，导航在右侧，这种结构是突出内容的主导位置，引导用户把视觉焦点放在内容上，然后才是去引导关注更多的信息。比如搜索网站，采用左宽右窄，重点突出搜索的信息，在右侧放次要信息和广告，体现出信息的主次。

　　(3)左右均等

　　这种一般网页左右两侧的比例相差比较小或者完全一致，适用于两边的信息重要成都均等的情况，不体现内容的主次。

　　3.三栏式

　　三栏式的布局方式对于内容的排版更加紧凑，可以更加充分的运用网站空间，尽可能多的展示信息内容，通常用于信息量非常丰富的网站，比如：门户网站、电商网页，学习类网站首页。

　　因此，您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息，请给我点个关注，我之后还会发包含有关在该领域工作的更多相关文章。

二、门垛尺寸规范？

在较薄的墙体上开设门洞时，为便于门框的安置和保证墙体的稳定，须在门靠墙转角处或丁字接头墙体的一边设置的方石。

门垛的作用，墙身加固主要针对砖混结构进行探讨，由于砖混结构是一种脆性结构，延性差，抗剪能力很低，而且自重及刚度大，地震荷载作用时，破坏很严重。因此，为加强结构的整体性，提高结构的抗震性能，需对薄弱环节采取相应的 构造措施。

门垛尺寸

是没有特别规定的，一般120mm左右，最小5公分就可以安装门口套了，老房子一般是240mm。

三、广场尺寸规范？

大型广场面积：大于等于10万平方米。尺寸按照实际情况而定。

中型广场面积：3万平方米-10万平方米之间。尺寸按照实际情况而定。

小型广场面积：低于3万平方米。尺寸按照实际情况而定。

扩展资料：

在城市中广场数量不多，所占面积不大，但它的地位和作用很重要，是城市规划布局的重点之一。

广场按功能分为公共活动广场、集散广场、交通广场、纪念性广场和商业广场。兼有几种功能的称综合性广场。

一般是政治性广场，应有较大场地供群众集会、游行、节日庆祝联欢等活动之用，通常设置在有干道联通，便于交通集中和疏散的市中心区，其规模和布局取决于城市性质、集会游行人数、车流人流集散情况以及建筑艺术方面的要求，如北京天安门广场。

广场设计要点：

在城市总体规划中，要根据组织各种公共活动的需要，对广场的数量、性质、面积、分布和布局等从整体上作出安排。

城市广场是一个由自然的和人工的环境所围成的三度空间。根据它的空间比例、围合程度又可分为封闭的、半封闭的和开敞的几种形式。有的国家的大城市还出现半地下的“下沉式”广场，是一种新的空间形式。

在布局手法上，可分为规则的、自然的或两者混合的几种。广场的艺术布局，包括它的尺度、构图手法等，随着时代的前进、技术的进步和观念形态的改变而不断有所发展。

广场规划设计要运用视觉艺术规律和各种艺术的、技术的手段，把绿化地带、建筑群、雕塑、喷泉、建筑小品和人工照明、音响等有机地结合起来，创造出富有魅力的空间艺术面貌。

四、网页尺寸规范？

1 是指在设计和开发网页时，所遵循的标准尺寸规定。2 的重要性在于确保网页在不同设备上的显示效果一致，并提供良好的用户体验。常见的包括宽度、高度、边距、字体大小等方面的规定。3 选择合适的可以确保网页内容的布局合理，避免出现内容被截断或者过度空白的情况。同时，合适的尺寸规范也有助于提高网页的加载速度和响应性能。4 常见的包括响应式设计，即根据不同设备的屏幕尺寸和分辨率，自动调整网页布局和元素大小。此外，还有一些常用的标准尺寸规范，如桌面端的常见尺寸为 1920px 宽度，移动端的常见尺寸为 375px 宽度等。5 总之，选择适合的能够提升用户体验，确保网页在不同设备上的显示效果一致，并提高网页的加载速度和响应性能。

五、扳手尺寸规范？

拉线扳手最小尺寸4x5mm，最大尺寸65x75，梅花扳手最小尺寸8x10mm最大尺寸17x19，活动扳手4、6、8、10英寸，对应开口1.3、1.93、2.4、3cm，套筒扳手常见6.3mm、10mm、12.5mm三种尺寸。

扳手尺寸

呆扳手

尺寸(单位:毫米)4x5、5.5x7、8x10、9x11、12x14、13x15、14x17、17x19、19x22、22x24、30x32、32x36、41x46、50x55、65x75

扳手尺寸

有些地方叫开口扳手(或死扳手)。主要分为单头和双头扳手，用来拧一定尺寸的螺母或螺栓。

梅花扳手

尺寸(毫米)8x10、10x12、12x14、14x17、16x18、17x19

扳手尺寸

梅花扳手的两端具有带六边形孔或十二边形孔的工作端。梅花端通常用于螺钉(帽)的初始松开和最终锁定，一般用于窄空操作。

活动扳手

尺寸(英寸)为4、6、8和10，对应于1.3、1.93、2.4和3厘米的开口。

扳手尺寸

活动扳手是一种开口宽度可以在一定范围内调节的普通扳手。它通常用作汽车修理工具，用于紧固和松开不同规格的螺母和螺栓。

套筒扳手

尺寸(单位:MM)分为大、中、小三种，常见的有6.3、10、12.5。

扳手尺寸

套筒扳手通常用于转动空之间具有非常窄或深的凹槽的螺栓或螺母。它们是由几个十二孔或六角孔的套筒组成的扳手，配有手柄、连杆和其他附件。

内六角扳手

尺寸(单位:毫米)2，2.5，3，4，5，6，7，8，10，12，14，17，18，22，24，27，32，36

扳手尺寸

六角扳手也是一种常见的扳手，是用来拧紧六角螺丝的工具。所有扳手尺寸都有相应尺寸的螺钉。

六、iphonexui尺寸规范？

iPhone 界面尺寸：320×480、640×960、640×1136、750×1334, 1242×2208。

(以上单位都是像素哦，至于分辨率一般网页UI和移动UI基本上都只要 72PPI像素密度)

当然，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640×960 或者 640×1136 的尺寸设计。

七、iphone尺寸规范？

方法/步骤界面尺寸规范1、界面尺寸大小是：750x1334px。2、状态栏(status bar)：

就是电量条，其高度为：40px;3、导航栏(navigation)：

就是顶部条，

其高度为：88px;4、主菜单栏(submenu，

tab)：

就是标签栏，

底部条，

其高度为：98px;5、内容区域(content)：

就是屏幕中间的区域，

其高度为：

1334px-40px-88px-98px=1108pxIOS界面设计尺寸标准规范图标尺寸规范1、导航栏和工具栏尺寸大小44x44px；2、标签栏尺寸大小75x75px3、导航栏的文字大小最大值是34-36px，

标签栏的图标下方的文字大小为20px。4、内容区域的文字大小是：20px 24px，26px，28px，30px，32px，34px。设置界面的图标高度和开关滑动按钮的高度：58pxIOS界面设计尺寸标准规范可点击高度规范在iPhone6的原型图上，

统一成88px。在iPhone6设计稿中，

88px是一个常用的设计尺寸。IOS界面设计尺寸标准规范搜索栏高度规范搜索栏的高度，

在iPhone6的原型图上，

统一成58px。IOS界面设计尺寸标准规范界面元素之间的距离规范在iPhone6设计稿中，

界面元素之间的常用距离，

亲密距离：20px；疏远距离：

30p x。A、疏远距离：

比如，

所有元素距离手机屏幕最左边的距离。B、亲密距离：

比如，左边图标与右边文字之间的距离。IOS界面设计尺寸标准规范原型设计中，

需要考虑不同屏幕尺寸的苹果手机，

在@1x的情况下的适配情况。1、iPhone5在@2x屏幕尺寸是，

640x1136px;对应的@1x，

屏幕尺寸就是320x568px;2、iPhone6在@2x屏幕尺寸是：

750x1334px;对应的@1x，

屏幕尺寸就是375x667px;3、iPhone6Plus在@3x屏幕尺寸是：750x1334px;对应的@1x，

屏幕尺寸就414x736px;iPhone6Plus的@3x，

iPhone6的@2x, iPhone5的@2x的介绍1、iPhone6Plus是5.5英寸屏幕，1242x2208px-@3x的像素分辨率，

逻辑分辨率是414x981px-@1x。

物理尺寸是1080x1920px。

这个物理尺寸，

也是安卓机目前最流行的大屏设计稿尺寸。2、iPhone6是4.7英寸屏幕，

750x1334px-@2x的像素分辨率，

逻辑分辨率是375x889px-@1x。3、iPhone5是4英寸屏幕，

640x1135px-@2x的像素分辨率，

逻辑分辨率是320x757px-@1x。

八、厨房规范尺寸，厨房规范标准尺寸是多少？

厨房尺寸标准多少答：橱柜一般家庭用最少要2．8米以上才好用．宽是60公分．操作空间一般要留90公分的位置．

九、ui设计尺寸规范

UI设计尺寸规范

在当今数码化的时代，用户界面设计（UI设计）起着至关重要的作用。UI设计旨在提供用户友好的界面，以增强用户体验。然而，要创建出令人满意且与众不同的UI设计，需要遵守一些尺寸规范和最佳实践。

1. 设备尺寸

首先，理解设备尺寸对UI设计至关重要。不同的设备有不同的屏幕尺寸和分辨率。因此，UI设计师必须考虑不同设备上的呈现效果，确保用户界面在各种屏幕上都能正常显示。

常见的设备尺寸包括：

• 移动设备：针对智能手机和平板电脑进行设计时，应根据最常见的屏幕尺寸和分辨率来确定UI元素的大小和排列方式。
• 桌面设备：桌面电脑和笔记本电脑通常拥有更大的屏幕尺寸。在设计桌面应用程序时，要考虑到更大的工作区和元素的排列方式。
• 响应式设计：为了适应各种设备尺寸，一种常见的解决方案是采用响应式设计。响应式设计可以根据设备的屏幕尺寸和分辨率自动调整页面布局和元素大小。

2. 字体和图标尺寸

在UI设计中，选择合适的字体和图标尺寸对于确保可读性和用户界面的一致性非常重要。

以下是一些关于字体和图标尺寸的最佳实践：

• 标题字体：标题应具有较大的字体尺寸，以吸引用户的注意力。通常情况下，标题的字体大小应该比正文的字体大小大一些。
• 正文字体：正文的字体大小应适中，使用户可以轻松阅读内容，并保持界面的整洁。
• 响应式字体：为了适应不同设备上的屏幕尺寸，可以使用响应式字体。响应式字体可以根据屏幕大小自动调整字体大小，以保证在不同设备上都有良好的可读性。
• 图标尺寸：图标是用户界面设计中常用的元素。图标的大小应该足够大，以确保用户能够轻松辨识。同时，图标的尺寸应该与字体的尺寸保持一致，以保持整体的平衡。

3. 边距和间距

边距和间距在UI设计中起着重要的作用。适当的边距和间距可以提高用户界面的可读性和可用性。

以下是几个关于边距和间距的建议：

• 元素间距：在布局UI元素时，应该为元素之间提供足够的间距，以避免它们显得过于拥挤。这有助于用户更容易区分和点击各个区域。
• 文本边距：文本与周围元素之间的边距对于提高可读性至关重要。确保在文本周围提供足够的空间，以避免文字拥挤和不易阅读。
• 按钮边距：按钮是用户界面中常见的交互元素。为了确保按钮易于点击，应该在按钮周围提供适当的边距。

4. 图片和多媒体尺寸

图片和多媒体元素是UI设计中常见的内容之一。在使用图片和多媒体元素时，需要考虑它们的尺寸和质量。

以下是一些建议：

• 图片尺寸：在选择图片时，应该使用高质量的图片，并将其调整为适合显示区域的大小。过大或过小的图片都会对界面的美观度和性能产生不利影响。
• 多媒体尺寸：对于视频和音频等多媒体元素，应该根据设备尺寸和分辨率设置适当的尺寸。同时，还应该考虑到加载时间和用户体验。

5. 响应式布局

随着移动设备的普及，响应式布局已成为UI设计中的重要趋势之一。响应式布局可以根据屏幕大小和方向自动调整页面的布局和元素排列方式。

以下是一些实现响应式布局的最佳实践：

• 流式布局：使用流式布局可以使页面在不同设备上都呈现出类似的外观和布局。流式布局会根据屏幕大小自动调整元素的宽度和高度。
• 媒体查询：媒体查询是实现响应式布局的关键。媒体查询可以根据设备的屏幕尺寸和方向应用不同的样式和布局。
• 可伸缩元素：在响应式布局中，元素的尺寸应该是可伸缩的。这意味着它们应该能够根据设备的屏幕尺寸和方向自动调整大小。

总结

UI设计尺寸规范对于创造出令人满意且用户友好的界面至关重要。设计师应该理解不同设备的尺寸特点，并根据最佳实践选择合适的字体、图标、边距和间距。同时，响应式布局可以确保界面在各种设备上都具有良好的可用性。

十、庭院围栏尺寸规范

庭院围栏是一个庭院中非常重要的元素，它不仅提供了安全和保护，还起到了装饰和界定空间的作用。在选择庭院围栏时，了解相关的尺寸规范对于确保围栏的功能和美观至关重要。

庭院围栏尺寸规范

庭院围栏的尺寸规范通常是由当地的建筑法规和标准所制定的。在购买或安装围栏之前，建议您咨询当地建筑部门，以确保您的围栏符合规范要求。

以下是一些常见的庭院围栏尺寸规范：

1. 高度

围栏的高度是其最重要的特征之一。在大多数情况下，庭院围栏的高度应符合以下要求：

• 前院围栏的高度通常在90厘米至120厘米之间。
• 后院围栏的高度通常在150厘米至180厘米之间。
• 公共空间的围栏通常较高，可能需要达到180厘米或更高。

根据当地规定和您的具体需求，庭院围栏的高度也可能有所不同。确保您了解当地法规对于围栏高度的具体要求。

2. 板件间距

板件间距是指围栏中每个板件之间的间隔。板件间距的尺寸规范可能因不同类型的围栏而有所不同。

通常，板件间距应满足以下要求：

• 对于安全围栏，板件间距应足够小，以防止儿童或小动物通过。
• 对于装饰性围栏，板件间距可以更大，以获得更开放和轻盈的外观。

板件间距的规范可以根据个人偏好和所需功能来选择。

3. 围栏柱间距

围栏柱间距是指围栏中每个柱子之间的间隔。围栏柱间距的尺寸规范可能因不同类型的围栏而有所不同。

以下是柱间距的一些建议：

• 前院围栏的柱间距通常在1.8米至2.4米之间。
• 后院围栏的柱间距通常在2.4米至3米之间。
• 公共空间的围栏柱间距通常较大，可能需要达到4.8米或更高。

确保围栏的柱间距足够坚固，以提供足够的支撑和稳定性。

4. 围栏顶部设计

围栏的顶部设计不仅可以提供装饰效果，还可以增加围栏的安全性。

以下是一些常见的围栏顶部设计：

• 平顶围栏：简单、平整的设计，适用于各种环境。
• 尖顶围栏：尖顶设计可以提高围栏的防犯性。
• 花纹设计：通过在围栏顶部添加花纹或装饰，可以增加围栏的美观性。

围栏顶部设计可以根据个人喜好和庭院风格来选择。

总结

庭院围栏的尺寸规范是确保围栏功能和美观性的关键因素。在选择围栏之前，建议您咨询当地建筑部门，了解相关的法规和标准。

围栏的高度、板件间距、柱间距以及顶部设计都是影响围栏外观和功能的重要方面。根据您的需求和个人喜好，选择合适的围栏尺寸规范。

通过了解庭院围栏尺寸规范，您可以确保您的围栏在保护您的庭院的同时，还能为其增添美感和价值。