• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】詳細解析360殺毒軟件設計實例




    詳細解析360殺毒軟件設計實例

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自站酷的設計理論類文章,寫教學的作者是360UXC,感謝360UXC提供設計理論的實作教學。

    教學大綱:

    360殺毒是一款免費殺毒軟件,集雲安全與本地查殺防護於一身。在經過不斷地改進、優化后,360殺毒無論在功能、性能以及穩定性方面都已有較好的用戶口碑。


    設計理論教學開始

    一、設計背景:

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

    二、設計需求:

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

    三、設計過程:

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

    詳細解析360殺毒軟件設計實例

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

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

    詳細解析360殺毒軟件設計實例

    主界面 (圖一)

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

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

    詳細解析360殺毒軟件設計實例

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

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

    詳細解析360殺毒軟件設計實例

    掃描過程 (圖三)

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

    詳細解析360殺毒軟件設計實例

    掃描發現威脅 (圖四)

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

    詳細解析360殺毒軟件設計實例

    換膚界面 (圖五)

    四、結語:

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

    — —

    文章永久連結為: 詳細解析360殺毒軟件設計實例