設計(jì)背景：

用戶都是個(gè)性的，在滿足功能需求的前提下。越來(lái)越多(duō)的用戶開(kāi)始選擇為(wèi)軟件更換主題皮膚。當功能完善到一定程度以後個(gè)性化将會(huì)是一款産品發展的另一個(gè)方向。簡單來(lái)說更換主題可(kě)以放寬用戶對于軟件的認可(kě)程度，這個(gè)程度再簡單的分析可(kě)以說是一種使用模式的改變，從被動的使用到主動的使用。

需求要點：

360安全桌面是一款集成“社區(qū)聊天、視(shì)頻、音(yīn)樂、新聞、遊戲”等日常必備軟件的系統軟件。其目的是為(wèi)了簡化系統操作(zuò)使用戶能更加簡潔的使用電(diàn)腦(nǎo)進行(xíng)工作(zuò)或娛樂。為(wèi)了可(kě)以使用戶能更加自由的使用這個(gè)産品從而将一鍵換膚這個(gè)功能在這次的新版本開(kāi)發中提上(shàng)了日程。換主題是一種心情的體(tǐ)現，人(rén)是一種情緒生(shēng)物，同一個(gè)人(rén)在不同的心情下他的喜好以及選擇會(huì)有(yǒu)微妙的偏差。更換主題其實就是在換一種不同的心情。所以與其說這是一種功能到不如說這是一種體(tǐ)貼，一種開(kāi)發者對使用者的無言的體(tǐ)貼。

創作(zuò)思路：

作(zuò)為(wèi)一款最貼近用戶的桌面産品這份主題的靈感就源自這份單純而溫馨的回憶~

一種源自生(shēng)活的溫馨回憶。我們希望這款皮膚可(kě)以使我們的産品更加貼近用戶，這也是我們一貫設計(jì)産品的最終目标。

照片是我們對生(shēng)活回憶的點滴記錄，将那(nà)一瞬間(jiān)的時(shí)刻保存在一張照片中然後再将照片一張張粘在相冊裏的那(nà)份溫馨。每當翻開(kāi)相冊就會(huì)體(tǐ)會(huì)到那(nà)份溫暖的回憶。

之所以我們将方向定位在“回憶”這部分最大(dà)的原因就是我們希望這款主題是溫和(hé)的。就像一位可(kě)以一同分享的朋友(yǒu)。

視(shì)覺設計(jì)：

Icon誕生(shēng)記 – 一份從無到有(yǒu)的過程

考慮到主題的設計(jì)初衷，發現傳統照片的直角外框顯得(de)過于“鋒利”。為(wèi)了能更好的與主題風格相匹配以及更能體(tǐ)現品牌化的統一 icon邊框的設計(jì)靈感源自 360文字 logo的演化，圓潤的形狀使icon的感覺更加的柔和(hé)。在扣題的同時(shí)更加體(tǐ)現了産品的統一性。

Icon部分的設計(jì)從草稿階段到最後第一版的效果圖一共隻有(yǒu)一周的設計(jì)時(shí)間(jiān)，任務很(hěn)緊急。從草稿到第一版，一開(kāi)始定位為(wèi)比較偏向默認風格的設計(jì)方案。後來(lái)經過討(tǎo)論發現這種方案不适合作(zuò)為(wèi)一款主題，實在是太沒有(yǒu)特點了。所以二次回爐以後将整個(gè)風格設計(jì)的更加個(gè)性化，确定大(dà)緻方向以後再次細化了一些(xiē)細節的設計(jì)。

文件夾的展開(kāi)動畫(huà) – 最具親和(hé)力的交互往往都源自于生(shēng)活的真實感。

文件夾給我的第一感覺就好像以前用的老相冊。所以文件夾的交互設計(jì)中模仿了老相冊揭開(kāi)的感覺。就是那(nà)種有(yǒu)一塊不幹膠的背闆覆蓋了一層透明(míng)的薄膜的那(nà)種。

緩緩揭開(kāi)那(nà)封存的記憶，慢慢的在腦(nǎo)中拼接那(nà)一幕幕的回憶。回憶都是美妙的，因為(wèi)美妙的都是到達結果之前的那(nà)一段段旅程過程。

界面設計(jì)

我們要設計(jì)一款主題，首先要了解主題的範圍，受衆和(hé)包括哪些(xiē)必要的元素哪些(xiē)元素是可(kě)以個(gè)性化的哪些(xiē)是必須嚴格遵守規範的。

前期的構思非常重要，他直接影(yǐng)響到後期的成型，這個(gè)階段所占有(yǒu)用的時(shí)間(jiān)不會(huì)小(xiǎo)于整個(gè)項目周期的20%

豐富的界面，要想視(shì)覺清爽，空(kōng)間(jiān)感顯得(de)有(yǒu)為(wèi)重要，這一點包括：主次層次之間(jiān)的比例，各個(gè)模塊之間(jiān)的距離，單個(gè)模塊裏信息的間(jiān)距。脫掉厚重的衣物，身體(tǐ)的線條自然會(huì)顯現出來(lái)，但(dàn)想吸引更多(duō)的目光，那(nà)就得(de)把“面”練得(de)好點。

作(zuò)為(wèi)一款桌面産品，豐富其視(shì)覺感受，我們針對一種風格定位采用以溫馨為(wèi)視(shì)覺設計(jì)方向。“木紋”給我們的直觀感受是自然親切的，既然皮膚的定位是以“溫馨”的概念，那(nà)麽整體(tǐ)色彩的選擇也要向這一點靠近，所以我們采用黃色來(lái)成為(wèi)整體(tǐ)主題色調。

主題的風格與産品圖标白色圓潤包邊的形态相呼應，通(tōng)過木紋材質的配合使這款産品的設計(jì)簡潔而不是簡單，細膩的細節處理(lǐ)，精緻而又不繁複瑣碎的，界面的合理(lǐ)布局和(hé)桌面壁紙顯示的重點突出給這款産品設計(jì)增添了幾分靈氣，界面設計(jì)的把握恰到好處的展示了産品的功能性和(hé)巧妙的操作(zuò)性，使用戶體(tǐ)驗有(yǒu)了很(hěn)好的提升。

作(zuò)者：黑(hēi)社會(huì)&玄天

文章來(lái)源：360UXC