萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 360安全桌面主題設計小結

360安全桌面主題設計小結

360安全桌面主題設計小結 三聯教程

  設計背景:

  用戶都是個性的,在滿足功能需求的前提下。越來越多的用戶開始選擇為軟件更換主題皮膚。當功能完善到一定程度以後個性化將會是一款產品發展的另一個方向。簡單來說更換主題可以放寬用戶對於軟件的認可程度,這個程度再簡單的分析可以說是一種使用模式的改變,從被動的使用到主動的使用。

  需求要點:

  360安全桌面是一款集成“社區聊天、視頻、音樂、新聞、游戲”等日常必備軟件的系統軟件。其目的是為了簡化系統操作使用戶能更加簡潔的使用電腦進行工作或娛樂。為了可以使用戶能更加自由的使用這個產品從而將一鍵換膚這個功能在這次的新版本開發中提上了日程。換主題是一種心情的體現,人是一種情緒生物,同一個人在不同的心情下他的喜好以及選擇會有微妙的偏差。更換主題其實就是在換一種不同的心情。所以與其說這是一種功能到不如說這是一種體貼,一種開發者對使用者的無言的體貼。

  創作思路:

  作為一款最貼近用戶的桌面產品這份主題的靈感就源自這份單純而溫馨的回憶~

  一種源自生活的溫馨回憶。我們希望這款皮膚可以使我們的產品更加貼近用戶,這也是我們一貫設計產品的最終目標。

  照片是我們對生活回憶的點滴記錄,將那一瞬間的時刻保存在一張照片中然後再將照片一張張粘在相冊裡的那份溫馨。每當翻開相冊就會體會到那份溫暖的回憶。

  之所以我們將方向定位在“回憶”這部分最大的原因就是我們希望這款主題是溫和的。就像一位可以一同分享的朋友。

  視覺設計:

  Icon誕生記 – 一份從無到有的過程

  考慮到主題的設計初衷,發現傳統照片的直角外框顯得過於“鋒利”。為了能更好的與主題風格相匹配以及更能體現品牌化的統一 icon邊框的設計靈感源自 360文字 logo的演化,圓潤的形狀使icon的感覺更加的柔和。在扣題的同時更加體現了產品的統一性。

  Icon部分的設計從草稿階段到最後第一版的效果圖一共只有一周的設計時間,任務很緊急。從草稿到第一版,一開始定位為比較偏向默認風格的設計方案。後來經過討論發現這種方案不適合作為一款主題,實在是太沒有特點了。所以二次回爐以後將整個風格設計的更加個性化,確定大致方向以後再次細化了一些細節的設計。

  文件夾的展開動畫 – 最具親和力的交互往往都源自於生活的真實感。

  文件夾給我的第一感覺就好像以前用的老相冊。所以文件夾的交互設計中模仿了老相冊揭開的感覺。就是那種有一塊不干膠的背板覆蓋了一層透明的薄膜的那種。

  緩緩揭開那封存的記憶,慢慢的在腦中拼接那一幕幕的回憶。回憶都是美妙的,因為美妙的都是到達結果之前的那一段段旅程過程。

  界面設計

  我們要設計一款主題,首先要了解主題的范圍,受眾和包括哪些必要的元素哪些元素是可以個性化的哪些是必須嚴格遵守規范的。

  前期的構思非常重要,他直接影響到後期的成型,這個階段所占有用的時間不會小於整個項目周期的20%

  豐富的界面,要想視覺清爽,空間感顯得有為重要,這一點包括:主次層次之間的比例,各個模塊之間的距離,單個模塊裡信息的間距。脫掉厚重的衣物,身體的線條自然會顯現出來,但想吸引更多的目光,那就得把“面”練得好點。

  作為一款桌面產品,豐富其視覺感受,我們針對一種風格定位采用以溫馨為視覺設計方向。“木紋”給我們的直觀感受是自然親切的,既然皮膚的定位是以“溫馨”的概念,那麼整體色彩的選擇也要向這一點靠近,所以我們采用黃色來成為整體主題色調。

  主題的風格與產品圖標白色圓潤包邊的形態相呼應,通過木紋材質的配合使這款產品的設計簡潔而不是簡單,細膩的細節處理,精致而又不繁復瑣碎的,界面的合理布局和桌面壁紙顯示的重點突出給這款產品設計增添了幾分靈氣,界面設計的把握恰到好處的展示了產品的功能性和巧妙的操作性,使用戶體驗有了很好的提升。

  作者:黑社會&玄天

  文章來源:360UXC

copyright © 萬盛學電腦網 all rights reserved