聯(lián)想集團(tuán)網(wǎng)站配色方案日期:演講人：目錄CONTENTS01.品牌主色體系02.輔助配色系統(tǒng)03.中性色應(yīng)用規(guī)范04.配色組合原則05.特殊模式應(yīng)用06.品牌標(biāo)識規(guī)范品牌主色體系01色彩特性與應(yīng)用場景活力橙（HEX#FF6A13）具有高飽和度和明亮感，象征創(chuàng)新與活力，常用于品牌活動(dòng)頁面、促銷廣告及產(chǎn)品高亮功能按鈕，有效吸引用戶注意力并傳遞積極能量。色彩搭配建議與中性灰（HEX#808080）搭配可平衡視覺沖擊，適用于科技感界面；與深藍(lán)色（HEX#003366）組合則形成冷暖對比，突出動(dòng)態(tài)交互場景。品牌情感傳遞橙色代表聯(lián)想“突破邊界”的企業(yè)精神，通過色彩心理學(xué)激發(fā)用戶對技術(shù)創(chuàng)新和年輕化品牌的聯(lián)想，增強(qiáng)用戶參與感。LenovoOrange（活力橙）LenovoRed（聯(lián)想紅）核心色彩參數(shù)聯(lián)想紅（HEX#E2231A）為略帶暖調(diào)的深紅色，明度適中，廣泛用于品牌LOGO、核心產(chǎn)品宣傳及企業(yè)級解決方案頁面，傳遞專業(yè)與信任感。文化內(nèi)涵延伸紅色既契合中國傳統(tǒng)文化中的吉祥寓意，又符合國際化品牌的力量感表達(dá)，在全球化營銷中統(tǒng)一品牌認(rèn)知。適配性設(shè)計(jì)規(guī)范在白色背景（HEX#FFFFFF）上使用時(shí)可確保100%可讀性；與淺灰色（HEX#F5F5F5）搭配適合表單邊框等輔助元素，保持視覺層次清晰。LenovoBlue（科技藍(lán)）功能性與象征意義科技藍(lán)（HEX#0086D1）作為企業(yè)級服務(wù)主色，體現(xiàn)專業(yè)性與穩(wěn)定性，多用于云計(jì)算、數(shù)據(jù)中心等B2B業(yè)務(wù)線，強(qiáng)化技術(shù)可靠性印象。動(dòng)態(tài)漸變應(yīng)用在移動(dòng)端H5頁面需保持色值偏差不超過5%，配合MaterialDesign陰影效果，確保多終端用戶體驗(yàn)的統(tǒng)一性。支持從深海藍(lán)（HEX#004B8D）到標(biāo)準(zhǔn)色的線性漸變，適用于數(shù)據(jù)可視化圖表或VR/AR產(chǎn)品演示，增強(qiáng)數(shù)字科技感?？缙脚_一致性輔助配色系統(tǒng)02品牌核心識別色采用高飽和度的紫色（HEX#6A00F4），象征科技創(chuàng)新與前瞻性思維，適用于主視覺、按鈕和重要信息突出顯示。漸變應(yīng)用方案搭配淺紫（HEX#B388FF）到深紫（HEX#4A148C）的漸變，增強(qiáng)界面層次感，多用于數(shù)據(jù)可視化圖表和動(dòng)態(tài)背景設(shè)計(jì)。輔助對比色組合與中性灰（HEX#E0E0E0）搭配降低視覺疲勞，或與金屬銀（HEX#C0C0C0）組合提升科技質(zhì)感，適合產(chǎn)品展示頁面。文化內(nèi)涵延伸紫色在東方文化中代表智慧與尊貴，契合聯(lián)想"智慧聯(lián)想"的品牌理念，常用于企業(yè)社會(huì)責(zé)任報(bào)告和高端產(chǎn)品線宣傳。LenovoPurple（創(chuàng)新紫）LenovoGreen（生態(tài)綠）可持續(xù)發(fā)展主題色使用森林綠（HEX#2E7D32）作為主色調(diào)，體現(xiàn)環(huán)保承諾，專用于碳中和服務(wù)、綠色包裝等環(huán)保相關(guān)板塊。動(dòng)態(tài)色彩系統(tǒng)結(jié)合苔蘚綠（HEX#689F38）與熒光綠（HEX#76FF03），形成生態(tài)色系梯度，適用于能耗數(shù)據(jù)對比和可再生能源項(xiàng)目可視化?？缙脚_適配方案在暗黑模式下自動(dòng)切換為深松綠（HEX#1B5E20），保證可讀性同時(shí)維持生態(tài)主題，適配移動(dòng)端APP和夜間瀏覽模式。心理效應(yīng)應(yīng)用綠色具有舒緩情緒的作用，常用于客戶支持頁面和長期服務(wù)合約的界面設(shè)計(jì)，降低用戶決策壓力。采用明黃色（HEX#FFD600）作為操作警告色，符合WCAG3.0的AA級對比度標(biāo)準(zhǔn)，用于限時(shí)促銷和系統(tǒng)重要通知。衍生出琥珀黃（HEX#FFAB00）用于懸停狀態(tài)，搭配淺稻黃（HEX#FFF176）作為背景色，構(gòu)成完整的交互反饋體系。在拉美及東南亞市場使用更高飽和度的金色（HEX#FFC400），符合當(dāng)?shù)貙Ψ睒s色彩的偏好，特別應(yīng)用于地區(qū)限定版產(chǎn)品頁面。通過黃色與深灰（HEX#424242）的強(qiáng)對比組合，引導(dǎo)用戶關(guān)注新品發(fā)布和技術(shù)參數(shù)等重點(diǎn)內(nèi)容，提升轉(zhuǎn)化率20%以上。LenovoYellow（能量黃）高警示性功能色多層級活力配色文化適配設(shè)計(jì)視覺焦點(diǎn)引導(dǎo)中性色應(yīng)用規(guī)范03品牌權(quán)威感塑造采用深黑色（#000000）作為核心強(qiáng)調(diào)色，用于標(biāo)題、關(guān)鍵按鈕和品牌標(biāo)識，傳遞專業(yè)與科技感。黑色與灰色強(qiáng)調(diào)層級信息區(qū)分使用不同明度的灰色（如#333333、#666666、#999999）劃分內(nèi)容層級，淺灰用于輔助文本，中灰用于次級標(biāo)題，深灰用于邊框分割線。動(dòng)態(tài)交互反饋在懸?；螯c(diǎn)擊狀態(tài)時(shí)，通過灰色漸變（如#E5E5E5至#CCCCCC）增強(qiáng)用戶操作的視覺反饋，提升交互體驗(yàn)。白色平衡原則大面積使用純白色（#FFFFFF）作為背景，結(jié)合合理留白，避免頁面元素?fù)頂D，提升內(nèi)容可讀性?？臻g呼吸感設(shè)計(jì)白色背景與深色文本（如#000000或#333333）形成高對比度組合，確保WCAG2.1AA級無障礙標(biāo)準(zhǔn)，適配多設(shè)備顯示。高對比度適配白色作為中性基底色，可無縫兼容圖片、視頻等多媒體內(nèi)容的嵌入，保持整體視覺協(xié)調(diào)性。多場景兼容性010203深淺模式對比暗色模式優(yōu)化在深色主題下，替換白色背景為深灰（#121212），文本調(diào)整為淺灰（#E0E0E0），降低屏幕眩光，適合夜間瀏覽。確保深淺模式切換時(shí)，文字與背景的對比度始終維持在4.5:1以上，符合國際無障礙設(shè)計(jì)規(guī)范。針對按鈕、輸入框等交互組件，在深色模式下采用#242424作為填充色，避免純黑導(dǎo)致的“視覺吞沒”效應(yīng)。色彩對比度控制組件一致性調(diào)整配色組合原則04主輔色搭配比例主色占比60%-70%采用聯(lián)想品牌標(biāo)志性的深藍(lán)色（#003366）作為主色調(diào)，確保品牌識別度與視覺統(tǒng)一性。搭配科技感強(qiáng)的銀灰色（#C0C0C0）或活力橙色（#FF6A00），用于按鈕、圖標(biāo)等交互元素，增強(qiáng)頁面動(dòng)態(tài)感。使用高飽和度的紅色（#CC0000）或綠色（#009900）突出重要提示或促銷信息，避免過度分散用戶注意力。輔色占比20%-30%點(diǎn)綴色不超過10%導(dǎo)航欄、按鈕等關(guān)鍵交互區(qū)域需達(dá)到7:1以上對比度，例如深藍(lán)主色與亮黃色（#FFCC00）組合。功能性區(qū)域?qū)Ρ葟?qiáng)化通過HSL明度值調(diào)整（如主色深藍(lán)的L值30%至輔色銀灰的L值80%），建立清晰的視覺信息層級。色彩明度梯度分層1：確保正文黑色（#333333）與白色背景（#FFFFFF）的WCAGAA級可讀性標(biāo)準(zhǔn)，適配視力障礙用戶需求。文本與背景對比度≥4.5對比度控制標(biāo)準(zhǔn)視覺層次構(gòu)建010203熱力圖引導(dǎo)視線將高飽和暖色用于核心產(chǎn)品展示區(qū)（如橙色漸變），冷色用于次要內(nèi)容區(qū)（如藍(lán)灰漸變），利用色彩心理學(xué)引導(dǎo)用戶瀏覽路徑。模塊化色彩分區(qū)不同業(yè)務(wù)板塊（如商用/消費(fèi)類產(chǎn)品）采用主色系下的差異化子色調(diào)（如商務(wù)紫#6A5ACDvs極客綠#00CC99），強(qiáng)化分類認(rèn)知。動(dòng)態(tài)色彩反饋機(jī)制交互狀態(tài)（懸停/點(diǎn)擊）通過明度變化（+15%）或色相微調(diào)（±10°）提供即時(shí)視覺反饋，提升操作沉浸感。特殊模式應(yīng)用05采用基于環(huán)境光傳感器的動(dòng)態(tài)對比度算法，確保深色背景與淺色文本在不同光照條件下均保持最佳可讀性，減少視覺疲勞。深色模式實(shí)現(xiàn)方案動(dòng)態(tài)對比度調(diào)節(jié)通過定義主色（如聯(lián)想深藍(lán)）、輔助色（冷灰）和強(qiáng)調(diào)色（活力橙）的明度梯度，構(gòu)建層次分明的視覺結(jié)構(gòu)，避免界面元素扁平化。色彩層級管理在標(biāo)準(zhǔn)品牌色系基礎(chǔ)上開發(fā)專用暗色變體，例如將#003366調(diào)整為#001a33以降低藍(lán)光發(fā)射，同時(shí)維持品牌識別度。暗調(diào)色板擴(kuò)展在OLED屏幕區(qū)域使用#000000純黑色值，利用像素自發(fā)光特性實(shí)現(xiàn)零功耗顯示，延長移動(dòng)設(shè)備續(xù)航時(shí)間15%-20%。純黑背景應(yīng)用針對Pentile排列屏幕設(shè)計(jì)特殊字體抗鋸齒方案，通過微調(diào)字符邊緣的紅色/藍(lán)色子像素強(qiáng)度，消除文本彩邊現(xiàn)象。子像素渲染補(bǔ)償根據(jù)屏幕最大亮度自動(dòng)調(diào)整HDR內(nèi)容的高光細(xì)節(jié)，確保聯(lián)想產(chǎn)品展示圖中金屬反光等細(xì)節(jié)在OLED上不過曝。動(dòng)態(tài)色彩范圍映射OLED屏顯優(yōu)化可讀性保障措施動(dòng)態(tài)字體權(quán)重調(diào)節(jié)根據(jù)背景明度實(shí)時(shí)微調(diào)字重，如在深灰底色上采用Medium字重，純黑背景切換至Regular以平衡視覺重量。03當(dāng)檢測到深色內(nèi)容區(qū)域時(shí)，自動(dòng)將懸浮工具欄切換為淺色基底，避免同色系控件淹沒在背景中。02上下文感知反色WCAG2.1合規(guī)檢測所有配色組合均通過4.5:1最小對比度標(biāo)準(zhǔn)測試，針對色弱用戶提供紅綠/藍(lán)黃視覺模擬校驗(yàn)工具。01品牌標(biāo)識規(guī)范06標(biāo)準(zhǔn)色值定義僅在單色印刷或特殊材質(zhì)（如金屬蝕刻）無法呈現(xiàn)紅色時(shí)，允許使用純黑或反白處理，但需提交品牌部書面審批。禁用場景例外背景色對比度要求紅色Logo需置于白色或淺灰色（亮度≥80%）背景上，若深色背景需增加1px白色描邊，確?？勺x性符合WCAG2.1AA標(biāo)準(zhǔn)。聯(lián)想集團(tuán)Logo紅色必須嚴(yán)格使用Pantone485C或等效CMYK（0,100,100,0）、RGB（218,41,28）、HEX（#DA291C）色值，確保全球品牌視覺一致性。Logo紅色強(qiáng)制應(yīng)用中文標(biāo)識組合規(guī)范最小應(yīng)用尺寸在數(shù)字媒體中組合標(biāo)識總寬度不得小于80px，印刷品中不得小于15mm，低于此尺寸需切換為純圖形Logo版本。多語言版本規(guī)范中英文組合時(shí)，英文“Lenovo”需縮放至中文高度的70%，并置于中文右下角，間距為中文標(biāo)識高度的20%，嚴(yán)禁旋轉(zhuǎn)或變形。字體與間距控制中文標(biāo)識必須使用“聯(lián)想蘭亭黑”字體，字間距調(diào)整為-50至-100，與Logo水平間距固定為Logo寬度的1.2倍，垂直對齊采用基線對齊模式。應(yīng)用場景適配原則環(huán)境