萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> 360殺毒4.0設計

360殺毒4.0設計

360殺毒4.0設計 三聯

  一、設計背景:

  360 殺毒是一款免費殺毒軟件,集雲安全與本地查殺防護於一身。在經過不斷地改進、優化後,360殺毒無論在功能、性能以及穩定性方面都已有較好的用戶口碑。到開發4.0版本之前,已經推出到了3.2版本。360殺毒不但在各大軟件站的軟件評測中屢屢獲勝,還多次通過VB100、AV-TEST和AV-C等國際高端認證。然而,由於各類功能入口的不斷增加,主界面也日顯擁擠,功能分類出現重疊現象,界面長時間沒有更新,使其設計風格、界面布局和用戶體驗等方面已經無法滿足現在用戶的審美觀,因此對其進行改版已經勢在必行。

  二、設計需求:

  在 360殺毒4.0“雲動”中,采用簡潔、清新、靈動、輕量級的設計風格,突出用戶關注的重點——“掃描操作”和“系統防護狀態”,並在不減少必要產品功能的前提下,輕量化界面,提供常用功能的快捷入口,優化交互方式。從而減少初級用戶在使用產品過程中的學習成本,讓用戶易於操作、樂於操作和安全操作。

  三、設計過程:

  設計關鍵詞:簡潔、清新、靈動、輕量級

  確定方案 在明確現有版本存在的不足以及新版本設計需求的基礎上,盡可能廣泛地搜集設計所需的信息資源,並通過對各種信息資源的歸納和分析,深入挖掘影響產品和設計的主要因素,提出了一系列可行的設計方案。在與殺毒團隊的多次溝通和討論後,大膽嘗試新的設計風格,經過篩選,確定了最終的設計方案。

  360殺毒4.0的主色調以藍色為主,大面積留白的彩色搭配,減少材質和光效的運用,圖標和控件基本都是單色無漸變。主要突出顯示防御狀態、保護時間和掃描模式功能,界面的整體風格簡潔、輕薄、直觀、平面化。

  主界面 (圖一)

  界面優化 360殺毒4.0“雲動”相對於3.2版本,取消Tab頁導航,采用全新的界面布局,將智巧版和專業版統一,單界面內置導航。增加常用工具快捷入口,並提供快捷入口的替換操作邏輯,將圖標、控件和彈出窗等風格統一化。

  在設計之初,藍色要比現在的淺一些,留白處為純白色,界面整體感覺比較清爽,個人比較喜歡,但在內部測試時發現在較差的顯示器上,效果會顯得蒼白、刺眼,為了兼顧各種不同的顯示器,經過幾次調試和優化,效果最終確定為目前的色調方案。

  實時防護、工具欄展開界面 (圖二)

  實時防護設置和常用工具都采用菜單展開式設計,盡可能的減少頁面之間的跳轉。用戶可以根據自己的使用習慣,通過拖拽的方式,自定義主界面上的常用工具項。在此,報個小料,除了點擊下拉按鈕以外,還可以通過其他方式展開實時防護設置界面,這是我們研發團隊埋下的一個彩蛋,大家不妨找找看。

  掃描過程 (圖三)

  在掃描界面中,增加了“當前掃描項”和“返回”功能,減少了標題欄的高度,使內容區域最大化。每個掃描項都有四種狀態,並對應著相應的顏色,更直觀的展示了當前掃描進度和安全狀態。

  掃描發現威脅 (圖四)

  在掃描過程中,發現威脅時,會自動跳轉到威脅信息的詳細界面,紅色和橙色不僅是區分威脅類別,同時也代表著所帶來的威脅程度。

  換膚界面 (圖五)

  四、結語:

  360 安全中心已建成全球最大的雲安全網絡,服務近4億用戶,希望殺毒4.0“雲動”版本的發布能給用戶帶來全新的視覺感受。產品中還有很多不足,後續我們會繼續優化細節,適當的增加一些動態效果,增加產品的趣味性,提升產品的用戶體驗,歡迎大家多提好的建議和想法,以便我們將產品做的更好!

copyright © 萬盛學電腦網 all rights reserved