网页设计流程步骤(移动端的时代要如何重塑网页设计流程？)

随着时代和技术的发展，网页设计的过程正在悄然发生着巨大的变化。准确具体的设计交付清单不再是网页设计的唯一标准，静态页面设计在整个设计过程中所占的比例正在逐渐下降。正如斯蒂芬海所说，我们设计的不再是一个简单的页面，而是一个包含许多组件的完整系统。

不仅内容和信息在迅速变化，用户使用的设备和内容呈现的方式也在迅速变化。这些与网页设计密切相关，没有迹象表明这种变化会放缓。而我们的设计，作为表达的载体和载体，应该走在他们的前面。

以前的网页设计过程似乎无法应对今天的这一切，所以迫切需要修复它。敏捷开发、团队协作和适应性调整都是设计过程的前沿，设计和开发之间的界限变得越来越模糊。

移动端优先

“移动第一”的口号已经喊了好几年了。一个真正有远见的网页设计师应该知道这不仅仅是一个口号。移动优先级不可避免地涉及到设计过程。我们应该从一个小屏幕开始，首先设计一个简单的布局，然后增加它的复杂性，并在此基础上设计一个更大的屏幕。

随着移动设备的使用超过了个人电脑，移动网页浏览无疑成为了用户获取信息的主要渠道，手机的优先设计自然应该成为常态。

除非你的网站非常特别，或者你有令人信服的特殊数据来支持你的想法，否则手机端的优先设计是合理的。

与降低小屏幕的整体设计的复杂性相比，它更容易适应移动终端，然后增加其复杂性。回想一下根据前面的过程设计网页。我们总是在努力满足客户的需求，并且在后期不得不来回调整设计和代码。不容易使用的未完成页面和移动页面，以及无尽的坑。

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

那我们就不应该把“手机第一”当成一个简单的口号。从现在开始，设计真正意义上的移动终端小屏幕！

搭建而非拆卸

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

基于小屏幕的设计方案是合理的。我喜欢一砖一瓦地建造，而不是一点一点地拆除。

我能想到的最好的类比是“原子设计”，它通过逐渐增加复杂性来构建事物。简而言之，借助这个想法就是做这个设计：

确定基本排版组合、大小和颜色使用是基于这些基本设置，确定小元素(如表单域和标签)的设计是基于上述设计，完善大元素(如完整的联系表单)的设计，将这些已经构建的网页元素构建成页面，并重复上述过程

正是这些不起眼的元素构建了你的页面，也正是这种简单的方式让你完成了之前看起来如此复杂的页面设计。只要你很好地使用这个设计过程，它带来的可能性是无限的。

完成这些“砖块和瓦片”的设计比从头开始处理设计页面更容易上手也更方便，并且从移动端到桌面端的整个设计过程更完美和流畅。想一想在这个过程中你和你的客户需要关注什么，不断添加细节。

不要局限于断点

在讨论响应性网页设计的设计过程时，我们花了很多时间在断点媒体查询和现有硬件设备设计之间的平衡上。这种情况的主要症结是网站的内容。

如果可能的话，在设计的后期尽量与内容和营销团队紧密合作，多注意内容的结构和划分，以防止网页的设计受到影响和意外。

即使如此，从设计的开始到设计的结束，甚至整个网页在线，网页的内容可能一直在变化。标题越来越长，图片被替换，区块被替换，等等。

"如果可能，尝试用真实的内容设计."

一个真正复杂的系统应该是可伸缩的。因此，如果营销和内容团队提供的Word文档转化真的变成了一个可靠的页面，这样的事情应该不会让你感到头痛。

虽然确实应该更加注意一些细节的处理，但我的经验告诉我不要想太多或太多。大多数时候，一个紧凑和智能的风格指南可以让一切按计划进行。

测试和实现

原型设计确实很好，但是原型设计的问题是它仍然是一个“闭门”设计，还没有被真正的用户验证。

在真实设备上与用户分享一起设计，以便获得最佳设计反馈。即使你只画一个线路图，你仍然可以在真实的设备上测试和与用户交流。

测试响应性设计应该是一个广泛而多样的过程。找一部智能手机，把你的设计放进去，问问没有设计的同事和朋友，看看这样的设计是否可行。接下来，逐步更换iPad和桌面设备。

全新的世界

从一个全新的角度看待复杂的问题，我们必须面对的一切似乎都是新的。加强团队成员的合作，模糊团队的界限，可以加快整个设计过程。我们的设计应该不断适应新的需求和新的情况，因为我们的内容、业务和世界都在快速变化。