随着时代和技术的发展,网页设计的过程正在悄然发生着巨大的变化。准确、具体的设计交付列表不再是网页设计的唯一标准,静态页面设计在整个设计过程中的比例正在逐渐降低。正如Stephen Hay所说,我们设计的不再是一个简单的页面,而是一个包含很多组件的整个系统。
不仅仅是内容和信息在快速变化。用户使用的设备和呈现内容的方式也在迅速变化。这些都与网页设计密切相关,而且这种转变没有放缓的迹象。而我们的设计作为载体和外观的载体,应该领先于他们。
以前的网页设计流程似乎无法应付今天的这一切,改版迫在眉睫。敏捷开发、团队合作和适应性调整都处于设计过程的最前沿,设计和开发之间的界限越来越模糊。
移动端优先
Mobile first,这句口号已经喊了好几年了,真正有远见的网页设计师应该很清楚这句话远不止一句简单的口号。移动优先肯定会涉及到设计过程。我们应该从小屏幕开始,先设计一个简单的布局,然后再增加复杂度,以此为基础进行大屏幕的设计。
随着移动设备的使用率超过PC,移动设备上的网页浏览无疑成为了用户获取信息的重要渠道,移动优先设计理应成为常态。
除非你的网站情况非常特殊,或者你有非常有说服力的特殊数据来支持你的想法,否则移动优先设计是合乎逻辑的。
相比于为了小屏降低整个设计的复杂度,先适配移动端再增加复杂度更容易。回想一下按照之前的流程设计网页,我们总是厌倦了响应客户的请求,后期还要调整设计和代码。未完成的页面和不好用的移动页面是无尽的坑。
桌面端的页面总是先完成,这里基本改正的移动端页面总是显得有些粗制滥造。
那么让我们停止使用“移动优先”作为简短的口号吧!从现在开始真正意义上的移动端小屏设计!
搭建而非拆卸
设计是一个积累的过程,每一次改进都是在前一步的完成和成功的基础上逐步建立起来的。
基于小屏幕的设计方案是合乎逻辑的。我更喜欢一砖一瓦地建造它,而不是一点一点地拆除它。
我能想到的最好的比喻是“原子设计”,即通过逐渐增加事物的复杂性来构建事物的设计方法。总之,有了这个思路,就是这样设计的:
确保基本排版、大小和颜色使用基于这些基本设置。确保表单字段和标签等小元素的设计基于上述设计。完善大型元素的设计,例如完整的联系表。将构建好的网页元素构建成一个页面,重复上述过程
正是这些不起眼的元素构建了你的页面,正是这样一种简单的方法也可以完成之前看起来复杂的页面设计。只要你用好这个设计过程,它带来的可能性是无穷无尽的。
相较于一开始就设计页面,完成这些“一砖一瓦”的设计更加轻松便捷,从移动端到桌面端的整个设计过程更加完美顺畅。想一想你和你的客户在这个过程中需要关注什么,无非就是不断地添加细节。
在讨论响应式网页设计的设计过程时,我们在打破媒体查询和针对现有硬件设备进行设计的平衡上花费了大量时间。这种情况的一个重要关键是网站的内容。
如果可能的话,尽量在设计后期与内容和营销团队紧密合作,多注意内容的结构和划分,防止在这个问题上出现最终影响网页设计的意外。
即便如此,从设计开始到设计后期甚至整个页面上线时,网页的内容可能都在不断变化。标题越来越长,图片变了,块变了,等等。
“如果可能的话,尽量将真实的内容应用到你的设计中。”
一个真正设计良好的系统应该是灵活的。因此,如果将营销和内容团队提供的Word 文档转换为实体页面是真的,这样的事情应该不会让您头疼。
虽然
然有些细节的处置上确切须要多加注意,但是我的经验告知我,其实并不要想庞杂了,也不要想多了。绝大多数时候,一个紧凑而聪慧的设计作风指南(Style Guide)能让所有的事情水到渠成。我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!