61阅读

浅谈家装中的强电配电设计-浅谈URL使用在前端设计中的优化

发布时间:2018-04-14 所属栏目:浅谈平面设计

一 : 浅谈URL使用在前端设计中的优化

很多朋友都认为关于URL优化方面的工作是后端工程师做的,前端方面注重结构方面的优化就可以了。其实不然,对于请求及DNS请求等等诸多方面,前端工程师也应该在自己能做到的方面给予优化。

下面我就说说我对于URL在前端优化方面的理解,希望大家指正。

首先,第一点,比较“吝啬”,就是使用“c”、“j”、“i”文件夹分别代替我们经常用的“css”、“javascript”、“images”文件夹。如果没有记错的话,这个方法是Zeldman在《网站重构》第一版的时候提出来的(如果记错了,欢迎大家指正),我是比较赞成这个的。当然很多人会说,有这个必要吗?我个人觉得有,虽然这样做或许不会对页面精简带来太大的效果,但是并不会带来任何坏处。

第二点,对于链接到像http://www.example.com/dir/这样的URL时候,记得在最后加上“/”,因为如果你的网站包含目录并使用了自动索引,不加结尾的斜线的话会页面会多一次重定向。(p.s:对于链接到主机名的链接可以不必加)

第三点,就是上面已经提到的重定向问题。这应该是前端最应该重视的基于URL的优化问题,大家应该都有亲身体验重定向时的等待的不愉悦,尤其是第一个请求就是重定向时,用户看到的是一个“漫长”的空白页面过程。所以应该避免滥用重定向,不过很多时候(主要用在跟踪)还是需要用到重定向,当然这也包括服务器的配置方面,不管怎么说,我们还是在我们能做的方面尽量做好吧。

第四点,减少DNS的查找。对与这点,可以主要从增大DNS缓存时间和减少网站内容主机请求数量两点来优化。对于第一点在网站端可以通过DNS的 TTL及HTTP的Keep-Alive来设置(虽然这不是HTTP1.1中必需的,但是很多浏览器和服务器都包含它)。当然你在配置中得考虑自己网站的实际情况,确保你的内容和ip不会在你设置的时间内失效。在主机名数量上,减少唯一主机名的数量会减少页面并行下载的数量,基于下面要说的原因,Steve Souders建议网站数据内容分别放在2-3个主机名下是最优选择。

最后一点,将数据内容并行下载。在HTTP1.1规范下,建议浏览器从每个主机名并行的下载两个数据包内容,并且很多浏览器默认都是这样做的(可以打开YSlow对照页面在firefox下的结果),如果你的页面包含较多的图片等数据内容,将其分别放在两个主机名下,整体的下载时间将会有明显的缩短。但是基于上面一点的原因,不要将内容放在太多的主机下,至于实际几个,可以通过自己的页面情况考虑。

当然,基于URL的优化,在服务器方面的配置(包括CDN,路由等方面)效果明显,但是我们前端在做好其他如页面结构、页面压缩、HTTP请求数量等方面的优化下,进行上述的URL使用优化,肯定能使你的页面有更好的呈现。

本文很多观点来自Steve Souders的《高性能网站建设指南》,本文内容比较偏,欢迎大家拍砖。现在像google的分布式还有热门的云计算方面也是URL优化方面极具讨论价值的话题,欢迎大家讨论指教。

注:相关网站建设技巧阅读请移步到建站教程频道。

二 : 浅谈家装中的强电配电设计 篇一:空开、漏保及回路布置

因为自己的房子要装修了,所以收拾了一下懒癌晚期的自己,学习了一下家庭中的强电配电设计,中间学习过程,稍有心得,想上来张大妈跟大家分享一下,也算是我一直泡在张大妈怀抱里的回馈吧。这篇文章以我一个正在装修的小白的实际经验进行讲述,希望可以帮到大家。

首先自我介绍一下吧,帝都某大学的电气工程小本,现就职于某电力国企,对比张大妈里各路大神,实在不值得提,所以主动把标题写成浅谈,以免在各路大神的群殴中暴打身亡。

一、家用低压断路器(空开)介绍

低压断路器又称自动空气开关或者自动空气断路器,简称断路器或者空开,叙述中为了方便统一用空开吧。它是一种只要电路中电流超过额定电流就会自动断开的开关。空气开关是低压配电网络和电力拖动系统中非常重要的一种电器,它集控制和多种保护功能于一身。除能完成接触和分断电路外,尚能对电路或电气设备发生的短路、过载、失压及欠电压等进行保护,同时也可以用于不频繁地启动电动机。(引用自百度百科)。注意这句话:对电路或电气设备发生的短路、过载、失压及欠电压等进行保护。这句话简洁地说明了空开的作用,除了是一般说的开关,空开还有短路、过载等保护功能的开关。最简单点说,空开是一个开关,但也有类似保险丝那样的过电流保护功能,可以重复使用的“保险丝”。

