网页设计的核心运作方式是:收到请求后,根据预设的内容和规则进行检查,要么直接处理,要么连同完整上下文转交给人工。真正的工作不在技术本身,而在于明确这条界限具体在哪里。
01 — 运作方式
专业网页设计的技术运作方式
一种与您的企业相符、贯穿所有页面的视觉语言,即使两年后添加内容时仍然有效。
从外部看,过程如下:询价进入——通过网站、电话、表单或现有系统。询价被采集,根据预设规则和内容进行检查,然后要么直接响应,要么连同完整上下文转交给人工处理。决定性的部分不是技术,而是确定这条界限的位置。
设计常被当作装饰。结果就是页面在作品集中看起来不错,但在日常使用中对任何人都没有帮助。正是这一点决定了系统如何配置——而不是一般性的产品承诺。
02 — 组成部分
系统由什么组成
- 设计网格、字体和色彩系统构成的统一体系
- 页面类型的设计稿,而非每个单独页面
- 从一开始就考虑明亮和暗色显示模式
- 按 WCAG 标准进行对比度和可读性检查
- 组件库,使新页面无需设计师即可创建
- 交付文档包含规则,其他人也可遵循
03 — 流程
详细步骤
现状盘点
已有的 logo、颜色、图像风格是什么——其中哪些可用。
确定方向
在一种页面类型上提供两到三个方向,让决策基于具体内容。
扩展系统
从选定方向中发展出适用于所有页面类型的系统。
交付
组件和规则被记录并交付。
04 — 问题
常见问题
我们真的需要自己的设计吗?
不一定。如果您需要一个五个子页面的网站且没有品牌野心,精心调整的基础系统是更合理的选择。自己的设计在您需要与竞争对手区分开来或管理很多页面时才值得。
我们会得到多个设计稿吗?
针对一种页面类型提供两到三个方向。十个变体对谁都没帮助——它们只是把决策转移给客户,而不是做出决策。
如果我们对所有方向都不满意怎么办?
那我们会回到现状分析——通常这意味着关于企业的某些重要信息还没有被理解。这种情况很少发生,但宁可重新开始也不要强推一个设计。
设计中的无障碍性怎么办?
我们会对照WCAG 2.1 AA标准检查对比度、字体大小、焦点显示和点击区域。在设计阶段处理这些问题比后期实施时便宜得多。
在手机上也会好看吗?
我们首先设计窄屏视图,因为大部分访客是从那里进入的。宽屏视图是更简单的情况,而非相反。
包含多少轮修改?
每个设计稿两轮修改是常规且通常足够,因为方向性决策在第一次展示后就已确定。可以增加修改轮次,但会明显延长时间轴。
文件归谁所有?
归您所有。您将获得源文件和文档。如果之后与其他人合作,对方可以继续使用这些文件。
05 — 决策
如何继续推进
最经济的下一步是对话,而不是报价。通常二十分钟就足以明确一个项目是否有意义、大致预算范围,以及我们是否适合您。
如果不合适,我们会直接说明。一个诚实的“不”比一个进行三个月后中止的项目成本更低 — 对双方都是如此。
下一步
让我们简短讨论一下这对您是否划算。
二十分钟的对话通常就足以弄清一个项目是否有意义。如果没有,我们会直说——这对双方来说都比一份无人需要的报价更便宜。