今天我们就来分析两次著名软件公司的网页设计实践和趋势,看看是否可以学到一些东西,避免自己工作中的失误。
偶尔批评
如果你讨厌文章充满了批判性的唠叨,对不起,这篇文章可能有点批判性。我通常喜欢表扬优秀的设计,而不是批评糟糕的设计,但当我和大卫决定写一篇文章分析微软的设计倾向时,似乎我们必须看到哪些是凌乱的,丑陋的,甚至(或)失败的。
为了避免评论陷入争论,在下面的分析中,我不会提及苹果,也不会单独与苹果进行比较。不是因为PC和MAC的争论,只是想看看我们认为实践中确实欠缺的网页设计与开发。平心而论,微软是一家庞大而成功的公司,但这不会因为一些问题而黯然失色。其实微软在一些网站团队里有一些优秀的设计师,应该有更高更全面的品控。为此,我们来分析一下微软在设计和开发方面的一些不足,然后从中受益。
[div][div]
1.谨防强行外挂。
最近苹果和Adobe的摩擦让我们看到,依靠完全封闭的第三方插件来搭建网站会导致一些严重的后果。微软似乎重蹈覆辙,越来越多的网站依赖Silverlight。
在浏览微软的网站准备这篇文章的时候,经常被微软的弹窗骚扰,通知我系统没有安装Silverlight,所以无法用原来的方式浏览这些页面。我的问题是,“为什么要用它?”尤其是一些简单的幻灯片和动画效果,可用的技术比比皆是。诚然,它是微软自己的Silverlight,所以它从商业模式上得到支持,但这并不意味着它是最佳选择。
无论你是否是Silverlight的粉丝,如果网站的功能依赖于任何Silverlight或类似的技术,都要非常谨慎。关于继续使用Flash开发网站是否合理的争论还在继续,采用Silverlight这样的二线系统变得更加赌博。如果可能的话,请坚持使用跨浏览器、标准的内部代码和工具——不要要求你的访问者添加额外的操作或安装。
[div][div]
2.注意分辨率
这是对微软最大的抱怨,因为它似乎是仓促设计的。毫无疑问,在最小化文件大小和增加实用性以及保持图片清晰之间是一条狭窄的道路,但我仍然认为,与那些专业网站相比,微软似乎更喜欢显示丑陋的锯齿状JPG图形。
即使使用拨号上网的人数减少了很多,意味着宽带上网的人口激增,但并不意味着你可以不惜一切代价放大尺寸照片,而忽视对网站图片文件的优化和压缩。否则,可能的后果就是网站质量急剧下降,网站被自己庞大的形象打败。
也可以这么说:如果你觉得用大量的图片让网站看起来很特别,那就跟住在象牙塔里一样。你要做的是巧妙地利用视觉协调,尽量减小图像文件的大小。如果建议通过不同的屏幕来看,网站的图像质量在文件大小减小的情况下会不会变差,但还是会保持在一个可以接受的水平。
[div][div]
3.组织很混乱
有时候按照常规的设计规则,最后好像有些东西的视觉很差。当浏览微软的网站时,我们会遇到许多这样的页面,尽管试图使用有组织的安排,它们看起来仍然很混乱。
有什么问题?简单来说,一个比较小的街区可以放很多东西。即使他们已经尝试了对内容进行排版,并通过图形来增强视觉可读性,但最终还是相当不平衡。
如果你仔细看,你会发现这个页面上的四个项目看似是四个不同的人设计的,其实都是挤在一起的。与右图相比,左图看起来真的很沉重,文字颜色断断续续,内容笨拙交错,栏目之间没有足够的留白,在版面上很难看出它们的独立性。
这里的教训是,打包时要小心页面中的信息过于复杂。但在很多情况下,会需要更多的信息内容,但要以统一、和谐、有吸引力的方式处理,比如下面这个漂亮的例子(来自非微软网站)。
[div][div]
4.不一致
从Microsoft.com出发,打开一个巨大的下拉菜单,选择不同的网站访问,你会发现,无论是哪个连接,点击的页面都和主页大相径庭,甚至同一个下拉菜单里的页面也是如此不同。
浏览微软的网站就像玩旋转的轮盘赌。你几乎猜不到你要去哪里,你期待的下一页是什么。有些页面有漂亮的弧形背景,有些则是渐变的背景,甚至是发散的圆形。大部分网页看似去蓝,其实并不是一样的蓝,有些页面完全无视蓝色的趋势。[div][div]
问题是,不管你的网站是两个还是两百个页面,一致性一定要保持。当用户在有限的时间内熟悉一个网站的用法和界面时,他们会感到更舒服。每隔几页就给出完全不同的东西,会混淆浏览,让用户感觉不好。[div][div]
创建一个强大而一致的品牌是一个良好的企业形象,它可以帮助客户以一种个人的方式联想到你的公司。当然,微软有很多不同的品牌,都是从主页延伸出来的,但即使是在Microsoft.com的核心网页中,图片风格和菜单方式似乎也有明显的不同。
5.剪切并粘贴图片的设计
剪贴图片和微软 Office交错一起,这个显然看起来是有点荒谬。但是,自1995年以来图型设计已经走过很长的路,是时间该放弃特定样式的图型使用。剪贴图片和微软Office纠缠在一起,显然显得有点可笑。然而,图案设计自1995年以来已经走过了漫长的道路,是时候放弃使用特定的图案了。
从艺术的角度来说,以上各种微软网页的例子只是无奈之举,尤其是可怕的“初学者开发者”logo。不知道为什么用回旋镖攻击一株植物,是电脑屏幕辅助攻击还是逃离现场。这是一个视觉传达的烂摊子。
这也是CSS图库流行的一个原因,就是别人的设计跟自己的设计一样,可以引用或者参考。不仅仅是窃取别人的设计灵感。有时候,设计师只要稍微研究一下别人的技巧,就能自己开发出新的设计。浏览不同的东西就像去一家著名的服装店,参观不同著名设计师的作品,但你不必把这些昂贵或疯狂的衣服穿在自己身上。
永远保持开放的心态,打破过去自己设定的设计界限。毕竟,当你坚持过去的风格,世界的脚步不会就这样停下来。
[div][div]
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/85535.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除