《响应式Web设计全流程解析》一导读

简介: 关于什么是正确的Web设计流程,这个问题没有统一的答案,探其原因,是因为Web设计是一门非常年轻的行业。


q1

译者序

响应式Web设计全流程解析
关于什么是正确的Web设计流程,这个问题没有统一的答案,探其原因,是因为Web设计是一门非常年轻的行业。

十几年前,Web设计是由传统的平面设计师兼职的,在之后十几年变化中,这一职位渐渐分裂为Web设计相关的各个职位,包括用户研究、交互设计、视觉设计、前端开发。这些职位的分割带来了设计流程上的隔阂,每个人成为流水线上的一环,专注于输出自己的“交付物”。交互设计师输出线框图、流程图以及可交互的原型。视觉设计师参考交互设计师的交付物,输出精美的视觉设计稿,如果是响应式设计,需要输出多份设计稿。前端工程师根据视觉设计稿来输出静态页面。

这一现象带来的弊端有:很慢的开发流程,在输出产出物上无谓地浪费了时间;在针对需求变更的时候不能很好地响应变化;在移动浪潮来临的时代因为要输出多份交付物,流程显得更慢;大家的工作方式更像是传统软件公司的流程,而不是互联网公司的流程。

本书作者Stephen对这一现象提出了自己的疑问,并给出了自己亲身实践的一套流程方案。

Stephen鼓励耦合度更高的设计流程:设计团队更加紧密地坐在一起,为同一个项目快速研发。

  鼓励关注内容,关注基本内容的可用性,这样能确保在最糟糕的情况下,用户得到的网站也是可用的。

  鼓励设计师身兼数职,不再区分交互设计师和视觉设计师,因为现在的交互线框图太具体明确,视觉设计师没有发挥才能的空间。

  即使仍然保留交互设计师和视觉设计师的职位区分,也不再输出传统交互线框图,而是使用可迭代的交付物。交互设计师输出HTML页面,视觉设计师可以基于此来工作,避免时间浪费在交付物的输出上。

  鼓励设计师学习一些自动化工具,比如简单的HTML和CSS、自动截图脚本、静态服务器等,把自己从无聊的大量输出中解放出来。

目 录

第1章  拥抱变化
1.1  精美设计稿的诞生
1.2  静态设计稿舒适区
1.3  专家的入侵
1.4  我们都是交互设计师
1.5  跳出瀑布模型
1.6  压死骆驼的稻草
1.7  屋里的大象
1.8  这并非福音书
1.9  这是个挑战
第2章 从内容开始
第3章 内容参考线框图
第4章 基于文本而设计
第5章 线性设计
第6章 断点图
第7章 为断点而设计
第8章 创建Web设计模型
第9章 截屏
第10章 成果展示:浏览器体验
第11章 创建设计手册

相关文章
|
6月前
|
存储 算法 安全
JWT深度解析:现代Web身份验证的通行证为什么现在都是JWT为什么要restful-优雅草卓伊凡
JWT深度解析:现代Web身份验证的通行证为什么现在都是JWT为什么要restful-优雅草卓伊凡
294 41
JWT深度解析:现代Web身份验证的通行证为什么现在都是JWT为什么要restful-优雅草卓伊凡
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
187 3
|
12月前
|
JSON JavaScript 前端开发
蓝桥杯web组赛题解析和杯赛技巧
本文作者是一位自学前端两年半的大一学生,在第十五届蓝桥杯Web组比赛中获得省一和国三。文章详细解析了比赛题纲,涵盖HTML、CSS、JavaScript、Echarts和Vue等技术要点,并分享了备赛技巧和比赛经验。作者强调了多写代码和解题思路的重要性,同时提供了省赛和国赛的具体流程及注意事项。希望对参赛者有所帮助。
991 11
|
安全 前端开发 Java
Web安全进阶:XSS与CSRF攻击防御策略深度解析
【10月更文挑战第26天】Web安全是现代软件开发的重要领域,本文深入探讨了XSS和CSRF两种常见攻击的原理及防御策略。针对XSS,介绍了输入验证与转义、使用CSP、WAF、HTTP-only Cookie和代码审查等方法。对于CSRF,提出了启用CSRF保护、设置CSRF Token、使用HTTPS、二次验证和用户教育等措施。通过这些策略,开发者可以构建更安全的Web应用。
622 4
|
安全 Go PHP
Web安全进阶:XSS与CSRF攻击防御策略深度解析
【10月更文挑战第27天】本文深入解析了Web安全中的XSS和CSRF攻击防御策略。针对XSS,介绍了输入验证与净化、内容安全策略(CSP)和HTTP头部安全配置;针对CSRF,提出了使用CSRF令牌、验证HTTP请求头、限制同源策略和双重提交Cookie等方法,帮助开发者有效保护网站和用户数据安全。
418 2
|
前端开发 开发者 容器
构建响应式Web界面:Flexbox与Grid布局的深度解析
【10月更文挑战第11天】本文深入解析了CSS3中的Flexbox和Grid布局,探讨了它们的特点、应用场景及使用方法。Flexbox适用于一维布局,如导航栏;Grid布局则适用于二维布局,如复杂网格。通过示例代码和核心属性介绍,帮助开发者灵活构建响应式Web界面。
303 5
|
JavaScript 前端开发 网络架构
如何使用Vue.js构建响应式Web应用
【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用
|
JavaScript 前端开发
如何使用Vue.js构建响应式Web应用程序
【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用程序
|
29天前
|
算法 Java Go
【GoGin】(1)上手Go Gin 基于Go语言开发的Web框架,本文介绍了各种路由的配置信息;包含各场景下请求参数的基本传入接收
gin 框架中采用的路优酷是基于httprouter做的是一个高性能的 HTTP 请求路由器,适用于 Go 语言。它的设计目标是提供高效的路由匹配和低内存占用,特别适合需要高性能和简单路由的应用场景。
146 4
|
5月前
|
缓存 JavaScript 前端开发
鸿蒙5开发宝藏案例分享---Web开发优化案例分享
本文深入解读鸿蒙官方文档中的 `ArkWeb` 性能优化技巧,从预启动进程到预渲染,涵盖预下载、预连接、预取POST等八大优化策略。通过代码示例详解如何提升Web页面加载速度,助你打造流畅的HarmonyOS应用体验。内容实用,按需选用,让H5页面快到飞起!

热门文章

最新文章

推荐镜像

更多
  • DNS