企业官网不仅要在首屏表达品牌,还要让不同页面、设备和后续更新保持一致。原型阶段随手调整的字号与间距,可能在开发后变成难维护的例外。本文参考dpopstudio于10月14日发布的Digipop设计系统文章,整理官网设计的评审思路。
原作者借Digipop套件介绍响应式页面、可复用组件和颜色变量。原文含产品推广及经验判断,本文仅提取方法思路,不沿用效率提升或转化指标。
Digipop网站套件的桌面与手机展示,图片来源:dpopstudio。
应用建议:先梳理首页、服务、案例和联系页面各自解决的问题,再决定共享哪些导航、卡片和按钮。统一规则不等于每页长得一样;信息的重要程度与阅读顺序应随任务变化,让品牌表达与业务内容共同决定布局。
以下为兰亭妙微应用建议。高端网站设计的完整性,不只体现在配色和首屏动效,还包括操作反馈是否一致。
可先检查主要按钮、表单和项目卡片的默认、选中、处理中及不可用状态。规则应说明什么时候出现、文字怎样变化、是否允许重复操作。组件名称与开发侧约定一致,才能减少同一功能在不同页面被重复实现。
以下为兰亭妙微应用建议。手机适配应重新判断信息顺序,不能只把桌面稿按比例缩小。
原文明暗主题与网站布局展示;未独立验证其全部适配规则。
用较长的案例标题、不同长度的客户名称及更多导航条目检查页面。观察按钮是否仍可见,图像是否遮挡重点,表单能否完整填写。断点和字号规则应结合内容确定,不能把原文套件的尺寸当作所有官网都必须采用的标准。
以下为兰亭妙微应用建议。官网上线后,案例图片和服务信息通常仍会更新,设计规范应考虑这些变化。
原文多页面组合,含联系与项目展示区域,用于观察内容结构。
为常用内容说明图片比例、标题长度处理和组件使用范围;让内容编辑知道什么时候可以沿用模块,什么时候需要设计支持。验收时让非设计人员试着替换一条案例,检查规则是否容易理解,避免每次更新都重新调整整页。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。
