360殺毒4.0設(shè)計(jì)分享
一、設(shè)計(jì)背景:
360殺毒是一款免費(fèi)殺毒軟件,集云安全與本地查殺防護(hù)于一身。在經(jīng)過不斷地改進(jìn)、優(yōu)化后,360殺毒無論在功能、性能以及穩(wěn)定性方面都已有較好的用戶口碑。到開發(fā)4.0版本之前,已經(jīng)推出到了3.2版本。360殺毒不但在各大軟件站的軟件評(píng)測中屢屢獲勝,還多次通過VB100、AV-TEST和AV-C等國際高端認(rèn)證。然而,由于各類功能入口的不斷增加,主界面也日顯擁擠,功能分類出現(xiàn)重疊現(xiàn)象,界面長時(shí)間沒有更新,使其設(shè)計(jì)風(fēng)格、界面布局和用戶體驗(yàn)等方面已經(jīng)無法滿足現(xiàn)在用戶的審美觀,因此對(duì)其進(jìn)行改版已經(jīng)勢在必行。
二、設(shè)計(jì)需求:
在360殺毒4.0“云動(dòng)”中,采用簡潔、清新、靈動(dòng)、輕量級(jí)的設(shè)計(jì)風(fēng)格,突出用戶關(guān)注的重點(diǎn)——“掃描操作”和“系統(tǒng)防護(hù)狀態(tài)”,并在不減少必要產(chǎn)品功能的前提下,輕量化界面,提供常用功能的快捷入口,優(yōu)化交互方式。從而減少初級(jí)用戶在使用產(chǎn)品過程中的學(xué)習(xí)成本,讓用戶易于操作、樂于操作和安全操作。
三、設(shè)計(jì)過程:
設(shè)計(jì)關(guān)鍵詞:簡潔、清新、靈動(dòng)、輕量級(jí)
確定方案 在明確現(xiàn)有版本存在的不足以及新版本設(shè)計(jì)需求的基礎(chǔ)上,盡可能廣泛地搜集設(shè)計(jì)所需的信息資源,并通過對(duì)各種信息資源的歸納和分析,深入挖掘影響產(chǎn)品和設(shè)計(jì)的主要因素,提出了一系列可行的設(shè)計(jì)方案。在與殺毒團(tuán)隊(duì)的多次溝通和討論后,大膽嘗試新的設(shè)計(jì)風(fēng)格,經(jīng)過篩選,確定了最終的設(shè)計(jì)方案。
360殺毒4.0的主色調(diào)以藍(lán)色為主,大面積留白的彩色搭配,減少材質(zhì)和光效的運(yùn)用,圖標(biāo)和控件基本都是單色無漸變。主要突出顯示防御狀態(tài)、保護(hù)時(shí)間和掃描模式功能,界面的整體風(fēng)格簡潔、輕薄、直觀、平面化。
主界面 (圖一)
界面優(yōu)化 360殺毒4.0“云動(dòng)”相對(duì)于3.2版本,取消Tab頁導(dǎo)航,采用全新的界面布局,將智巧版和專業(yè)版統(tǒng)一,單界面內(nèi)置導(dǎo)航。增加常用工具快捷入口,并提供快捷入口的替換操作邏輯,將圖標(biāo)、控件和彈出窗等風(fēng)格統(tǒng)一化。
在設(shè)計(jì)之初,藍(lán)色要比現(xiàn)在的淺一些,留白處為純白色,界面整體感覺比較清爽,個(gè)人比較喜歡,但在內(nèi)部測試時(shí)發(fā)現(xiàn)在較差的顯示器上,效果會(huì)顯得蒼白、刺眼,為了兼顧各種不同的顯示器,經(jīng)過幾次調(diào)試和優(yōu)化,效果最終確定為目前的色調(diào)方案。
實(shí)時(shí)防護(hù)、工具欄展開界面 (圖二)
實(shí)時(shí)防護(hù)設(shè)置和常用工具都采用菜單展開式設(shè)計(jì),盡可能的減少頁面之間的跳轉(zhuǎn)。用戶可以根據(jù)自己的使用習(xí)慣,通過拖拽的方式,自定義主界面上的常用工具項(xiàng)。在此,報(bào)個(gè)小料,除了點(diǎn)擊下拉按鈕以外,還可以通過其他方式展開實(shí)時(shí)防護(hù)設(shè)置界面,這是我們研發(fā)團(tuán)隊(duì)埋下的一個(gè)彩蛋,大家不妨找找看。
掃描過程 (圖三)
在掃描界面中,增加了“當(dāng)前掃描項(xiàng)”和“返回”功能,減少了標(biāo)題欄的高度,使內(nèi)容區(qū)域最大化。每個(gè)掃描項(xiàng)都有四種狀態(tài),并對(duì)應(yīng)著相應(yīng)的顏色,更直觀的展示了當(dāng)前掃描進(jìn)度和安全狀態(tài)。
掃描發(fā)現(xiàn)威脅 (圖四)
在掃描過程中,發(fā)現(xiàn)威脅時(shí),會(huì)自動(dòng)跳轉(zhuǎn)到威脅信息的詳細(xì)界面,紅色和橙色不僅是區(qū)分威脅類別,同時(shí)也代表著所帶來的威脅程度。
換膚界面 (圖五)
四、結(jié)語:
360安全中心已建成全球最大的云安全網(wǎng)絡(luò),服務(wù)近4億用戶,希望殺毒4.0“云動(dòng)”版本的發(fā)布能給用戶帶來全新的視覺感受。產(chǎn)品中還有很多不足,后續(xù)我們會(huì)繼續(xù)優(yōu)化細(xì)節(jié),適當(dāng)?shù)脑黾右恍﹦?dòng)態(tài)效果,增加產(chǎn)品的趣味性,提升產(chǎn)品的用戶體驗(yàn),歡迎大家多提好的建議和想法,以便我們將產(chǎn)品做的更好!
殺毒4.0-云動(dòng) 下載地址:http://sd.#/index4.html
- 目前還沒評(píng)論,等你發(fā)揮!