给有好奇心的同学来张电路图说明:

空开 浅谈家装中的强电配电设计 篇一:空开、漏保及回路布置空气开关电路说明

空开的种类繁多,但一般习惯都是按照“位数”(就是几个P)来分类的,国际标准空开一位就是1P,占用强电箱导轨上18mm的宽度。2P就是占用36mm的宽度,以此类推。下面的这个图片就是1P的空开:

空开 浅谈家装中的强电配电设计 篇一:空开、漏保及回路布置1P空开

普通低压断路器和拼装式漏电保护断路器品种繁多,有1P,1P+N,2P,3P,3P+N,4P 等多种,由于空开可以附加空开附件不断扩展的,单纯以空开的位数来分类不是很靠谱,但是如果按照空开不附带附件,单纯以开关的意义来分类一下空开,还是有点好分类的,我简单说说:

1P 空开:1P开关有带漏电、不带漏电保护、1P+N含零线分断型,以及他们之间的组合,如1P+N带漏电保护。普通的1P开关都是单极型,就是只能接一根火线;1P+N的1P开关,可以多接一根零线,空开跳闸的时候可以顺带跳开零线。后者有越来越流行的趋势。1P 空开可以附带一个漏电保护的附件变成占用2P位置的空开,但是实质也是1P的空开开关,这点大家讨论的时候注意分别。

马云家的两个商品例子,前者是1P+N的空开,后者是1P+N带漏电保护的空开。都是1P的宽度。

2P 空开:2P空开同样有带漏电和不带漏电的型号,最常见的2P空开就是双极开关,需注意真正的2P开关是两个极都提供对等的短路过载保护能力,这是与1P+N最大的区别,2P开关通常用于220V系统总进线开关。

马云家的商品例子,2P的空开,加上宽度2P的漏电保护附件,共4P宽度。

3P及3P以上空开:基本都是用于三相220/380V系统,除非家里有大型中央空调,否则家庭很少使用。土豪家当我没有说话。由于三相系统需要做三相电压平衡,是个有点麻烦的问题。家里有三相入户的记得详细跟电工沟通一下,楼猪能力有限,就不扯这个了。

空开有很多对应的设备参数的,通常的有短路分断能力、限流等级(能量限制级别)、磁脱扣和热过载脱扣等,我简单说说,有兴趣的同学可以自行去了解。需要注意的是热过载脱扣电流参数,简单说就是空开跳闸的额定电流,如C63A的空开,那就是63A电流跳闸的,这个参数对于家庭回路的电流有极大的意义,关系到回路上所接的电器的功率、关系到导线选取的粗细。低压空开电流应当配合导线截面积选取,不能随意加大。建议的数值如下:

1.5平方毫米,10A

2.5平方毫米,16A,20A

4平方毫米,20A,25A,32A

6平方毫米,25A,32A,40A

10平方毫米,40A,50A,63A

16平方毫米,63A,80A,100A

标粗体是建议匹配的空开额定电流(热磁脱扣标定电流)匹配数值,国内品牌低压断路器精度差,建议选择相对保守的电流;国际大牌的断路器,可以选择大一些。千万不要选取小导线,然后配置电流大的空开,否则导线都烧掉了,空开还没听跳闸!千万要注意!!2.5平方毫米的导线千万不能选用超过20A的空开,在长时间使用的电气,如多人使用的电热水器,哪怕2.5平方的导线已经满足其用电需求,但考虑到其长时间近乎满负荷工作,应该往高一级别的导线选取!这点在选择导线大小的时候,大家要跟电工沟通好!

好不容易把理论知识形象地说了一下,说点空开的实际产品吧,以大家常说的施耐德电气和ABB进行介绍。

1、施耐德电气(当然还有个买钢笔的施耐德)家装能用到的空开,就Easy9系列、Mutil9系列、Acti9系列空开,从左到右的顺序是屌丝到土豪的顺序,来张施耐德自己的说明图片吧,不差钱的都选Acti9吧,多年的发展,这货几乎已接近完美。

空开 浅谈家装中的强电配电设计 篇一:空开、漏保及回路布置

