网页设计师也应该关注页面性能
在网页设计的过程中,设计师需要考虑各种问题,如业务需求、产品特点、信息结构、交互设计和视觉效果等。然而,有一个重要的问题经常被忽略,那就是页面性能。作为一名网页设计师,我们应该意识到页面性能的重要性。
我一直崇尚小团队协作开发模式,因为这种模式可以快速沟通,即使设计师没有关注到页面性能,前端开发人员也可以提醒他。然而,在标准项目流程中,沟通成本增加了很多,前端开发人员很难在页面设计的过程中与设计师及时沟通页面性能的问题。因此,设计师自己就必须考虑页面性能。
设计师应该是一种“通才”的角色。在传统设计领域,大部分优秀的设计师都通晓多个行业。设计的难点在于充分考虑各种因素,并将其融入到设计中。以前,网页设计师只需要设计好PSD图稿,然后交给前端工程师制作DEMO。但现在,互联网进步了,用户也进步了。设计师需要更多地考虑页面性能。
在设计中,原生控件的应用是关于页面性能的一个重要方面。尽管原生控件有一些不足之处,比如IE的外观难以控制,无法支持复杂的交互等,但它们对浏览器的兼容性支持很好。在用户需要填写表单的地方,相比非原生控件,原生控件可以提高性能,让用户操作更加流畅。因此,在满足设计需求的前提下,设计师应该优先考虑使用原生控件,这样可以使页面加载更快,兼容性更好,并且减少前端开发人员的抱怨。
此外,设计师还应了解在编写具体应用程序控件时,不仅仅是展示用户可操作的部分,还涉及到验证、安全、兼容性和框架等方面。这些都会影响页面的性能。例如,我曾经在招商银行的专业版客户端中遇到过一个很好的控件交互设计。用户需要填写银行卡的开户支行,而不是直接给他们一个输入框让他们自己填写。招商银行的做法是提供一个搜索框,让用户输入关键字,然后刷新页面并返回结果列表,用户从中选择支行。这样,经过搜索过滤的结果只有约10条左右,容易辨认。我只用了两次就学会了这种操作方式,而且页面反应非常快。相比之下,在其他网站上选择开户行支行时,遇到过省市、再选支行联动控件和下拉列表混合控件,尽管在选择时非常方便和准确,但点击控件时响应速度却有延迟,让人心里稍感不爽。这就是原生控件和复杂控件之间的差别。
随着HTML5标准的不断完善,新的原生控件可以满足更多需求,例如外联数据源XML和浏览器内置的不同数据类型验证等,这些都可以大大减少JavaScript的体积。当然,这也依赖于IE6在国内市场份额的进一步下降(目前为60%)。相信未来一些轻量级的非原生控件也会逐渐纳入HTML标准中,比如日期控件等。
除了原生控件,设计师还能通过设计页面框架来帮助前端开发人员提高页面性能。一个好的网页设计师不仅仅要考虑页面上的每个组件,还要考虑整个项目的框架。这需要积累经验,并与设计原则中的一致性紧密相关。在设计中充分考虑CSS框架的设计、组件的重用以及图片的分割和整合,可以大幅提高页面性能的同时保持设计感。
在日常工作和学习中,我们很少讨论页面性能在设计中的重要性,然而它却是设计师和前端开发人员之间最主要的分歧点。为了消除这种分歧,最好的方法就是相互增进了解。我在公司中分享前端知识给设计师,也分享Photoshop知识给前端开发人员,这样可以共同进步,创造出更好的产品和应用。另外,在自己的博客上实践页面性能的优化方法也是非常有效的,通过实践转化为知识,提高自己的能力。
总结起来,作为网页设计师,我们不能忽视页面性能。在设计过程中,要考虑使用原生控件和设计页面框架来提高性能。通过相互的沟通和学习,我们可以共同进步,为用户提供更好的体验。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。