兰亭妙微ui设计公司分享:企业官网怎样建立可维护的设计系统

企业官网不仅要在首屏表达品牌,还要让不同页面、设备和后续更新保持一致。原型阶段随手调整的字号与间距,可能在开发后变成难维护的例外。本文参考dpopstudio于10月14日发布的Digipop设计系统文章,整理官网设计的评审思路。

一  先确定页面规则 再处理视觉差异

原作者借Digipop套件介绍响应式页面、可复用组件和颜色变量。原文含产品推广及经验判断,本文仅提取方法思路,不沿用效率提升或转化指标。

Digipop网站套件的桌面与手机展示,图片来源:dpopstudio。

应用建议:先梳理首页、服务、案例和联系页面各自解决的问题,再决定共享哪些导航、卡片和按钮。统一规则不等于每页长得一样;信息的重要程度与阅读顺序应随任务变化,让品牌表达与业务内容共同决定布局。

二  把组件状态写进交付

以下为兰亭妙微应用建议。高端网站设计的完整性,不只体现在配色和首屏动效,还包括操作反馈是否一致。

可先检查主要按钮、表单和项目卡片的默认、选中、处理中及不可用状态。规则应说明什么时候出现、文字怎样变化、是否允许重复操作。组件名称与开发侧约定一致,才能减少同一功能在不同页面被重复实现。

三  响应式需要检查内容变化

以下为兰亭妙微应用建议。手机适配应重新判断信息顺序,不能只把桌面稿按比例缩小。

原文明暗主题与网站布局展示;未独立验证其全部适配规则。

用较长的案例标题、不同长度的客户名称及更多导航条目检查页面。观察按钮是否仍可见,图像是否遮挡重点,表单能否完整填写。断点和字号规则应结合内容确定,不能把原文套件的尺寸当作所有官网都必须采用的标准。

四  给后续更新留下清晰规则

以下为兰亭妙微应用建议。官网上线后,案例图片和服务信息通常仍会更新,设计规范应考虑这些变化。

原文多页面组合,含联系与项目展示区域,用于观察内容结构。

为常用内容说明图片比例、标题长度处理和组件使用范围;让内容编辑知道什么时候可以沿用模块,什么时候需要设计支持。验收时让非设计人员试着替换一条案例,检查规则是否容易理解,避免每次更新都重新调整整页。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档