2、ABB家装能用到的空开,产品包括:S200、SN201、S260、S280、S800等多个系列。鉴于我对ABB的产品线不是非常熟悉,就不多说ABB了,知道的同学评论补充,再请小编update。顺便扯扯ABB的历史,空开这货的确是德国人发明的,发明者(名字忘记了)自己搞了间公司,后来ABB收了发明者的公司,自然ABB也就是空气的发明者这称呼了。

好吧,写得好手软,空开就介绍到这里吧!

二、家用漏电保护开关(漏保)介绍

漏电保护开关,其实是两个词合成的,漏电保护开关=漏电保护器+开关,开关就是前面说的空开来,至于漏电保护器嘛,主要用于防止漏电事故的发生,其开关的动作原理是:在一个铁芯上有两个绕组,主绕组和副绕组。主绕组也有两个绕组:分别为输入电流绕组和输出电流绕组。无漏电时,输入电流和输出电流相等,在铁芯上二磁通的矢量和为零,就不会在副绕组上感应出电势,否则副绕组上就会感应电压形成,经放大器推动执行机构,使开关跳闸。(非电的同学听不明白不要打我)

漏保主要的技术参数是漏电动作电流,很简单的参数啊,就是漏电到什么程度就动作跳开开关。家用配电场合,常用30mA的漏电动作电流的漏保。

市面上的漏保多数(99%)都是电子式漏保,使用电子线路来判断零序电流互感器的输出信号,精度较高,但是电子元件抗干扰能力差,雷击容易损坏,大电流干扰也常会让电子式漏保误跳闸。而且当火线或者零线其中一根断开导致停电时,电子式漏保因为无电源,无法跳闸。L线(火线)断裂,不会有什么大的破坏,仅仅是停电,漏电开关无效并不影响什么。N线(零线)断裂,在220/380V混合系统中会导致大量电器烧毁,在这期间电子式漏电开关是无效的,即使发生漏电也不会跳闸,非常危险。

跟电子式漏保相反的是电磁式漏电开关,使用非常高端的零序电流互感器设计,和非常精密的机械电磁铁机构。因为不存在电子元件,抗干扰能力极强,雷击不易损坏。不过精密机械结构的抗震动能力比较差,不适合车船等应用。因为是纯机械结构(由漏电零序电流互感器输出直接驱动电磁铁),不需要电源供电,即使L线或N线断裂,漏电保护依然有效。

电子漏保和电磁式漏保,两者各有优缺点吧。前者成本低,方便生产,现在最常见;后者生产成本高,市场上较少,并且价格较高,并且需要串接对应的分断电流的空开使用。国产的德力西 CDL7-63,63A纯漏电开关,是国产中的电磁式漏电保护开关,价格很公道,比施耐德Acti9 iID那样的纯电磁式漏电保护开关的价格公道多了,打算上电磁式漏保的同学可以考虑一下,值得买嘛

三、家用强电配电回路划分建议

铺垫了这么久,终于写到了想写的东西,我这么多废话,我妈她其实不知道。想想也不算很废话吧,算是普及电气知识吧。

3.1 回路划分建议

1、厨房单独回路供电:现代的家庭,厨房的电器占了很大的一部分,提升生活品质的烤箱、微波炉、各种电饭锅、炖盅、洗碗机、电磁炉。其用电功率是相当大的,十分建议单独回路,甚至是多回路供电。

2、冰箱常驻回路:这个回路主要是方便,好处是当需要关闭大部分用的设备,预留冰箱继续运作的情况下,切断其他回路即可。顺便可以在这个回路接入家庭弱电机柜(你没有看错,是弱电机柜!张大妈里面好像有人分享过在家庭整个机柜的经验分享,大家搜索一下膜拜一下土豪打算在家做机房的节奏),入户电信路由、交换机、家庭安防摄像头什么的,都可以跟随冰箱常驻回路,在切断其他回路的电源时候保持正常的运作。再顺便,在PM2.5爆表的年代,家庭有新风系统的,也可以考虑接入此回路,保证新风系统在其他设备切断时还能正常运行。

3、照明回路:一般合并设置一个回路即可(视户型面积大小情况而定),户型太大的建议设置多个照明回路,比如划分为南北照明回路,或者划分为公共和房间照明回路。

4、空调设备回路:(用电较大)建议各自单独回路供电(也可以每两台空调合用一条回路),各种土豪家的中央空调、空气能热水器或者什么大功率的即热式的热水器的,记得全部单独回路供电。简单说就是有几个空调(或大功率电器,大于2000w这样的,需要较长时间供电的)就设置几个回路。

