随着科技互联网时代的发展，各种跨屏幕的设备层出不穷，小到智能手表，大到电视设备，如何在各个设备屏幕上合理的展示信息，这无疑是对现在设计师的挑战，在与前端程序开发的友好共同努力下，我们创立了一种匹配目前发展瓶颈的设计，响应式设计，那么如何做好响应式设计，一开始接触的时候，也走了些弯路，现在把这些年在匹飞科技做的响应式设计经验分享大家。

一、确定产品的核心定位

响应式设计能适应各种屏幕的匹配，在设计的时候要考虑产品的核心价值在哪，需要体现的功能如何能让用户的体验最佳，毕竟在手机或者智能手表这种小的设备上，也不能全部展现出繁杂的介绍信息，还是要把主要功能在第一屏的时候展现。

类似打车系列软件一样，主要的功能就是叫车，所以也自然围绕这一功能需求设计。

二. 确认产品能涉及到的设备

现在市面上各种移动端设备的尺寸不一，如果为了单独一个设备去一一设计，在时间和经济成本上是最不划算的，所以要想清楚产品大概会在哪个设备上展示，然后筛选出最常见的几大设备类型，比如，手机、平板、桌面端、智能电视、智能手表以及其它。

设备在不同是使用场景下，在设计和交互上的展现不同，现在手机的占比率是最高的，而且是最好能直接沟通的有效生成效益的一个工具，作为平板倒是据官方统计使用的推广率远不及手机的高，只是被用户拿来浏览的一个工具，作为桌面pc段虽然不及手机快速有效达到使用率，但是是最好能展现完成复杂多面内容任务的专业平台。

三，优先为最小的屏幕做设计

一开始原先也是觉得遵从大屏幕设备上开始，但是会发现问题就是大屏幕的大图比例压缩到手机上的话，有时候会显得在手机上的比例平衡不协调，导致图片很扁的存在，但是如果一开始在手机屏幕上设计的尺寸，那么在大屏幕上的运用稍微能灵活转得开。而且能更好的围绕产品核心功能做设计，然后在大屏幕上也能适当的做加法去填充大屏幕的内容。但是在图片的精选度上还是要优先大屏幕，
避免投射在大屏幕上模糊的尴尬。

四，设计统一的用户体验

比如你再手机上的良好操作是点击这个跳转到这个，跳到其他设备上开始不知道从哪找你需要的功能，为用户增加无所适从的焦虑感，那这种设计无疑是不专业的。良好的统一交互体验能增加用户对产品的依赖感，更轻松的各个设备轻松的互动。而且也能保证用户在使用产品上更高效的完成任务，提升产品的经济效益。

总结：

无论是在响应式设计上，还是其他设计上，设计师都需要去了解产品的核心调用性，倾听用户的体验反馈，在基于这2种条件下，才能更好的完成一个符号市场需求的产品成为一个受大众好评的产品，这样的设计才称得上是合格良心之作。

---

---

需要提供WordPress主题/插件的汉化服务可以随时联系我们！另外成品WordPress网站以及半成品WordPress网站建设，海外Google SEO优化托管服务，百度SEO优化托管服务，Centos/Debian服务器WP专用环境搭建，WP缓存服务器搭建，我们都是你的首选，拥有多年WP开源程序服务经验，我们一直在坚持客户体验，没有最好，只有更好！