细说360杀毒界面之不足（个人观点）欢迎讨论

yboo.100

字多图多，慎入慎入......（图片无码，文章禁止转载）

前几日100重新装上360杀毒，实在受不了这界面，又开始对界面百般挑剔了。

先上一张2.1的截图。

首先是界面的配色，在美术设计上，蓝色的应用最为广泛；在色彩心理学上，也被最多人所接受，没有人对蓝色反感，面对这种舒缓的颜色，会让人放松；将蓝色应用于用户交互界面的设计是最恰当的选择；这也正是国内众多软件都使用蓝色为主色调来设计界面。360杀毒的主界面在整体的配色方面也达到了一个均衡，整个界面色调相近，整体感强，没有特别突出，特别显眼的颜色；也是中规中矩的一个界面。但是这样也会带来一定的问题，下文有具体介绍。

说完了配色来说说界面的布局。首先从界面的大小说起，上一张360杀毒2.x的主界面在1440 × 900 分辨率下的截图。

360杀毒的界面占用了近乎三分之一的屏幕空间；界面设计上需要考虑到容器大小与内容的比例协调。在100眼里，360杀毒的这个比例显然是失调的。为什么这么说呢？360杀毒的界面留空太严重了，100给大家测量下360杀毒到底留空了多少。

360杀毒主界面大小不可更改，大小为464000（为了更直观，采用800×580的积，算法下同），除去有效空白，留空区域面积总共112900，占总面积约24.3%。容器大小与内容多少比例失调，带来一种视觉上的问题。

不知道设计者是否是处于对产品后续功能的增多而设计的，目前而言，显然是不合适的，就长远而言，这种方案对于实用元素少的软件交互界面来说，同样不宜采用。
大家还记得AVAST4x不？界面类似于播放器，通过缩放来开关各项功能的窗口；但AVAST5x也步入了360杀毒界面设计的弊端，大界面，元素少，留空多。
100认为卡巴斯基2012、卡巴斯基MAC、ESET NOD32、MSE的设计才是最完美的；卡巴斯基2012的界面集成程度高，重点突出，但就是配色方面有些问题  - -、 。ESET NOD32考虑到这两种问题，把最主要的功能放到主界面，并尽量保持简介；考虑到可持续性，在每个分功能下增设了“在新窗口显示”的选项。这是一种比较折衷，也是比较完美的解决方案。MSE可以说是最简洁的设计了，但为什么要弄一个灰色网格大背景，似乎也不太完美了。

接下来说说视觉感官。视觉的偏好如同动物的印随一般，往往会主动寻找大的元素，并以之为主体。但360杀毒界面的设计就有点混乱了。同样上一张图来说明。

360杀毒界面上的主要元素有6个，且大小比例相近；这就让人分不出那部分是重点了。接下来人会很自然的根据颜色来选择，但是LOGO的颜色与指示灯的颜色却又相近，统一的色调有阻碍了感官视觉。那么界面上，到底哪部分才是重点？上文也说到，采用统一的色调，加上不突出的重点，360杀毒的UI流于平凡。

LOGO还是一个比较难安排的元素，既要突出又要不影响整体。但360杀毒的LOGO显然影响了其它部分，为了这个大LOGO，而空出TAB上半部分的空间，很不明智的做法。100考虑的，可以将LOGO与状态指示灯融合在一起，这样的做法不是很明智么？


100也不是光说不做，为了这篇文章自己动手做了一个最简洁最直观的界面。发上来和大家分享下。


1.底色依旧是蓝色，但是减少了元素，即便是统一的色调，依旧重点突出。
2.将LOGO与指示状态融合，我想不会有人不知道原始LOGO是什么样子吧？
3.延续三大按钮风格，多余的TAB，时间计数器，新闻资讯，资源占用指示器统统去掉，所有小功能由右上角功能按钮集成，部分功能由弹出窗口实现
4.很保守的增加了“切换到高级界面”功能
5.增强了右下角任务栏弹窗菜单
6.将换肤改为仅可更换background
*所有设计只为突出重点+实用+简洁，正如同MSE一般，这才是新手用户适合的UI交互界面。

下面是更换background的效果，一张图片，就是一个皮肤，没那么复杂！






放上桌面，看看整体效果


题外话：不谈技术（- - 100不会，谈不上），个人比较欣赏腾讯系列产品的设计，人性化、实用、简单。全线的产品界面设计，大部分仰赖于腾讯CDC团队（http://cdc.tencent.com/），对产品的特征分析，用户的调查，综合种种设计，界面才应运而生。360也算是大公司了，但是却缺少一个重要但被忽略的这么一个UI团队。

个人不是专业人士，考虑得没有360UI团队全面，发这个帖子目的是为了说出个人想法，也和大家探讨一下；希望360杀毒的界面风格更为完善和实用，欢迎讨论。。。

3楼6楼10楼有奖...

各种传言之月底新版本之全新界面

咆哮的蜗牛

UI是该搞搞了。支持。

天杀包子神

不错！虽说不看好360，但你的思路不错
不过杀毒还是给人一种专业的感觉比较好
而且你把360的广告位去掉了=v=这点感觉最好

阿童木看星星

蛮好的蛮好的，再加工加工更完美。

zhentu2010

楼主的界面设计很赞

chilson

楼主真的够强大的，强烈的支持一下

我也很希望360能把杀毒的UI改改了 实在是丑的蛋疼

怎么样了

不错

赞一下

yboo.100

zhentu2010 发表于 2011-7-24 17:38
楼主的界面设计很赞

能看到图片就好...这回用的是外联，卡饭的传图挂了

sanya167

想得不错啊，可以试下去官网提交一下

叶水心

吖  个人好喜欢楼主设计的360的皮肤，狂爱，感觉到楼主好厉害，不进360的公司真是可惜了。不过，你设计的界面右下角的切换到高级视图是什么呢？  我想看看高级视图是什么。。
不过，感觉这个360的板块设计有点像norton360或者卡巴斯基pure的设计风格。。。不过比那些可爱多了。。