精選 · 開放 · 免費

Hp

一個典型的、專注於硬體的企業級電商設計範例,優先考慮清晰度、信任感以及直觀的產品展示。

Product Hardware Clean Consumer Restraint
Hp 網站截圖

原站: https://www.hp.com

在 OpenDesign 中開啟

設計 DNA

視覺語言

一個以白色和黑色為主調,搭配單一、主導的企業藍色作為強調色的簡潔、高對比調色盤。

版面結構

一個結構化、基於網格的佈局,具有寬裕的留白、清晰的段落劃分,以及可預期的組件放置位置。

互動形態

標準、可預期的互動,聚焦於清晰度,帶有細微的 hover 效果,以及互動元素上明確的視覺反饋。

動效規則

細微且功能性的動態設計,主要用於流暢的轉場與最小化的 hover 效果,以避免分心。

en · zh-CN · zh-TW · ja · ko