京東云產品形象，是將京東云的產品和服務進行視覺化、規范化、系統化的設計，從而實現更直觀的視覺傳達。基于不同產品和服務的特征與特點，結合京東云品牌風格與及企業理念，全新定義了統一的設計原則、視覺傳達（顏色、質感）、構成規則（柵格、尺寸），在抽象與現實中找到平衡點，使傳達更簡單、更直接。

　　一 設計原則

　　1、設計思考

　　云產品的形象設計中有兩個很大的難題，一是如何將不是日常生活常見的云主機、服務器等形象符合大眾認知的表現出來？二是如何更好地區分某些看起來類似的產品和服務？所以對于表現形式的選擇至關重要。

　　首先是要體現出創新的科技感和未來感；

　　還要在認知中基于現實，結合想象，在抽象與現實中找到平衡點；

　　建立統一的設計規則，保證風格的一致性；

　　一種風格可能無法滿足京東云業務體系中所有場景下的設計需求，所以采用3D、2.5D、線性icon這3種設計風格。

　　2、設計原則

　　通過基于實際應用場景的設計思考，確定了這4個設計原則，并以簡單的幾何形體作為設計原子，盡可能的用簡潔的視覺符號表達產品的功能含義。

　　科技

　　京東云產品形象設計符合京東云的品牌定位，整體風格以科技感和創新性為基礎。

　　虛實結合

　　所有產品形象包括 3D、2.5D 和線性 icon 的設計，均基于現實中的幾何形態，通過設計表達其抽象的功能語義，使所有的產品形象呈現虛實結合的科技感。

　　秩序

　　以創意幾何形體作為設計原子，嚴格按照統一的秩序和規則創造美的產品形態，并盡可能用簡潔的視覺符號表達產品最核心的功能含義。

　　多場景

　　建立統一的設計規范系統，適應京東云業務體系下的多種應用場景。

　　二 視覺傳達

　　1、顏色應用

　　京東云產品形象的視覺表達與品牌色的運用息息相關，品牌色作為主色或者輔助色，貫穿于3D、2.5D、2D產品設計，及UI設計中。

　　輔助色主要是中性色系，在不同應用場景的色彩設計中，依照各自的設計規范，與品牌色以不同比例相結合，保證既符合各種場景的設計需求又有相同的品牌基因。

　　2、質感表達

　　質感的表達在京東云3D、2.5D、2D產品設計，及場景化設計中應該是風格一致的。京東云產品應有的質感與產品設計理念是一致的，將虛擬產品和服務實體化，因此它既有虛擬產品“流動”“通透”的特點，也有實體科技產品“穩定”“堅固”的特點，二者也互相連接、互相影響。

　　設計中通常使用：不透明·金屬、不透明·磨砂、透明玻璃、發光材質。

　　3、光影表達

　　光影與材質相結合，在京東云3D和2.5D設計中表達相同風格的視覺效果。我們希望呈現的光影效果是實體光影與虛擬光影相結合，以表達產品本身的形態特點為主，因此不拘泥于真實產品的布光和投影。不使用過于明顯的布光方向，避免過于實體化。多用懸浮投影打造虛實結合的氛圍。

　　三 構成與規范

　　1、柵格規范

　　京東云產品形象設計遵循一致的柵格規范，以保證不同類別icon在設計時視覺上的風格一致性。2D和線性icon設計時遵循平面柵格系統，3D和2.5D icon設計時遵循等角空間柵格系統。

　　柵格系統的組成：空間網格、安全區域、主體物范圍線。

　　京東云2D和線性icon使用平面柵格系統：該系統以16x16的網格為基礎，在平面內形成網格系統。安全區域為一個單元格寬度圍成的區域。

　　京東云3D和2.5D icon使用等角空間柵格系統：該系統是以8x8的平面網格按照等角透視映射到空間內形成的空間網格系統。安全區域為一個單元格寬度圍成的區域。

　　2、尺寸體系

　　京東云產品系列包括線性icon、2D icon、2.5D icon、3D icon，他們共同構成京東云產品形象，其中線性icon、3D icon 和 2.5D icon 是云產品形象的構成部分。

　　3D icon 主要應用于官網首頁、營銷活動；2.5D icon 主要應用于官網產品詳情頁Banner、店鋪詳情頁、產品優勢表達、產品宣傳長圖；2D icon 一般用于官網前臺的描述性配圖；線性 icon 主要應用于官網產品架構圖、中后臺場景。

　　四 場景與實踐

　　1、構成方式

　　原子設計（Atomic Design）理論最初用于界面設計，把界面按照一定的組織規律，盡可能拆解成有相互關系和層次的元素、模塊、組織，形成一套有一定層次和規律的設計系統。

　　京東云的業務所涉及到的視覺設計體系，也可以通過原子化設計理論建立。以京東云的風格定義和設計基調，將設計元素不斷拆解，形成系統的、有規律的設計體系。3D和2.5D的banner均按照這個理論進行設計。

　　2、京東云產品形象體系

　　京東云產品形象的主要構成部分是線性icon、3D icon 和 2.5D icon 。3D和2.5D icon 是場景化banner的主要構成組件。線性icon 主要用于京東云控制臺和京東云產品架構圖。2D icon 一般用于官網前臺的描述性配圖。

　　京東云產品形象體系

　　京東云產品形象在業務中的應用

　　五 總結

　　京東云產品形象體系包含3D、2.5D和線性icon，其建立于京東云的業務體系在場景中的應用實踐中，是視覺化、規范化、系統化的設計，具有高度統一的設計原則，即科技、虛實結合、秩序、多場景。同時，在構建產品語義及其應用的過程中形成了統一的設計規范體系，從顏色質感到構成規則，既遵循嚴謹的規律，又具備設計的靈活性，使得京東云產品形象設計體系具備獨特的設計風格和廣泛的應用性。

  今天的分享就到這里了，想了解更多關于京東開店需要多少錢、京東商家入駐需要什么條件和費用等內容，敬請關注火蝠電商代運營官網。