惠普打印机面板视觉语言定义重建与整合

视觉界面整合、控制面板ui设计、人机交互设计、设计系统

Type

Personal Project

Timeframe

6个月

Toolkit

Photoshop, Illustrator

Year

未知

问题

HP 拥有多个内部设计团队,每个团队都在构建属于自己的设计语言。虽然这提升了各自产品的辨识度,但也导致整体品牌体验支离破碎。为了解决这一问题,HP 决定打造一套统一、可识别且具可持续性的 UI 设计系统,覆盖所有数字产品。我们的团队全程负责该项目的执行工作——从概念构想到最终上线。

方案

1. 我首先研究了当前 UI 设计趋势中的风格类型,筛选出那些已经过时的样式予以舍弃,保留具有“长青”潜力的设计方向。 2. 接着我对每种视觉风格的共性与差异进行了分析。它们普遍具有“扁平化”、“简洁”、“色彩使用克制”以及“内容为核心”的特点。它们之间的主要差异在于:“字体风格”、“元素之间的留白”、以及“是否使用模糊背景”。因此,我得出结论:HP 的新 UI 设计语言应延续这些趋势中的共性,同时保留其设计精神——PHI。

多个内部“子品牌”

  • 视觉表现不一致

  • 色彩体系不统一

  • 相同功能使用了不同的图标

我发现,同一家公司内,不同的产品线往往有各自独立的视觉风格。但值得肯定的是,它们在信息结构和交互模式上保持了一定的一致性。

探索、探索、探索

方案整合

噢,别忘了!

上线啦