网站地图 广州图盛网络科技有限公司 ©2016-2019 版权所有;工信部备案号:粤ICP备19003234号-1 姚先生:16602060624
企业邮箱:postmaster@tusheng88.com 公司地址:广东省广州市天河区棠下天辉商业大厦2F13。
响应式网站设计(RWD)这个术语在网站领域越来越流行,这一点显而易见。当你在社交媒体如Twitter、Facebook或微博上等搜索#响应式网站设计时,你会找到很多文章,有优质的内容,也有泛泛而论的空谈,这就是新概念逐渐成熟的一种现象。曾经Ajax(一种网页开发技术)也是如此,现在却几乎无人问津了。
RWD如今到处都是,就连在杂志界也有点名气。我有一个做杂志出版的朋友最近参加了一个会议,会议上很多有名的新兴杂志编辑都提到了未来网站发展的趋势,谈到了响应式Web设计。杂志编辑可能在网站建设方面并不专业,但是也都知道这个词“响应式网站设计”(RWD)。因此在这里,我想要告诉大家响应式网站设计不仅仅需要关注布局的响应式,还应留意网站内容的取舍,不要只停留在"软式响应"上。“软式响应”是指网站的线性缩放,在不同尺寸屏幕上的大小的改变。软式响应远远不够,设计网站时我们还需要有一个核心,在不同的屏幕上围绕这个核心按照功能适量加载更多内容。举个栗子来说,假如网站需要为IE7制作一个手机元素(如App宣传页面),那么手机元素就是你需要重点关注的核心,最好围绕手机元素对屏幕或其他元素进行设计,根据不同的屏幕作出合理的布局。
响应式设计很复杂。我们都希望这有一些能够让它更加简单的技巧或方法,但这真的没有,或者说目前还没有出现。大多数负责开发响应式的设计师还是需要兢兢业业,在做新内容交付或是其他活动时做好工作流程的添加。以我的一个朋友为例。她是先在Photoshop里做了一个符合PC端的设计图。但完成一些设计页面以后,又想要网站在平板或智能手机上呈现良好,因此又制作了一些设计图。不过向用户展示成果后,一些地方需要根据用户需求做出创意性的调整,新的设计图又是不可避免的了。这样一算,已经差不多有50个PSD文件了。她需要花不少时间来调整页面布局。
响应式Web设计意味着设计方式的改变。相对于在Photoshop中画出整个页面,使用Samantha Warren’s Style Tiles工具可以更清晰的表达视觉设计。通过设计一个Web在多种布局下的视觉品牌和界面元素,你还可以根据布局直接改变设计来创建响应式的Web原型。
网站应该能够为任何可访问互联网的设备访问并提供友好的体验,无论是固定设备还是移动设备、不管屏幕是大还是小。——Tim Berners Lee
下一篇: 网站不要盲目设计 设计思维需要明确