5、卫生间回路:建议卫生间插座单独回路供电。注意,卫生间回路尽量装设漏电保护开关,因为在洗澡的时候,电热水器什么的漏电是玩命的,绝对不能开玩笑!卫生间的照明可与卫生间的电源插座同回路(如果卫生间照明回路单独,也应该设置漏保,但考虑到比较浪费钱,通常合并到卫生间插座回路里共用一个漏保,不差钱的土豪当我什么也没有说),这样设计既安全又经济,缺点是发生故障时,照明没电,给居民行动带来不便。有几个卫生间就设几个卫生间回路!必须带漏电保护开关!

6、插座回路:可以根据布线的方式和插座设置数量,划分回路。插座回路这个,大概看看自己的插座上可能有的电器功率进行预估吧,通常都会设置好几个插座回路。

鉴于是在色魔张大妈上的经验,有必要跟大家交代一下什么样的回路配置“最值得买”!

例子就以楼猪(就是叫楼猪)的房子为例子吧,178的建筑面积,实用面积154,两厅(饭厅、客厅)两卫(公卫、主卫)四房的布局来说明一下回路配置及相应的省钱方法吧!

由于家庭回路布置中的漏电开关不可或缺,但是这货也比较贵,回路配置也是考虑到这个漏保的价格,列出回路配置的价格差别。楼猪的回路设置如下所示:

2个卫生间回路(主卫、公卫)、2个厨房回路(功率太大,多个回路)、2个房间插座回路(每2个房间共用一个回路)、2个公共插座回路(客厅、饭厅、走道)、4个空调回路(四个房间的空调嘛)、2个照明回路(分房间照明、公共区域照明)、1个冰箱常驻回路、1个备用回路。上面共计16个回路。

3.2 回路开关选型建议:

1、总开漏电空开 + 支路普通空开(最省钱!):

家庭总开关+漏电保护,然后下面是一堆的支路普通空开,这应该是家庭最常见的回路开关选型了。既然最普遍,那必然有它存在的理由啊,那就是省钱!整个布置方案只有一个漏电保护,的确是最省钱的,但是这个方案的缺点也显而易见,一旦有人在家里的插座插了一个漏电的电器,那么必然会跳掉全屋的总闸。要是天黑的话,那么就等着摸黑去配电箱那里一路路地试验那个回路漏电了,的确也是很苦逼的事情!

以施耐德的开关举例,以楼猪自己的回路配置,那就是:家庭总开关: Acti9 iC65N 2P63A + Vigi iC65 ELE,支路普通空开是 Acti9 iDPNa 1P25A,整套开关都是施耐德的,而且支路空开都用iDPNa的开关,投入大约 750 元左右即可!

2、总开开关 + 部分支路漏电空开(最均衡!):

总开开关 + 部分支路漏电空开,就是总开关使用普通的2P的空开,部分支路,就是涉及插座的支路使用漏电开关,空调和照明回路由于是固定安装,一般漏电可能较小(卫生间的照明除外!),这样插座什么的漏电就只会跳开自己所在回路的空开,不会让全屋停电!但也有缺点,就是空调和照明回路没有漏电保护,万一,我是说万一漏电就不好玩了!

同样以施耐德空开举例,以楼猪自己的回路配置,那就是:家庭总开关:Acti9 iC65N 2P63A,不要加漏电保护附件啊!支路中的厨房回路、卫生间回路、插座回路都是用 Acti9 iDPNa 1P25A Vigi+漏电保护空开,空调和照明都用普通的Acti9 iDPNa 1P25A,那么整套的施耐德投入大约 1200 元左右!

3、总开开关 + 全部支路漏电空开(保护性能最好,土豪速度上!):

总开开关 + 全部支路漏电空开,就是总开关使用普通的2P的空开,全部的支路都使用漏电开关。这样的配置可以提供最好的漏电保护性能,任何一回路漏电都会跳开,不会影响其他回路!但是由于全部的支路都使用漏电空开,价钱也很贵!土豪当我什么也没有说就好!土豪我们做朋友吧:)

同样以施耐德空开举例,以楼猪自己的回路配置,那就是:家庭总开关:Acti9 iC65N 2P63A,不要加漏电保护附件啊!支路都是用 Acti9 iDPNa 1P25A Vigi+漏电保护空开,那么整套的施耐德投入大约 2000 元左右!

价钱都列出来了,还是楼猪整理了好久的Excel表格整理到的,截图一个吧,就是不知道张大妈压缩后的图片还看不看得清楚吧

空开 浅谈家装中的强电配电设计 篇一:空开、漏保及回路布置

