
网站建设用PS设计网站的宽度和高度是比较灵活的,通常根据网站的具体需求和设计风格,可以根据不同的屏幕尺寸和分辨率进行调整。下面是一些常用的尺寸和规定,但并非固定不变的。
一、网站宽度和高度:
1. 响应式设计:随着移动设备的普及和使用,许多网站采用响应式设计,以适应不同尺寸的屏幕。在这种情况下,设计师通常会使用流体布局,而不是固定的宽度和高度。这样,网站能够根据浏览器窗口或设备屏幕的大小自动适应和调整。
2. 固定宽度设计:在传统的网站设计中,通常会使用固定宽度的布局。常见的宽度尺寸有960px、1200px等。这种设计在较大屏幕上可能显得留白较多,但在小屏幕上可能需要进行水平滚动。
3. 全屏设计:有些网站采用全屏设计,即利用浏览器的全部空间进行展示。这种设计具有较高的视觉冲击力,但需要考虑用户浏览的舒适度和读取体验。
二、分辨率:
分辨率用来描述屏幕或图片中显示的像素密度,通常以每英寸所显示像素数量为单位,常用的单位有ppi(每英寸像素数)和dpi(每英寸点阵数)。
1. 常见的屏幕分辨率:常见的屏幕分辨率有1920x1080(Full HD)、2560x1440(2K)、3840x2160(4K)等。这些分辨率适用于不同尺寸的显示器或移动设备,用于显示网站的效果和细节。
2. 设计时使用的分辨率:在使用PSD进行网页设计时,可以根据实际需求和使用的设备进行选择。一般来说,常见的设计分辨率有72ppi和300ppi。72ppi通常用于屏幕显示,而300ppi用于打印输出。
三、PSD制作网页图的规定尺寸:
1. 页面尺寸:在PSD中,可以设置页面的尺寸来进行设计,包括宽度和高度。一般来说,宽度可以根据设计或网页布局的需要进行确定,高度可以设定为适当的数值,以适应页面内容的显示和滚动。
2. 栅格系统:为了更好地对齐和布局网页元素,设计师通常使用栅格系统来进行设计。栅格系统将页面分割成不同的列和行,方便进行布局和排版。常见的栅格系统有12列、16列等,可以根据设计需求选择合适的栅格。
综上所述,网站建设用PS设计的网站宽度和高度、分辨率以及PSD制作网页图的规定尺寸并无固定的规定,而是根据具体的需求和设计来确定。设计师应根据网站的目标、受众群体以及使用设备等因素来灵活选择相应的尺寸和分辨率,以达到*的用户体验和设计效果。