第一，全体的框架构成不应太过于杂乱，应该以简单为主。一般我们网站上的内容都是文字与图片为主，因而，呼应式网站也不例外。在确定了基调之后，就是设计文字与图片的详细排版了。按人们的一般习惯，网站左边一般放一些文字或许其他东西，比如说产品链接等，而右边就只放图片，这样就很符合人们在网上的阅读习惯了。这样的最简便也是最经典的布局，显得异常的明晰，使人第一眼看上去就非常的舒畅。

    第二，因为在生活中，大部分人都喜爱一些能直接引起自己兴趣的事物，其中以色彩鲜艳的图片为首要。因而，在呼应式网站的主页，应该尽可能多的添加一些图片，文字尽量少一些，避免引起用户阅读上的不适，然后有了很多的抵挡心思。视觉上的刺激总是能给人形象深入，可是又不是彻底没有文字，只是说文字尽可能的做为图片的点缀，并且整个网站的背景色不应该过于鲜艳，免得盖住了产品和布局图片的"风貌"，导致主次不分，背景色以黑色、白色、灰色等暗色彩为主，错开布局。

    第三，说完了呼应式网站全体的设计，再来说一说侧边栏的布局。侧边栏不同于网站主页，尽管它也归于呼应式网站的一部分，可是它有愈加精细的要求。侧边栏内容的设置也是首要以图片和文字为主，可是在这里，两者所占的比重是相同的，一般一个产品会分一个版块，版块的上半部分为图片，其细节要做得愈加详细一点，下部分为介绍文字，仔细的阐明产品的用处、特色等等。这样的布局就显得很专业，因为侧边栏的一些内容都是相差不多的信息，这样的设计会让用户感到很舒畅，关于自己所需求的信息也能快速的找到。

    第四，当你做完了以上的工作后，你会发现呼应式网站的全体架构已经完成了，并且一切的图片和文字排布的非常合理，可是假如仅仅是这样的话还很不行，有时候你需求一些额定的信息出现在网站上，但是假如再在网站主页添加内容的话，会显得主页非常拥挤，很不漂亮。因而，这个时候你可以添加一项功用，那就是CAT按钮，这个的功用就是相当于一个"链接",这个"链接"占的空间不大，然后用户看到了之后，只需点击一下，就能跳转到关于产品的愈加详细的信息，因而，添加一个CAT，既可以节约空间，也能让网站愈加的丰厚。

    最终，关于网站的全体背景图片。这个背景的选择是很重要的，它能第一时间吸引到用户的眼光。应该选择一些与网站全体色彩相差很大的颜色，并且要异常的明晰，这样差异化比较大的图片，会让用户感到很有新鲜感，一起全体网站的布局简约，散发出一种其他网站所没有的神韵，让人不自禁的就想更多的了解这个网站。选好背景图片之后，应该将这个图片的亮度调低，否则就会影响到主页图片的出现，一起在网站底部的部分内容，不要一字排开，应该要一高一低的出现，这样会愈加的有层次感。