顺便说说,可能会有人问,部分支路漏保的情况,总开不是可以加个总的漏电保护开关的吗?嗯嗯,可以,不过你需要找个带延时的漏电保护开关,鉴于带延时的漏保要么买不到,要么死贵死贵的,建议大家还是不要折腾了。比如你总开是Acti9 iC65N 2P63A + Vigi iC65 ELE 30mA漏电保护,然后支路是Acti9 iDPNa 1P25A Vigi+ 30mA漏电保护空开,当这个支路发生漏电的时候,两者是同时跳闸的(理论上同时,因为同时看到漏电电流分量),这样配置就完全失去了支路配置漏电保护开关的意义了。聪明如你,一定明白这个道理

如果采用第2、第3种多个支路漏电开关的方案,注意家里的回路布线一定不能混了,否则那漏电开关根本合不上。很多同学会说,说电工不建议整支路多漏电开关,因为这样容易跳闸。其实不会的,电工就是怕自己混了回路,怕返工而已。哈哈,大家都懂的,我就不多说什么了。

四、家用强电配电进阶用法

写了好长,码字累死了。小编不给过,不多给点金币,我就。为了增加这经验的吸引力,但无奈一男屌丝,没有自拍的性感睡衣照啊,怎么办?思考片刻,唯一多写点看起来高大上的内容了!这个章节专门针对土豪!不差钱的尽管上就是了!

认真点说,也不算什么进阶的玩法,就是大家对家庭配电要求越来高,所以一些专门的“保护电器”的装置也用上了吧,大约有过压欠压保护装置、防雷(防浪涌)装置、家用电力计量装置吧,其他的玩法坐等张大妈里的土豪补充

4.1 欠压过压保护装置

欠压过压保护装置,顾名思义,就是电压过低、电压过高,自动切断后面带的电器,防止电压过低或者过高而损坏电器吧。大家可能对家庭过压欠压没有什么概念,的确,现在的供电水平不断上升,电力的质量也不断提升(得益于变电站广泛应用的AVC啊,自动无功电压控制,当然还有AGC,自动发电控制),过压欠压的现象越来越少,尤其城市用户,遇到这情况更是少之又少。但是作为电力专业的小本,还是考虑到,假如楼盘的高压配电室里的变压器(10kV降压为380V),一旦中性线断开,大家家里的220kV进线会变成380V啊,低压还好,很少有普通的电压耐压380V啊。虽然说这样的过压,那供电局什么的是有责任,也是应该要赔偿的,但是我们家里的电器,也不能这么依赖国企的“责任”啊,还是自己动手吧,这时候你就需要这个了!

这种过压保护附件是附带在家庭总开关上面使用的,检测到家庭过电压,就自动跳开家庭总开关,达到保护全家电器的目的!但是这货有个致命的问题,就是它跳开总开关了,电压回复正常它不会重新合闸啊!要是出差的时候它过压跳掉了,回家的时候就会发现家里的冰箱遭殃了~ (楼猪想着这么仔细,你们知道么)。所以呢,还有更加好的东西,那就是自恢复式的过压欠压保护器

这货是个好东西,过压欠压的时候会自动断开电流保护电器,电压回复正常时,它会自动合闸为家庭的电器供电,是不是很人性,至于价钱嘛,你看着办就是了,我都说了是针对土豪的内容,你们不要打我

4.2防雷(防浪涌)装置

防雷(防浪涌)装置嘛,就是防止瞬时高压损坏电器的装置,比如打雷的时候,家里有电器打坏就是因为这个嘛,在雷暴高发区(比如广州大学城),这货很有配置的必要!另外大型的电动机短路时候也会造成短暂的电压浪涌,家庭较少,打雷这个例子比较普遍吧。

说起这个防浪涌,看到大妈里有不少人晒各种防浪涌插座什么的,作为电气小本真心怀疑一个防浪涌插座带给你的防浪涌的保护作用,如果你拆开防浪涌插座,发现里面也不过一个几毛钱的压敏电阻,个人觉得这能防浪涌的能力有限,噱头比较大。另外这玩意接地严格要求是要独立接地,和其他接地线接一起就没意义了,插座基本都是直接接到插座的地线去了。注意,是独立接地!这点很多人安装防浪涌时候的误区!!!

另外,电网在小区里都会设置一个总的防浪涌装置吧,真有浪涌基本都能拦下来。所以,配置好的小区可以不用折腾这东西,但是考虑到土豪乡下的别墅,还是装一个求安心吧。

话说这货那个真心贵,土豪不差钱就当我没说吧。防浪涌要求独立接地,这点大家可能有疑惑,家庭普通都会有地线吧,一般都是插座共用的地线,注意了,防浪涌要求的独立接地就是不能和插座用的接地共用,必须是独立的接地!考虑到很多人家里都没有这个独立接地的条件,大家还是当我废话了吧。土豪家的别墅要打算上这货,就必须记得搞独立接地啊!

