网页首页设计参考线（网页设计参考线尺寸）
本文目录一览：
参考线如何使用
将鼠标放在三角形上。然后，在按住鼠标的同时用左手按住CTRL键，将三角形拖成一个正圆。河流线的中心点与两条参考线的交点重合。再次按回车键取消三角形的自由变换。然后，清除参考线。扩展数据 参考线和网格可以帮助您准确定位图像或元素。参考线显示为浮动在图像上方的线，不会被打印。
打开我们的photoshop，利用快捷键“Ctrl+N”或者利用开始菜单栏新建一个文档。点击工具栏的菜单“视图”里的“新建参考线”，弹出参考线设置窗口。弹出参考线设置窗口之后，首先设置一条垂直的参考线，位置根据大家的需要设定，这里设定为3cm。
我们可以根据自己的需要添加垂直或水平参考线。我们按住鼠标不动，拖动参考线，这样就可以移动参考线的位置。以这里的设置为例，参考线移动的间距是0.2的倍数，大家可以根据自己的需要进行设置。大家如果要精确移动参考线的话，你可以按住ALT不动进行拖动。
网页设计用PS怎么看两条参考线之间的距离
1、新建画布，调出标尺（ctrl+R/视图-标尺）。设置好标尺单位，如像素（右击标尺刻度，选择单位）。放大图像（放大镜/alt+向上滚动鼠标滚轮/ctrl+‘+’），放大到刻度精确到1像素。将鼠标放在标尺上开始拉动，看到在拉动过程中会显示已经拉动的距离。
2、测量工具可计算工作区域内任意两点之间的距离。当测量两点间的距离时，此工具会绘制一条直线（这条线不会打印出来），并在选项栏和“信息”调板中显示下列信息 ：起始位置（X 和 Y）在 x 轴和 y 轴上移动的水平 （W） 和垂直 （H） 距离。相对于轴测量的角度 （A）。移动的总距离 （D1）。
3、打开你的图像文件并选择测量工具。测量工具位于工具栏的下方，看起来像一个直尺或一个键盘上的i。 点击并拖动测量工具来创建一个起点和终点之间的测量线。这条线将表示你想要测量的距离。 在屏幕上，你将看到一个信息面板显示测量结果。
4、PS精确找到两参考线的交点方法是： 新建白色背景文件，创建新图层； 用“椭圆工具”画两个正圆，新建“水平、垂直”参考线，拉到桌面中心位置； 用“路径选择工具”移动路径，到参考线中心点时会有红色智能参考线提示，能够很容易找到中心点，完成。
网页设计教程|手机网站设计初级教程
步骤1：创建参考线 在开始前，我们先创建原型设计使用的屏幕尺寸参考线。iPhone和Android使用的是典型的320宽度。在本案例中，将参考线高度设置为360，做为iPhone导航可见时的屏幕可浏览区域。点击线框图窗口处的标尺，拖出参考线到线框图中。
电脑桌面上双击Visual Studio 2015，打开软件。设计网布局时，要设置好网页的大小，让网页自适应各种手机屏幕宽度。编辑网页，最好使用HTML5程序。网站首页，要根据行业特点，界面设计要重视用户体验，围绕用户需求来决定网站页面布局。
首先，注册一个凡科帐号，这是开始建站的第一步 第二，登录帐号后，会有建站、互动、微传单三块，一个帐号都可以用，你选择“网站建设”这一块；第三，进入后台之后，选择自己喜欢的手机网站模板。第四，就可以开始设计自己的网站，排版、栏目、文字、图片等设计。
在手机网页的设计制作中，这个问题更加棘手，不仅要考虑分辨率、尺寸大小的兼容，而且设计制作还要考虑不同的手机屏幕的形状，下图显示了手机的不同分辨率，屏幕形状从接近正方形到长方形都有，这在设计制作手机网页时，几乎令人抓狂。
