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

时间: 2022-09-02 08:30:35 浏览次数:290
随着时间和技能的发展,网页设计的过程正在悄然发生着巨大的变化。 准确的设计交付清单不再是网页设计的唯一标尺,静态页面设计在整个设计过程中所占的比重逐渐降低。正如Stephen Hay所说,我们设计的不再是一个简单的页面,而是一个包含许多组件的完整系统。 & nbsp不仅内容和信息在快速变化,用户使用的设备和内容呈现的方式也在快速变化,这些都与网页设计密切相关,而且没有迹象表明这种变化会放缓。 而我们的设计,作为载体和外观的载体,应该走在他们前面。 & nbsp以前的网页设计流程,今天已经不能敷衍了,急需修复。 敏捷开发、团队合作和适应性调整都处于设计过程的最前沿,设计和开发的界限越来越模糊。 & nbsp移动端 :移动第一,这个口号喊了好几年了,真正有远见的网页设计师应该很清楚,这句话远不止口号。 移动优先肯定会涉及到设计过程。我们应该从小屏幕开始,先设计一个简短的布局,然后增加它的复杂度,在此基础上设计更大的屏幕。 & nbsp随着移动设备使用量超过PC,移动网页阅读无疑成为用户获取信息的重要渠道,移动优先的设计自然应该成为常态。 & nbsp除非你的网站情况非常特殊,或者你有令人信服的特殊数据来支持你的想法,否则mobile first的设计是符合逻辑和合理的。 & nbsp比起为小屏幕降低所有设计的复杂度,先适配移动终端再提升其复杂度更容易。 回想一下之前设计网页的流程。我们总是疲于应对客户的请求,后期还要来回调整设计和代码。 未完成的页面和不好用的移动页面,无尽的漏洞。 & nbsp桌面页面总是先完成,这里基本改正的移动页面总显得有点粗制滥造。 & nbsp那我们就不要放& rdquo移动端是第一& rdquo把它当做一个简单的口号!从现在开始,真正设计移动终端的小屏幕!& nbsp建而不是拆的设计是一个积累的过程,每一次改进都是在前一步完成并成功的基础上逐步建立起来的。 & nbsp基于小屏幕的设计方案是合乎逻辑的。 我更喜欢一砖一瓦地建造,而不是一点一点地拆除。 & nbsp我能想到的最好的类比是& ldquo原子设计& rdquo这种设计方法是通过逐渐提升复杂性来构建事物。 简而言之,借助这个思路,设计如下:排版组合、大小、颜色的根本应用,就是基于这些根本设置。可以肯定的是,表单域、标签等小元素的设计都是基于上述设计,完整的联系人表单等大元素的设计是完美的。这些已经构建的网页元素被构建到页面中。重复上面的过程:正是这些不起眼的元素构建了你的页面,也正是这种简单的方法,也可以完成之前看起来那么复杂的页面设计。 只要利用好这个设计过程,它带来的可能性是无穷无尽的。 & nbsp不要从头开始设计网页,完成这些& ldquo砖瓦& rdquo设计使用起来更加简单方便,从移动到桌面的整个设计过程更加完美流畅。 想想你和你的客户在这个过程中需要重点关注什么,只是不断地添加细节。 在讨论响应式网页设计的设计过程时,我们花了很多时间在断点处的媒体查询和为现有硬件设计之间的平衡上。 这种情况的关键是网站的内容。 & nbsp如果可能的话,在设计后期尽量与内容和营销团队紧密合作,多关注内容的结构和划分,防止意外最终影响到网页在这个问题上的设计。 & nbsp即便如此,从设计开始到设计结束,甚至当所有页面都在线时,网页的内容可能总是在变化的。 标题越来越长,换图,换块,等等。 & nbsp& ldquo如果可能的话,尽量用真实的内容来设计。 & rdquo& nbsp一个真正设计良好的系统应该是可伸缩的。 所以,如果你真的把营销和内容团队提供的Word文档变成了一个靠谱的页面,这样的事情应该不会让你头疼。 & nbsp虽然有些细节确实需要多加注意处理,但我的经验告诉我,不要想得太复杂,也不要想得太多。 很多时候,一个简洁智能的设计风格指南可以让一切成真。 & nbsp有测试和实现的原型真的很好,但是原型设计的问题是它仍然是一种& ldquo关起门来& rdquo该设计尚未得到真实用户的验证。 & nbsp在真实设备上与用户分享设计,从而获得最佳的设计反馈。 即使只是画一个线路图,也可以在真实设备上进行测试和用户交流。 & nbsp测试响应式网站建设的设计应该是一个广泛而多样的过程。 找个智能手机,把你的设计稿放进去,问问不做设计的同事朋友,看看这样的设计是否可行。 接下来,装上iPad和桌面设备,一步一步来。 & nbsp新世界& nbsp从一个全新的角度来看,我们要面对的一切似乎都是新的。 促进团队成员的合作,模糊团队边界,可以加快整个设计过程。 我们的设计应该不断适应新的需求和新的情况,因为我们的内容、业务和世界都在更快地变化。 & nbsp& nbsp

  非常感谢您读完蓝港网络的这篇文章:"移动时代如何重塑网页设计流程",仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供:网站建设、网站制作、官网建设、SEO优化、小程序制作等服务,欢迎联系我们提供您的需求。

标签: 网站建设

Copyright © 常州蓝港网络科技有限公司 苏ICP备2022017479号-1