另外,防浪涌的安装要求尽量靠近总开关!那些安装得远离总开关的做法是错误的。大家施工的时候要求电工要注意就好。再有就是防浪涌前一般都会接一个高分断能力的空气开关,用于保护防浪涌装置在流过过大的浪涌电流保护防浪涌装置使用的,不差钱的就上吧,差钱的就主动忽略我这段话就好。

4.3家用电力计量装置(功率计)

家用电力计量装置,计电费的电表就是啦,但是土豪不差钱嘛,可以玩点特别的,自己实时采集自己家里的使用电流、电量什么的,显示的是家中的总耗电。节能是一种环保意识,并非仅为省多钱的电费,功率计就在时刻提醒你,不用的电器及时关掉,常用的设备选择高能效的产品。

功率计有手持式、家用配电箱导轨安装式的,这里说的是松下KW4M电力监控仪表,网上有网友提及过,马云家都找不到这产品,想必是高大上的必备了,度娘来个图片说明一下吧。

空开 浅谈家装中的强电配电设计 篇一:空开、漏保及回路布置松下KW4M电力监控仪表

加上仪表用的CT,即可实时监控家庭使用的功率、电流、电压什么的,好高大上就是了,楼猪在变电站见过不少,但至于在家里需要不需要,这个就看土豪的心情了,想更多了解这个的同学,自己去度娘一下就好咯,可以玩玩还是挺有意思的。

---------------- 我是码字码到手软的分割线----------------

写到最后,写了这么多,真心的,好手软。本来还有一节空开选购指南的,感觉好累了,不想爱了,以后有空再写写吧。

可能有同学觉得我老推荐施耐德的东西,觉得楼猪是施耐德的托,其实大可不必。ABB和西门子,国内的德力西和正泰,其实很多开关都做得挺不错的,ABB很多开关做得都比施耐德也好,只是楼猪多数使用1P带漏保的空开节约配电箱空间,而ABB和西门子做的DPNa的漏保都没有施耐德的好看(我会告诉你处女座也是外貌协会的么)。如果你不是处女座(比如楼猪),大可不必纠结那个空气开关的分断能力是多少这么斤斤计较的问题,家庭选择国际大牌和国内的德力西和正泰,保证货品是正品真品,那基本不会有太大问题就是了,各位同学不必过于担心。

关于家庭强电配电的细节还有很多,篇幅都这么长了我也只是希望能尽量说清楚吧,有什么问题的大家评论回复讨论一下。楼猪也不是什么专家,希望这样的文章能够帮到你。

谢谢!

三 : 浅谈安卓L的设计历程 安卓L是山寨iOS吗?

  从安卓诞生起,“山寨”iOS的名头挥之不去,这次Android L的发布又添上了“跟风iOS7扁平化”的帽子。在面世之初,安卓设计的不成熟导致安卓获得了这个不甚好听的名声——早期的安卓没有成体系的设计语言,更像是东拼西凑的元素堆在一起,有人甚至称安卓本来就不是为触屏而生。对比当时惊为天人的触屏iOS系统,的确很容易让人往安卓抄袭iOS方面联想。

iOS8/Android L主界面对比
Android L依然在跟风iOS?

  不过多年过后,安卓已非吴下阿蒙。在安卓4.0时代,Google第一次为安卓设立了界面规范Holo Design,而到了现在最新一代安卓系统Android L中,Material Design惊爆了无数人的眼球——这一次,我们实在不应该再说安卓设计抄袭iOS了,安卓设计可是有自己的发展道路的!从寨味十足的界面,到现在华丽却又井井有条的Material Design,安卓的设计到底经历了怎样的进化?今天,就让我们一起来回顾一下安卓从丑小鸭变成白天鹅了历程吧。

  前Holo时代的安卓设计:原始粗糙的半成品

  在大家的印象中,安卓是iOS的后辈,但实际上并非如此。早在2003年10月,有“安卓之父”之称的安迪·鲁宾(Andy Rubin)就创建了安卓科技公司,到了2005年Google收购了安卓,安卓成为了Google布局移动市场的旗子。但为什么人们会有安卓诞生于iOS之后的印象呢?原因很简单:iOS面市时的设计比安卓成熟太多了,而且iOS正式推出比Google发布安卓还要早一年!安卓在刚诞生时甚至还没有虚拟键盘,很多人说安卓是Google为了模仿iOS赶工一年做出来的山寨,似乎也不是没有道理。

