惠普打印机面板视觉语言定义重建与整合
视觉界面整合、控制面板ui设计、人机交互设计、设计系统
Type
Personal Project
Timeframe
6个月
Toolkit
Photoshop, Illustrator
Year
未知
问题
HP 拥有多个内部设计团队,每个团队都在构建属于自己的设计语言。虽然这提升了各自产品的辨识度,但也导致整体品牌体验支离破碎。为了解决这一问题,HP 决定打造一套统一、可识别且具可持续性的 UI 设计系统,覆盖所有数字产品。我们的团队全程负责该项目的执行工作——从概念构想到最终上线。
方案
1. 我首先研究了当前 UI 设计趋势中的风格类型,筛选出那些已经过时的样式予以舍弃,保留具有“长青”潜力的设计方向。 2. 接着我对每种视觉风格的共性与差异进行了分析。它们普遍具有“扁平化”、“简洁”、“色彩使用克制”以及“内容为核心”的特点。它们之间的主要差异在于:“字体风格”、“元素之间的留白”、以及“是否使用模糊背景”。因此,我得出结论:HP 的新 UI 设计语言应延续这些趋势中的共性,同时保留其设计精神——PHI。
多个内部“子品牌”
视觉表现不一致
色彩体系不统一
相同功能使用了不同的图标
我发现,同一家公司内,不同的产品线往往有各自独立的视觉风格。但值得肯定的是,它们在信息结构和交互模式上保持了一定的一致性。

探索、探索、探索








方案整合


噢,别忘了!
