此刻各类跨屏设备多如牛毛，小到穿着设备，大到电视机，怎样才气在差别的设备上合理的展现出信息，这对付网页设计师来讲是一个应战。相应式网页设计就能够很好的解决跨屏设备的显示问题，那末相应式设计应该怎样设计呢？
1、商品核心定位要确定
虽然相应式设计可以针对差别的屏幕进行适配，可是设计师在进行设计的时辰仍是要将商品的核心定位确定好，需求有哪些功用让能给用户更好的体验？究竟结果在手机和穿着设备这类小屏幕上，不行能展现过于庞大的信息，要把关键功用在第一屏就展现出来。
2、商品会波及到哪些设备
此刻的移动端设备尺寸都纷歧样，若是为了单一的设备区进行零丁设计，不管是时间仍是款项方面的本钱都是十分不划算的。以是在设计以前就要弄分明商品根本上是会在甚么样的设备长进行展现，而后选出多少比力常用的设备，手机、平板电脑、智能电视等等。
设备在纷歧样的运用处景当中，设计以及交互就会有纷歧样的展现。此刻的手机占比十分高，并且也是一个精良的能够直接发生效益的工具。平板电脑按照官方的统计其占比率跟手机比拟差了很远，只是被用户用来作为一个阅读的工具，而pc端虽然达到率不及手机，可是却能够展现出比力丰硕的内容。
3、优先小屏幕做设计
能够各人会以为要先从大屏幕设备起头做，可是你会发现大屏幕上面的内容压缩得手机上面显示，就会泛起比例不协调的问题，图片会变得比力扁。可是假设起头就是在手机上面做设计，那末在大屏幕上根本上就不会有太大的问题。并且还可以更好的按照核心商品以及功用区进行设计。
后，同一的用户体验能够晋升用户对你的商品的依赖感，能够在差别的设备上面轻松的运用你的商品，并且可以确保用户在运用的时辰更好的完成任务，从而晋升商品的经济效益。