安卓L设计 Android L设计 安卓设计
安卓一开始甚至没有虚拟键盘,不少人认为安卓最初就不是为触屏设计的

  安卓在最初,并不是为纯触屏而生——第一部安卓原型机HTC G1还附带了实体键盘,更是进一步证实了安卓在触屏领域只是个半吊子的说法。从传统设计的系统向触屏系统靠拢,安卓的设计风格可谓是被硬生生扭转,压根就不像iOS那样,一开始就有完善的设计方向。因此,在安卓4.0之前,安卓的界面设计变动是非常大的,从锁屏界面到主界面,从通知栏到菜单以及桌面图标,每一个版本几乎都在变动。

安卓L设计 Android L设计 安卓设计

安卓L设计 Android L设计 安卓设计
在安卓4.0以前,安卓界面的设计一直不断有非常大的变化

  可以说,安卓的早期版本是没有什么设计感的,和Google的其他产品类似,安卓诞生之初也充满着工程师的味道。同时,当时安卓在功能上还非常不成熟,比如说1.5之前的版本不支持CMDA,2.0之前的版本不支持多种分辨率,2.3之前的版本不支持前置摄像头,Google增加功能都来不及,那有空管什么美观不美观。安卓缺乏设计规范,影响的不仅仅是系统自身——那一堆界面要么完全就是iOS移植版、要么是奇葩得无与伦比的安卓App,甚至遗毒至今。

安卓L设计 Android L设计 安卓设计 安卓L设计 Android L设计 安卓设计
安卓初期无设计规范遗毒久远,至今仍有一些安卓App照搬iOS的布局

  到了安卓2.3以后,随着Dalvik虚拟机的加入,安卓的功能终于算是比较完善了。这时候,Google终于有精力静下来,好好思考要怎样才能让用户更好地使用功能,而不仅仅是有功能可用。

  安卓4.×时代的设计:汲取WebOS精华的Holo

  对于Google这样的工程师文化浓厚、极度缺乏设计基因的企业来说,想要一下子开窍、打扮得漂漂亮亮,基本是天方夜谭。那要怎样才能迅速提高设计水平?Google技术不缺,钱也不缺,用技术弄不出好设计,用钱总能买到了吧?

  Google把目光投向了举步维艰的WebOS。在安卓和iOS的夹击下,Palm试图用WebOS重新崛起的希望已经破灭。不过,WebOS在市场上的失败,并不影响其设计在业界得到一致好评,如果以设计好坏论英雄,那么WebOS应该是能和iOS并肩站着的那一个。Google从奄奄一息的Palm公司挖来了WebOS的用户体验开发的副总裁Matias Duarte,很快,安卓的UI就有了全新的化学反应。

安卓L设计 Android L设计 安卓设计

安卓L设计 Android L设计 安卓设计
WebOS和Android Holo Design出自同一个设计师之手

  Google并不着急将新成果放到已经拥有广大市占率的手机上,而是选择了使用全新的产品作为实验田。安卓3.0只适用于平板,在那个iPad独孤求败的时代,安卓平板要一下子反转乾坤那是痴人说梦,但用来实验新想法,还是相当适合的。安卓平板在市场上不温不火,但安卓3.0却开始为安卓的设计带来翻天覆地的变化。多任务卡片、虚拟导航键等等日后安卓标志性的设计,初具雏形。

安卓L设计 Android L设计 安卓设计
在安卓3.0中,多任务、桌面切换等界面都带有WebOS的卡片设计元素

  终于,革命性的安卓4.0来了!第一次,安卓确立起了界面设计规范——对于一款已经流行了两年的操作系统来说,这一切来得似乎有点晚。但亡羊补牢,该做的还是得做,况且人们还发现,嘿,这牢补得还真不错!

  安卓4.0带来了一整套的Android Design设计规范,成熟度超乎人们意料。在安卓4.0中,Holo主题弥漫在系统每一个角落,设计语言的统一牢牢将安卓系统本身以及Google自身App凝聚在了一起。为了确立Holo标准,Google在Matias Duarte的引领下做了很多努力,亲自上阵编写了Holo规范的条条框框,如规划操作区域、操作手势、功能模块的布局逻辑甚至是所使用素材的大小。

