响应式设计是指网站能够自适应不同尺寸的设备，比如电脑、平板、手机等，以提供更好的用户体验。以下是网站设计制作中的响应式设计技巧：

采用流式布局（Fluid Layout）

流式布局可以根据屏幕大小调整网站的宽度和高度，以适应不同的设备和分辨率。与固定布局相比，流式布局可以更好地适应不同的设备和分辨率。

使用弹性图片和媒体

弹性图片和媒体可以根据屏幕的大小自动调整大小，以适应不同的设备和分辨率。这样可以避免图片和媒体在小屏幕设备上显示不全或者过大的问题。

优化导航栏

在小屏幕设备上，导航栏往往需要折叠或者隐藏，以避免占用太多的屏幕空间。因此，在设计导航栏时，需要考虑到在小屏幕设备上的显示问题，并采用相应的设计技巧。

采用自适应字体

自适应字体可以根据屏幕的大小和分辨率自动调整字体大小和行距，以提高网站的可读性和用户体验。

优化按钮和表单

在小屏幕设备上，按钮和表单需要更加简洁明了，以便用户更方便地操作和输入。因此，在设计按钮和表单时，需要考虑到在小屏幕设备上的显示问题，并采用相应的设计技巧。

使用媒体查询

媒体查询可以根据屏幕的大小和分辨率调整网站的样式和布局，以提高网站的可读性和用户体验。通过媒体查询，可以针对不同的设备和分辨率，为网站提供不同的样式和布局。

综上所述，以上是网站设计制作中的响应式设计技巧，通过采用这些技巧，可以提高网站的可读性和用户体验，适应不同的设备和分辨率。