\n 如今响应式网站设计已经比较成熟，佛山网络公司一套整体的设计方案，小到智能手表屏幕，大到电视显示器，还兼顾更多普遍存在的智能手机、平板以及电脑屏幕。在许多人看来，跨屏幕响应式设计，只是一套内容调整大小就可以适配。
\n
\n 但是实际上，它所牵涉的因素是非常的复杂的。设计师需要通过设计让内容在不同平台上体验最大化，确保让用户在任何一个屏幕上看到内容的时候，会觉得这些内容就是为这个平台设计的，而不是单纯的缩放而来。
\n
\n
![]()
\n
\n 这样的无缝体验才是跨屏幕设计真正的难点所在。如果想制定一套针对不同设备以及屏幕的设计方案，你需要一套完整的策略。
\n
\n 一、用户体验是核心
\n
\n 用户体验是无处不在的，但是对于特定产品，最为核心的体验存在。产品一般都是用来解决用户面临的问题，它的这一特质让产品更加有意义。关键词内容以及关键词功能的组合，一般都是构成产品的核心用户体验，假如你并没有想清楚这个问题，不妨问问自己：用户需要完成哪些最为常见重要的任务？找到问题答案以后，你的产品就应当从各方面、渠道，完整全面地支持这些功能，帮助用户完成这些任务。
\n
\n 二、敲定你的产品所覆盖的设备类型
\n
\n 现在的移动端设备屏幕尺寸各不相同，单独为某一个设备设计内容无疑是不经济的。根据你的产品覆盖人群、受众分类、使用场景，综合考虑你的内容会优先呈现在哪些设备和平台上，然后有意识地筛选出常见的设备类型：手机、平板、PC端、智能电视、智能手表等。
\n
\n
![]()
\n
\n 不同的设备组合通常是基于不同的场景、需求和服务来构成的，用户会针对不同的屏幕进行不同模式的交互，甚至处理的内容也会有差异。比如说，在手机上，用户更加倾向于使用轻量级的任务，并且进行一定量的沟通和交流。在平板上，用户行为更多集中在内容消费上，并且目前平板的使用量被认为在逐步降低。桌面端依然是用户完成较为专业、复杂任务的首选平台，足以应付复杂多样的内容。了解各种设备类型和使用场景是用来构建用户体验的关键。
\n
\n 三、针对不同内容来匹配用户体验
\n
\n 搞清楚产品本身的核心用户体验之后，选取你的用户群体所使用的硬件设备，这个时候你应该了解每种不同的设备所使用的场景，设备使用的环境和场景是设计的重要依据。
\n
\n 并非所有的内容都符合不同设备的使用场景，比如智能手表就不适合展示大量的文本内容。你的产品所覆盖的设备组当中，每种设备的使用场景不同，应该匹配的用户体验也不一样。移动端用户和桌面端用户的需求就是不同的，场景差异也很大。
\n
\n
![]()
\n
\n 四、优先为最小的屏幕做设计
\n
\n 一直以来，设计师都习惯从最大的屏幕着手设计，最后考虑最小的屏幕上的显示效果，这意味着绝大多数的设计都是从桌面端开始设计的，通常桌面端的内容和功能更全面。当桌面端的整体设计完成之后，再推进到其他设备端的设计。然而，在进行桌面端设计的时候，我们常常会遭遇“厨房水槽”困境：由于产品通常会牵涉到多个利益相关方，许多多余的功能会被加入进来。而实践经验表明，移动端优先的设计往往能够更好的专注于核心功能，更适合作为产品设计的起点。
\n
\n 当你优先设计最小屏幕所需要的界面的时候，这种局面会强制你从最关键最重要的地方开始设计。这也是之前设计圈和产品开发领域一直所强调的“移动端优先”的策略的由来。在此之后，再进行平板、桌面和电视端的设计，就是一个自然的做加法的过程了。
\n
\n 在绝大多数的案例当中，最小屏幕通常是手机屏幕。
\n
\n 五、不要忘记大屏幕
\n
\n 考虑大屏幕上展示内容的独有情况。每种设备不仅屏幕尺寸有差距，而且使用场景也会造成各种区别。比如电视屏幕虽然比桌面端显示器更大，但是因为客厅的使用场景，电视屏幕给用户带来的是“ 10 英寸屏幕的视觉体验”，所以它的实际显示效果，是比PC端尺寸更小的。
\n
\n 六、创造无缝的用户体验
\n
\n 跨设备的用户体验是接下来许多产品都力图做到的事情。在手机上保存笔记，能够在电脑上打开浏览，这只是很基础的工作，相比之下，人们在手机、电脑、电视和智能手表这样的设备上同步数据，切换场景，同系列APP之间互相操控，这样的需求更加复杂，场景、交互和体验所需要的设计要求更高。从一个设备到另外一个设备，用户是期望同系列产品能够提供完全无缝的体验，产品设计师需要对于环境、用户流程有着极深刻的洞悉和精准的判断，也对产品功能和易用性设计提出了更高的要求。
\n
\n 想要把夸设备、多屏幕、响应式的产品做好，不管在APP还是网页上，这都是需要产品设计师、用户体验设计师能够始终将用户体验放在首位。不管用户面对的屏幕是怎样的，设计师要能过让用户时刻感受到产品最核心功能体验，并且无缝的切换。
\n
\n
\n
.jpg)