网页制作尺寸版心，网页设计版心常用尺寸

用ps网页制作制作时怎么把版心测量出来?

用ps看网页版心尺寸如下。首先将ps软件打开，打开之后，在软件右侧的图层里面选择需要查看的图片。选中了之后点击工具栏上方的图层选项。选择了图层之后，就会弹出一个下拉菜单栏，点击图像大小选项。选择了图像大小之后，就会弹出图片的图像大小窗口。在此窗口就可以看到图片的尺寸了。

在PS、AI、ID中快速绘制网格的方法如下：photoshop： 设置网格单位：首先，将网格的单位设置为毫米或其他合适的测量标准。 创建网格：使用参考线版面工具，可以快速创建一个5X8或其他所需尺寸的网格。 显示/隐藏网格：通过快捷键Ctrl+；可以方便地显示或隐藏网格。

在Photoshop中，设置网格单位为毫米，使用参考线版面工具创建5X8的网格，Ctrl+；可显示或隐藏网格。而在adobe Illustrator中，虽然没有直接的网格命令，但可通过“矩形工具”先绘制版心，然后用“路径”-“分割为网格”功能设定网格，Ctrl+5将其转为参考线。

步骤如下：设定纸张大小。点击右上角的“文件”选择“新建”。建立白色图层。在窗口里选择“国家标准→A4”。这时会出现A4大小的白色图层。设定出血尺寸（值）。点击“图像”选择“画布”。在“新建”下面输入出血宽度。一般是一周扩展3毫米。因此，在原来尺寸的基础上再加6毫米。

打开Photoshop CS4软件，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出的新建对话框，名称：书籍封面设计，宽度：204毫米，高度：140毫米，分辨 率： 300像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击“确定”按钮，如图1所示。

在photoshop中打开此照片，双击图层解锁，快捷键Ctrl+R调出标尺栏。将照片摆正，消除透视，从上方标尺栏拉出一条参考线到相片接缝处。快捷键Ctrl+T调出变形工具，旋转照片，接缝与参考线基本重合即可。再从上方标尺栏拉出一条参考线到照片下端，从左方标尺栏拉出两条参考线到照片左右两侧。

UI设计网页时,导航栏尺寸规格一般是多少?

常见尺寸：940px、960px、980px、1000px等。这些宽度主要是基于常见的屏幕分辨率和设计习惯来确定的，以确保导航栏在不同设备上都能良好地显示。高度：常见范围：一般为30px左右。这个高度可以容纳导航项的文本和可能的图标，同时也不会占用页面过多的垂直空间。

当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域为1200px以内都可以。在800*600分辨率下，导航栏尺寸规格保持在778px以内；在1024*768分辨率下，网页宽度保持在1002px以内。如果没有指定的要求，以1920尺寸设计就好（这是目前最普遍的尺寸大小），前端开发人员会自行适配其他的分辨率。

导航栏和工具栏尺寸大小44x44px。标签栏尺寸大小75x75px。导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。内容区域的文字大小是：20px24px，26px，28px，30px，32px，34px。

为什么网页要把版心做成1200

1、因为1200在PC端展示占比差不多是3：2，显示效果最佳，而使用移动端时，这个占比也不会将页面两侧留空白。

2、这个尺寸能够适配大多数现代显示器，确保网页在不同设备上都能良好显示。内容区域（版心）尺寸：页面内容区域常设置为1200px（或1000px -1200px区间）。这个尺寸既能够容纳足够的信息，又不会显得过于拥挤，保证了良好的阅读体验。

3、定位方式：固定定位，位置保持与版心固定的位置。动画效果：后期使用javascript实现。快速搭建公共结构和页面 复制公共结构 方法：首页制作完毕后，分析与其他页面的共同之处，按照模块进行拆分复制选择。直接复制index.html文件，删除不需要的结构，保留公司页需要的公共结构部分。

4、版心是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200px等。布局流程 为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下：确定页面的版心（可视区）。分析页面中的行模块，以及每个行模块中的列模块。