小村软件为什么用日本数字厅设计系统做网站 ── 便宜与品质可以兼顾
· 小村 豪 · 网站建设, 设计系统, 设计标准化, 无障碍设计, 费用行情
网站制作报价中占很大比重的，就是设计制作的工时。 小村软件以日本数字厅公开的设计系统为基础，大幅压缩这道环节，在压低费用的同时让质量更稳定。
一听到「便宜的网站制作」，很多人会觉得质量应该在某个地方被牺牲了。事实上，为了降价而省略访谈，或是只把文案套进模板里的做法，确实容易做出让人看不出在做什么生意的网站。
小村软件的网站制作之所以能压低费用，靠的不是这个，而是设计环节的标准化。本文依次说明作为基础的日本数字厅设计系统是什么、为什么会变便宜、为什么质量不会下降，以及哪些项目不适合这种做法。
1. 日本数字厅设计系统是什么
日本数字厅设计系统，是日本数字厅公开的、用于政府服务网站与应用程序的设计标准规格。大致上，它系统地定义了以下内容。
| 要素 | 内容示例 |
|---|---|
| 设计令牌（Design Token） | 配色、字号、留白、阴影等基准值 |
| 组件 | 按钮、表单、卡片、面包屑等UI组件的规格 |
| 设计理念 | 对无障碍的考量、版式与文案的准则 |
重点在于，这套规格是以开放许可公开，民营网站也能使用。政务类网站必须让不分年龄、环境、IT熟练度的所有人都能使用，因此在对比度、字号、操作便利性上都经过验证后才设计而成。这些积累下来的成果，民营公司的网站也能直接拿来当基础。
另外，使用这套系统并不会获得日本数字厅的认证或批准。本公司也不是「数字厅认证」，而只是把公开的标准规格应用在民营用途上而已。
2. 为什么会变便宜 ── 报价单里消失的设计环节
一般的网站制作报价单里，设计相关的项目占相当大的比重。首页的设计稿、内页的设计、修改的往返次数。正如中小企业网站制作费用行情中整理过的，如果从零开始设计，光是这道环节就可能达到数十万日元的规模，并不罕见。
以设计系统为基础之后，这个结构就会改变。
- 配色、字号、留白、按钮等基准，一开始就已经定好
- 「出多个设计方案、挑选、修改」这种往返基本上不再需要
- 依赖设计师个人感觉的判断变少，因此不容易出现返工
也就是说，变便宜的原因不是打折，而是工作量本身变少了。省下来的工时，会用在真正直接影响效果的部分──让人看懂公司在做什么的结构规划、文案、咨询动线的设计。网站无法传达信息的原因，多半不在设计，而在结构，这一点也写在咨询量少的网站，该先改哪三个地方中。
3. 为什么质量不会下降 ── 反而更稳定
「省掉设计，质量就会下降」这种直觉，其实是以从零开始设计为前提。如果使用标准化的设计系统，情况正好相反。
第一，无障碍设计。日本数字厅设计系统的组件，在色彩对比、字号、焦点显示方式、触控操作便利性等方面都经过考量而设计。如果每个具体项目的设计都要每次自行确保这个水准，光是验证本身就要花费工时。使用经过验证的组件，结果反而能让质量更稳定。
第二，实际运行的成效。政府服务的使用者范围极广，从不熟悉手机操作的人到专业人士都有。当中使用的设计规则，是靠「不管是谁都能不迷路地使用」磨练出来的，而不是靠「外观是否新潮」。对于访问公司网站的潜在客户来说，重要的也正是这种特性。
第三，一致性。如果每个页面的按钮形状或标题规则都不一样，光是这样就会让人难以阅读。遵循设计系统，即使之后再新增页面，结构与调性也不会走样。
本网站本身，就是以这套设计系统为基础搭建的。此外，制作案例中的Douzu Carry Service网站改版，也是按同样方针搭建。改版的具体做法，详细整理在案例文章中。
4. 标准化也不会变成「同样的外观」
常见的疑虑是「用标准设计，会不会和其他公司看起来一样？」
被标准化的，是配色基准、字号的体系、组件的设计规则这类基础部分。真正决定网站印象的，是Logo、照片、文案、页面结构、文字的调性，这些都是按每个网站从零开始制作的。基础一致，和没有个性，是两件不同的事。
另一方面，也有需要老实说明的地方。如果项目需要作为品牌表达的精致独家视觉或动画，这种做法并不合适。例如，以营造世界观为核心价值的品牌网站或活动网站就属于这一类。这类项目，投入足够的设计预算、委托专业设计公司，会得到更好的结果。如果在洽谈过程中发现客户的需求主要集中在这方面，我们会在最初阶段就坦白告知。
5. 总结
- 网站制作费用中，从零开始的设计制作占相当大的比重
- 小村软件以日本数字厅公开的设计系统为基础，大幅压缩这道环节
- 变便宜的原因不是打折，而是工作量变少；省下来的工时会用在结构、文案、动线的设计上
- 因为使用了考量无障碍、并在政府服务中实际运行验证过的标准组件，质量反而更稳定
- Logo、照片、文案都是按每个网站制作，所以不会变成同样的外观；但不适合需要精致独家视觉的项目
如果想在压低费用的同时，做出能传达信息的网站，可以在网站制作页面确认做法与价格。附上目前网站的网址通过联系我们与我们联系，我们会整理出从哪里开始改最容易见效，再回复给您。
相关文章
相关文章
共享相同标签的最新文章。可以围绕相近的主题进一步加深理解。
中小企业网站建设费用 ── 价格行情速查表与报价单解读方法
整理中小企业在获取网站建设报价前应了解的、按目的和规模划分的费用行情，以及报价单明细的解读方法和各价位段能做到与做不到的事情。
面向 BtoB 企业的 Google 广告小预算运营 ── 用每月数万日元做出成果的设计与每周操作流程
本文面向希望以每月数万日元预算启动 Google 广告的 BtoB 企业，是一份实务指南。内容整理了平均每日预算与结算上限的运作原理、转化跟踪的搭建、聚焦高意向关键词、否定关键词与搜索字词报告的每周运营方法，以及小预算下的出价策略选择，均以 Google 官方资料为依据。
打造能被地区名搜索到的网站 ── 中小企业的本地SEO实战指南（地区页面与Google商家资料）
用「地区名称+行业」搜索却找不到自家公司的中小企业，适合看这篇。内容涵盖修正本地SEO的先后顺序：整理Google商家资料、统一NAP信息、设计地区页面、网站端的基础建设，以及在Search Console上衡量效果，全部以Google官方信息为依据整理成实务步骤。
提升 BtoB 网站的咨询量 ── 修正顺序的全景地图(从获客到表单)
当 BtoB 网站的咨询量迟迟无法增长时,许多公司会先从获客(SEO・广告)下手。但真正有效的顺序,是先用测量找出瓶颈,整理好作为承接页面的服务页面,修正表单等转化路径之后,最后才加上获客。本文将服务页面设计、咨询路径优化、邮件送达率、聊天机器人、SEO・广告、内部链接等各...
网站改版案例：宫崎运输公司 Douzu Carry Service ── 从旧网站继承了哪些内容，又是如何继承的
以宫崎运输公司 Douzu Carry Service 的网站改版为例，说明在动手设计之前先完成 URL 盘点、301 规划与内容保留检查的实际做法。
常见问题
汇总了咨询这一主题时常见的问题。
- 日本数字厅设计系统可以用在民营公司的网站上吗？
- 可以。日本数字厅以开放许可公开这套设计系统，政府机构以外的网站也能使用。不过，使用这套系统并不代表获得数字厅的认证或批准，本公司也只是把公开的设计系统应用在民营网站上，并非「数字厅认证」的立场。
- 用标准化设计，网站看起来会不会和别家公司一样？
- 标准化的只是配色、留白、组件的设计规则，Logo、照片、文案、页面结构仍是按每个网站分别制作。真正决定网站印象的主要就是这些部分，所以即使设计标准化，也不会变成「在哪里都见过的同一个网站」。反过来说，按钮好不好点、文字好不好读这些本该一致的部分能够一致，正是标准化带来的效果。
作者简介
本文作者的个人简介页面。
Go Komura
小村软件有限公司 代表
以 Windows 软件开发、技术咨询与故障排查为中心，擅长难以复现的故障调查，以及既有资产仍在运行的项目。