安卓L设计 Android L设计 安卓设计
从安卓4.0开始,安卓终于有了一个靠谱的设计标准

  Matias Duarte将WebOS的设计理念带到了安卓中,Holo Design令安卓诸多操作更符合触屏习惯,滑动Tab、卡片式多任务管理、Action Bar等经典设计令人印象深刻。虽然Holo Design并非完美,但安卓第一次尝到了成体系的设计的甜头。从安卓4.0开始,安卓的设计语言终于可以拿出来和iOS做比较,也脱离了山寨iOS的阴影。

  虽然主流的看法是Holo Design仍赶不上iOS,但Holo也没有如同微软Metro那样因此如此巨大的争议,用户对于Holo还是普遍好评的。从安卓4.0到安卓4.4,两年间安卓只对界面细节进行微调,没有大幅度变更设计,也体现出了Google对Holo设计的信心。

  Android L的Material设计:理清逻辑迈向成熟

  Holo首次确立了Android Design规范,令安卓的交互首次如此井井有条。然而,Holo很难称之为触屏交互的成熟形态——无论和iOS还是WP相比,安卓仍缺乏自己的交互逻辑。

  这是什么意思呢?举个例子吧,在iOS7中,用户很容易就能够通过毛玻璃半透明以及App、文件夹的缩放动画理解到“层级”这一概念,逻辑清晰的交互语言让用户很轻松就明白了iOS各个功能以及App与系统之间的关系。在WP中,也有类似的交互逻辑,动态磁贴就如同不断更新内容的杂志,点击后用户即可通过翻页和滑动查看更多详细内容。但在安卓的Holo中,虽然也存在设计规范,但这些设计规范之间缺乏逻辑,过渡动画的生硬更是难以让界面各个元素平滑穿插。老对手苹果都能抛弃沿用多年的风格在iOS7中改头换面,创新意味更浓的Google,当然不会只满足于Holo。

安卓L设计 Android L设计 安卓设计
iOS7使用“层级”的概念理清了交互逻辑

  在今年的Google I/O大会上,全新的Material Design随着新一代安卓系统Android L横空出世,令业界惊呼连连。Material Design带来了全新的安卓设计语言,在Holo Design中一些模糊的概念终于得以确立。和Holo相比,Material Design拥有清晰的设计逻辑——Material使用质材衬托内容,以卡片的形式将不同层级的内容区分开,整个交互豁然开朗。

安卓L设计 Android L设计 安卓设计

安卓L设计 Android L设计 安卓设计
一层叠一层的卡片,Material Design让Android L的操作交互更容易为人所理解

  在Android L中,动态的内容将会以不同质材的卡片的形式显示——新通知是卡片,开启App或者将App缩小至多任务队列时也可以看到每一个App之于系统都是卡片,App中不同的部分也是以卡片的形式层叠起来。Android L使用了实时软阴影以及更多卡片滑动、按键高光扩散等过渡动画,令用户更容易理解到Material Design的功能逻辑。

安卓L设计 Android L设计 安卓设计
Material Design界面


安卓L的Material Design的概念视频,相信看了以后会加深大家的理解,动态的卡片层叠是精髓

  作为Holo的继承者,Material Design无疑是合格的。这次Material Design的主导设计者依然是Matias Duarte,Google让Matias Duarte在安卓的交互设计上有了更多的决定权,而Matias Duarte也的确没有令人失望,从WebOS开始发展的卡片式设计经由Holo,在Material Design中终于得以开花结果。如果说Holo让安卓设计进入到秩序井然的时代,那么Material Design的使命就是把秩序梳理清楚。过去人们觉得安卓比iOS、WP难上手,在Android L中,情况应该会大大好转。

  后话

  经过多年发展,安卓的设计已经慢慢从无到有、从有到强,最新的Material Design已经是足以比肩iOS和WP的优秀触屏界面设计案例。不过,好的界面设计方案是否足以让安卓能够拥有类似iOS和WP的使用舒适度?笔者私以为很难。

  安卓开放的特性决定了Google无法拥有苹果之于iOS、微软之于WP的话语权,再好的设计,第三方App不跟进,不但没法让用户享受到新设计带来的好处,还会割裂用户体验。君不见直到安卓4.4,仍有一堆国产App在使用安卓2.3时代的老布局。同时,国内厂商一直有自己定制安卓系统的习惯,原生安卓的设计再怎么改进,被第三方厂商“优化”一下,再冠以“适合中国人使用习惯”的名头,Google苦苦经营的设计顿时荡然无存。

安卓L设计 Android L设计 安卓设计
第三方ROM会破坏安卓原有的设计,比如说MIUI就擅自替换了原生的Holo组件

  安卓的设计已经迈向成熟,有理由相信Android L全新的Material Design会得到不错的市场反响。Android L将会在今年秋季正式发布,期待Material Design的正式到来吧!

本文标题:浅谈家装中的强电配电设计-浅谈URL使用在前端设计中的优化
本文地址: http://www.61k.com/1074384.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1