1.3.2　方案设计

设计师结合用户需求和技术可行性综合考虑整体方案能有效避免设计评审时为开发人员带来的技术挑战，在后期开发跟进和设计还原时也能减少不必要的麻烦。以互联网设计为例，交互设计师和UI设计师在设计时需要考虑的技术细节是不同的，但又彼此有关。

交互设计师在画设计稿时重点关注的事项包括交互框架的合理性和可复用性。合理性包括交互框架和交互流程是否匹配，重点在于每个控件、页面和流程的点击、跳转逻辑是否畅通。以长页面加载数据为例，当用户进入某个页面时，App从服务器下载数十个甚至数百个资源，App会白屏或者卡顿一段时间。为了解决这个问题，不懂技术的设计师可能会采取分页加载的设计，也就是用户滑到页面顶部点击“加载更多”按钮或者通过手势触发“加载更多”的交互事件。但如果设计师懂技术，在数据加载这个细节上可能会有更好的解决方案，那就是采用懒加载（Lazy Loading，也叫延迟加载）策略，相关细节会在本书后续章节讲解。

可复用性更看重的是设计师是否熟悉当前平台的设计规范和实现策略。例如，自己设计的控件/组件在样式和功能上是否和当前设计已有的或者平台的控件/组件设计规范保持一致，如果不一致需要开发人员重新实现一套新的控件/组件库。在这一点上如果没做好，可能每个页面的控件和组件调用的是不同开发人员写的库，后续维护成本相当高。现在设计行业逐渐推广的原子化设计和设计系统也是为了该目的，复用程度高的设计对于开发人员来说就是调用一段甚至一行代码，所以设计师在设计相关流程时可以提前和开发人员沟通，这样有助于减少双方的工作量和后期沟通成本。

UI设计师在画设计稿时重点关注的是界面的可复用性和美感。可复用性包括App界面如何适配不同平台以及不同大小的屏幕，之前设计的控件/组件样式是否适合用于当前的需求。设计做好适配前提是了解响应式设计该怎么做，以及将这套策略和开发人员沟通清楚，包括如何通过百分比来控制控件/组件的大小和间距；如何通过界面布局和交互流程将一套设计自适应计算机和手机屏幕，这些工作都需要和交互设计师以及开发人员协商一套可用的交互和技术规则。有些UI设计师为了保持当前界面的美感会设计出和其他界面不同的控件和组件，这对于自己、组内其他设计师以及开发人员来说都不是一件好事，因为整套设计变得不好维护。在设计时UI设计师可能会重新调整交互设计稿中控件/组件的大小和摆放位置，这时候UI设计师应该考虑这些元素的摆放规则是什么，是居左、居中还是居右？每个元素之间的关系是什么？元素和容器之间的层级是什么？UI设计师在设计时可能没关注这些细节，但这些细节会影响整个界面的技术实现。因此，设计师在画稿时结合技术实现考虑设计可行性，能有效提升和上下游的沟通效率。