如何重塑移动时代的网页设计过程

随着时代和技术的发展，网页设计的过程正在发生巨大的变化。准确而具体的设计交付清单不再是网页设计的标准，并且整个设计过程中静态页面设计的比例逐渐降低。正如Stephen Hay所说，我们不再仅仅是页面，而是一个包含许多组件的整个系统。

改变的不仅仅是内容和信息。用户使用的设备和内容演示模式正在迅速变化。这些都与网页设计有关，并没有迹象表明这种变化会变慢。我们作为载体和展示载体的设计应该领先于它们。

以前的网页设计过程似乎无法应对所有这一切，并且不再需要修复它。敏捷开发，团队协作和自适应调优都处于设计过程的最前沿，设计与开发之间的界限正在变得模糊。

移动端优先

移动端具有优先权。这个口号已被召唤数年。真正有远见的网页设计师应该非常清楚这句话不仅仅是一个口号。移动优先级将不可避免地涉及设计过程。我们应该从一个小屏幕开始，首先设计一个简单的布局，然后增加它的复杂性，基于它，设计一个更大的屏幕。

由于移动设备的使用超过了PC，移动端的网页浏览无疑成为用户获取信息的主要渠道。移动优先的设计自然应该成为常态。

除非您的网站情况非常特殊，或者您有非常有说服力和特殊的数据来支持您的想法，否则移动优先设计是合乎逻辑且合理的。

与小屏幕相比，降低整个设计的复杂性，更容易适应移动终端，然后增加其复杂性。回想一下，我们已根据之前的流程设计了网页。我们总是厌倦了响应客户的要求，我们必须在后期来回调整设计和代码。未完成的页面和无法访问的移动页面，充满了坑。

桌面页面总是先完成，在此基础上修改的移动页面似乎有点粗鲁。

那么我们不应该把“移动优先”看作一个简单的口号！从现在开始，它真正开始为移动端的小屏幕设计！

搭建而非拆卸

设计是一个积累过程，每一个进步都是在前一步的完成和胜利的基础上逐步建立起来的。

基于小屏幕的设计规划是合乎逻辑的。我更喜欢建造砖块和瓷砖，而不是一个接一个地做。

我可以把众所周知的类比看作“原子设计”，即通过逐渐增加复杂性来构建东西。简而言之，这个想法的设计考虑到了这一点：

根据这些基本设置确定基本的印刷组合，尺寸和颜色，根据上述设计确定小元素的设计，如表格字段和标签，完善大型元素的设计，如完整的联系表格，已经建成的网页元素内置于页面中（例如联系我们的页面）。重复上述过程

正是这些简洁的元素构建了您的页面，而这正是执行相同复杂页面设计的简单方法。只要您使用此设计过程，它带来的可能性是无限的。

通过从一开始就设计设计页面，可以更容易地开始使用这些“砖块”设计，从移动端到桌面的整个设计过程更加顺畅。想想您和您的客户在此过程中需要关注的内容，只需添加详细信息即可。

不要局限于断点

在我们探索响应式网页设计的设计过程时，我们花了很多时间来研究断点和现有硬件设备的设计。这种情况的主要症结是网站的内容。

如果可能，尝试在设计结束时与内容和营销团队密切合作，并将更多时间花在内容的结构和划分上，以防止页面设计影响问题。

即便如此，从设计的开始到设计的结束甚至整个页面，页面的内容可能会不断变化。标题越来越长，图片被替换，块被替换，依此类推。

“如果可能，请尝试使用真实内容进行设计。”

一个真正精心设计的系统应该是自由适应的。所以，如果你真的把营销和内容团队提供的Word文档变成一个可靠的页面，这种事情不应该让你头疼。

虽然需要更多关注一些细节，但经验告诉我你不想变得复杂，也不要想太多。大多数时候，紧凑而巧妙的风格指南可以让一切都成真。

测试和实现

原型设计确实很好，但原型设计的问题在于它是一种“闭门”设计，尚未得到真实用户的验证。

在真实设备上与用户共享设计，以获得众所周知的设计反馈。即使您只绘制线框，也可以在真实设备上测试用户并与之通信。

测试响应式设计应该是一个广泛而多样的过程。找一部智能手机，把你的设计放进去，问一下不设计的同事和朋友，让他们看看这个设计是否可行。然后一步一步地更换iPad和桌面设备。

全新的世界

从全新的角度看待复杂问题，我们所面临的一切似乎都是新的。增加团队成员的亲密度并模糊团队的界限，使整个设计过程更快。随着我们的内容，业务和世界变化更快，我们的设计应该不断适应新的需求和新的情况。