业务简介：中企动力（300.cn）为您提供网站建设、网站制作、网页设计及定制高端网站建设服务，中企动力专注于企业网站建设、高端网页制作领域26年，对企业网站制作、平台高端网站建设，包括汽车、家装、农业、外贸、机械等多个行业拥有丰富建站经验，选择中企动力，为网站保驾护航。
江西省上高县中式宅院设计，粉墙黛瓦，木色栏柱，独具韵味
项目概况
项目编号：P-20180602
项目名称：江西省上高县潘先生中式宅院
建筑面积：528.21 ㎡
占地面积：228.3 ㎡
结构形式：框架结构
▲业主提供的基地草图项目位于江西省宜春市上高县，基地方正，三面环路。业主希望建成中式风格的宅院，除了房屋主体，要考虑与庭院的结合，进行整体设计。
平面方案
▲总平面示意图整个宅院设计有三个出入口，南侧主入口有连廊与室内相连，车辆入口独立对外合理分流，通过车库可直达庭院，北侧入口紧邻餐厨，方便厨余垃圾清理，洁污分区。
▲一层平面图客厅通高设计，开敞明亮；卧室多南向布置，主要卧室均带有独立卫生间，注重生活品质；二层南向主卧可直通车库屋顶，稍作打理，便是休闲娱乐的绝佳去处。
▲二层平面图三层空间相对独立，配置豪华，动静分区。西侧为活动室、影音室、室外露台等休闲娱乐空间，东侧布置一套房，包括卧室、书房、独立卫生间、阳台等，并可通向室外大露台，居住其中，尽享品质生活。
▲三层平面图▲屋顶平面图外观造型
▲西南人视效果该宅院整体精心设计，采用灰瓦白墙的统一风格，木色栏柱，门窗也采用深木色材质，并配套设计了披檐；室外空间丰富，庭院、露台、阳台等错落布置，将中式的韵味表现的淋漓尽致。
更多角度效果图欣赏：
▲东南鸟瞰效果▲正南鸟瞰效果▲正南人视效果▲西北鸟瞰效果▲西北人视效果▲局部透视效果现在乡村的新房一栋栋拔地而起，欧式美式风格仍占很大比例，当然萝卜白菜各有所爱，这无可厚非，但是随着文化自信的增强，人们对传统的建筑风格越来越青睐，看着这中式宅院，仿佛让人听到了传统文化的低语。
上高县万象广场房屋设计“奇葩” 房屋面积被“偷”
买房是大事，更是喜事，可上高县万象广场3号楼的一百多户业主却高兴不起来，他说他们的房屋面积被人给偷了。
去年，吴先生在上高县万象广场买了一套商品房，前不久收房时，发现开发商在他家房子装了两扇门，一扇是消防门，另一扇是入户门。
吴先生：开发商没有经过我们同意，直接把消防门装在我家门口，等于我这房间里装了两扇门。
记者看到，消防门到入户门之间是一个过道，有三个多平方米，从吴先生购房合同上的户型图可以看到，这三个多平米是他家房屋的套内面积，并不是公摊面积。既然是属于套内面积，可它却游离在入户门之外。
吴先生：我们发现后就找开发商，他就说是按照规划来的，但是我们合同上划的很清楚，包括划到这里都是我的面积。
吴先生：房间里怎么有一个安全出口的指示牌呢，这个我也不清楚，不可能自己家里还有一个安全出口的指示牌。
不止吴先生一家，上高县万象广场3号楼有一百多户都出现这样的情况，业主们认为开发商的设计很奇葩。
刘女士：我们的门牌竟然在消防门那里，觉得真的不太思议，开发商这么做让我们很无语。
其实最有争议的就是这两扇门之间，两到三平方米左右的面积，这个面积到底是属于套内面积还是属于公摊面积，我们一起去开发商了解一下。
记者上门采访 当事各方推脱回避
别小看这几个平方，现在房价高，几个平方可能就是几万块，大家当然意见大了，记者为此找到了开发商和当地政府部门，问题能否得到解决呢？
记者找到了上高县万象广场的物业负责人。
上高县万象广场物业经理：如果你要采访这个问题，那就采访开发商。
记者来到了开发商江西合翼置业有限公司，公司的总经理一直回避问题。
开发商江西合翼置业有限公司总经理：因为现在我们领导不在，这个事情我跟我们领导说一下，我们也没权利接受采访。（领导在哪里？）领导现在在厦门，你联系一下能不能接受我们电话聊一下，主要这个事情我要跟他们说一下，跟他们反馈一下，那你现在反馈一下。
对方没有作出任何解释，随后，记者又来到上高县城乡规划局，领导和相关负责人都不在。
上高县城乡规划局工作人员：因为我没负责这个业务，我不清楚这个事情。
记者拨打了上高县城乡规划局规划工程股负责人电话，可电话一直无人接听，等了半个多小时，也没有负责人对此事作出回应。
为了搞明白这两到三个平方面积到底是属于套内还是属于公摊，我们去到开发商，开发商没有作出任何的正面解释，那现在我是来到上高县的城乡规划建设局，这里并没有见到相关负责人的面，并且电话也没有接，更别提做任何的解释。
专家称房屋设计考虑不周 业主可通过法律途径解决
房屋如此设计，是否合理？开发商和当地政府部门回避问题，业主该怎么办？为此，我们咨询了江西建筑设计研究总院的专家和律师。
江西建筑设计研究总院主任建造师罗勇兵：这个面积应该是属于套内的，因为你看它的测绘报告上面明确写了，它是一个入户花园，算了一半的面积。
罗勇兵告诉陈昊，开发商如此安装防火门，符合消防安全的规范，但是考虑不太周到，影响业主对房屋的使用，也容易产生纠纷。
江西建筑设计研究总院主任建造师罗勇：南昌的很多这种做法已经取消了，因为产生纠纷，我们正常理解，入户门是可以锁到的，但是它划产权的时候又把这块划进来了，你实际上锁不到，0555这块算公摊面积，不算我套内面积，这样就对住户也有一个交代。
因为前期考虑不周全，所以给业主带来了损失，也给开发商自己带来了麻烦。那问题该如何解决？律师王新民表示，业主可以根据购房合同的规定，通过法律手段维护自身权益。
江西中磊嘉律师事务所王新民律师：实测的使用面积小了，缩水了，这根据当时的规划和购买合同，一般以百分之三为界，只要在百分之三之内，开发商要退还多收的购房款，如果超过了百分之三，超过的部分开发商要双倍退还购房款（或者退房）。
网页设计人员求职指南
关于网页设计这个行业，在中国来讲这个行业并不成熟，这个跟国家的经济，文化修养有密切的关系。我们不能跟欧美和韩国相比，他们有强大经济实力，设计这个东西，只有在经济蓬发的时代或在经济发达的城市才能产生价值。设计是推动市场营销的生产力，只要是视觉设计类，都有一个共同的目地，传达信息为商业服务。网页设计也是如此。如何在这个混乱的市场中，站住脚跟，向下一步迈进。请看下面文字
一.职能规划
恩，第一节，我们先讲职能规划。首先自己要有明确的目标和定位，这样后面的路才好走。光网页设计其实分的非常细致。因为各个企业的需求和情况不同，所以对这个职位的要求也不同。好的公司只要你精一样，一般的公司则要你会几样。
大致分这几块：
信息架构
这个属于策划型，一般门户网站需要，对产品策划和用户体验都需要有深入的了解，这个偏重的是策划能力，要有良好的逻辑思维，主要的工作任务是：组织信息 规划栏目布局相关的工作 视觉设计
这个理论上讲是属于艺术型，其实名曰商业艺术。2者还是不同的，对于网页设计来讲这块需求量是非常大的，现在人们越来越重视美观，而且要求越来越高。不管是门户网站，还是企业网站，FLASH全站（互动设计）这个角色的占有率是很大的。关于视觉这块先天性因素占的很多，天生的色彩感觉，创意能力。还要有良好的艺术修养，入职后还要对商业有深刻理解，明白商业设计的核心原则，如何将你的个性和商业目地完美结合是最重要的。主要的工作任务是：设计风格定位 图标UI界面设计 前端制作
说到这个职位，市场上逐渐增多。恩，这个属于纯技术型。最初级的就是切片和制作HTML,不要小看这个，以为这个没什么技术含量，其实这个技术含量也是很高，要符合标准和各个游览器的兼容也不是件很容易的事情，一般切片和制作HTML划入网页视觉设计师的范畴。应该属于附属职能，视觉设计做到一定的级别，这个无需理会。具体根据公司的要求决定。然后高级一点应用就是JS,AJAX……等，主要的工作任务是：页面实现 优化） 其它职能
比如UI设计。用户体验,FLASH互动设计,等这里不做详细的解释，本文仅针对网页设计而论
二．对号入座
OK！第2节，我们开始讲本文的重点，注意了关于找工作的经验和技巧可是博大精深啊，其实和做人一样的道理。下面我们分几个级别来提供解决方案。
1.新手入行
嘿嘿，大家都有第一次，不要紧张，哈哈^_^。自然点，其实没什么，不就是去面试么，胆子要大，要有这样的思想，管他的，就是去喝喝茶，聊聊天啥的。除了自信还是自信，更重要的是对工作充满激情有浓厚的兴趣，要有理想。关于外表，不要搞的太正规了，你不是去面试销售。随便一点要有自己的个性，自我介绍随便说，哪里人，什么专业啥的。说话语气要带有亲和力。面带微笑。关于面试的时间尽量准时点。提前和稍后都太不好。简历不要写废话，语言简洁即可。恩，一般刚出道的都是拿U盘拷作品，嘻嘻，有条件可以带上笔记本展示自己的作品，物质上也是可以增强自信心的。
这个时候应该以学习为目地，应该充分的考虑目前的工作是否有利以后的职业规划。第一点就是识别能力，对你自己和公司有一定的认识。你自己的定位和目前的能力，是否适合公司这个职位的要求。前期对公司应该有初步的了解，只有了解双方的需求，才能有所均衡。一定要对号入座，哪怕工资稍微低点，也没有太大关系，这个时候薪资是属于次要的阶段。额，要多面试几家公司，这时要注意几点，有的公司招人缺乏诚信，或者条件苛刻。这样的公司不必理会。
面试你的人，平常有3类。HR人事，部门主管，经理。对于HR面试，主要是对人品的测试，一般大点的公司会有这样的流程。小的公司就是直接老板面试，如果OK，马上就上班！部门主管的面试，其实是最最关键的，为什么人事不是关键呢，对于技术岗位一般都是以技术部门为标准。首先你要容易相处，健谈，但不要说的太多了，幽默风趣，这样主管会觉得你和技术团队相处融洽。要知道不是你一个人在工作。专业能力方面，这个比重占的太多，如果你技术不过关，谈再多都是扯谈。这个阶段的薪资参考：2000-3000左右（上海 北京 深圳为例）
2.跳槽阶段
工作一段时间后，你会发现工资为啥没涨，或者没有激情啥的。这个时候是需要跳跳，大家都比较浮躁，不浮躁不行啊，只有碰壁了再爬起来才能成熟。不然不能悟出其中道理，额，关于跳槽这个技术含量超级高，比起前面的新手入行，要讲究的多。
薪资不是主要的考虑，还是要考虑更高的台阶和合适的舞台，去发挥自己的潜能，这个阶段相对来说是比较漫长的过渡阶段，开始寻找突破的方向。这时的面试就比较讲技巧了，本文精华开始写了，对方会问你一些问题。下面的例举几个问的最多的解析：
为什么离开现在的公司?
原因和理由，对方公司要考虑自己利益，你的离职行为是否和他们公司体系有关联 你期望一个什么样的工作环境?
对方要考虑你目前的情况，是否适合公司的情况） 你自己的职业规划和方向?
你的定位是否符合公司的要求的 你离职交接到岗需要多长时间?
这个问题，其实属于心理战，切记不要急，不要说的太短，也不要说的太长了，控制在2周-1个月左右） 你期望的待遇是多少?
哇！谈这个问题，一般都是最后谈。这个可是关键中的关键，这里各位要严重注意了，对方是问你期望待遇，不是问你市场价格是多少，你的期望待遇应该再你的市场价格上高出500-1000，不能说的太高，否则对方会觉得你对自己的认识不足。一般公司只要觉得你OK,还是会满足你的要求的，毕竟现在招个有经验也不是很容易。如果对方写了薪资范围，就不会跟你详细的谈这个，看对方公司的诚信度了。写面议的这个很难说，根据职能的要求决定薪资范围，从10个当中选1个性价比最高的，这样的公司是想碰运气，建议大家不要在这样公司上面的花心思。想要快速招到合适的人，就必须明码标价！
如果对方确定用你，然后又跟你来个试用期80%的工资，其实这个就等于就是砍价，不要理会，说不定到时随便找个理由不让你转正把你干掉，非常有可能的说。一定要坚持自己的立场和原则，你答应了就等于签了一个不平等的条约。合同上一定要仔细看，试用期如果对方要求6个月的，你可以跟对方说，我只是来你们这里看一下，喝喝茶的。这个阶段的薪资参考：4000-5000左右（上海 北京 深圳为例）
3.稳定阶段
一路走来不容易啊!当你成为一名高级网页设计师的时候，你必须稳定下来，再不能乱跳了，这个时候可能你能跳的公司不多了，提高也是开始有难度了，当你到达这个级别的时候，不仅技术方面提高了，也悟出了很多人生的道理和职场的规则，你可能曾经风光的跳过几次，也可能有1-2回不幸被干掉，人出来混，总是要还的。
这个阶段找工作，完全就是靠实力说话了，牛X的作品就是最有说服力的，你到了这个级别，很多一般公司可能被你过滤掉了，他们养不起你。也不需要你这样高级的，你能去的地方不向以前那么多了。嘿嘿，对方这时就是挖你了，此时你会觉得有点成就感，或许网络上有些同行已经知道了你的名字，面试时候说话可以稍微带点傲气了，但不能狂，面试的时间这个必须得你说的算，这个时候你要掌握绝对的主动权。嘿嘿，来去自由的时代终于来临了，要尽情的展示你的做事风格，和你解决问题的能力，还有你的说话能力，高手从说话语气就可以听出水平了。口才同样的重要，因为这个时候基本上是以你的意见为主导了。
想要更上一层，就要开始慢长修养了。这个阶段的薪资参考：6000-8000左右（上海 北京 深圳为例）
4.大师阶段
这个阶段不用找工作，是怕工作找不到你。这个阶段的薪资参考：10000以上（上海 北京 深圳为例）
三．公司类型解析
门户游戏类：
当然是一些大的公司了，QQ,163，盛大，九城等。这个不多说了。这样的公司工作相对来说要轻松点，福利会好点。 企业部门类：
额，集团公司，政府部门可能就你1个人搞这块，缺少交流不是长久之计。 网站建设类：
这个比较辛苦，没有几家公司不加班的，这样的公司流动性是最大的，做外包和网站建设业务。有的公司走的流水线，这样公司也是最多的，大大小小，很乱。可以当个临时落脚的地方。 互动设计类：
谈到互动，这个概念很多人不清楚，简单的说就是网络广告。品牌展示类。跟各大门户网站媒介推广有联系的。互动还是没有形成一个行业，只能算有个圈子。我估计做这块的大家都互相认识了，因为真正做这块的没多少人，公司是数的清楚的。上海的：互动通 安瑞所思 好耶 网帆 IDES P2A 01Media 亿迈广告 ……不超过20家，北京的：新意互动 AMG 维若视觉 乐观数码 ……还有些的公司是4A的下面的部门，在此不多做介绍。这个另外可以整篇文章了，他们主要做知名品牌的线上推广，工资较高，当然要求高！
好了！我说完了，各位都可以补充啊！希望这些对大家能有所帮助!谢谢！
决定网站建设费用的元素有哪些
对于想要建站的人来说，其中一个重要的，且必须考虑的决定因素就是价格。事实上，就网站的价格来说，对于同一个网站即使不同的网站建设公司之间存在着价格上的差异，但价格的差异并不会太大，而如果价格过高的话，基本上就可认为是网站建设公司在乱收费费；而反之报价过低的话，请做好最终的网站品质低劣的准备。因此，对想要建站的人来说，想要维护自身利益的话，首先就要对网站在建设上的价格有一个合理地评定。那么建站用户该如何评定一个网站建设的价格呢？这里，就来分析一下网站建设价格高低是由哪些方面决定的。
一、从网站规模的角度来看：
一般来说，模板网站的价格主要看网站规模，大规模的网站显然价格是要高一些的，因为其网页数量、图片数量、建站周期都相对较长，而规模较小的网站价格一般都不太高，除非有一些特殊要求的网站。如果没有特殊要求，规模越大，价格越高。这只是模板网站的大体价格但是有特殊要求的网站价格则另当别论了，特别是定制型网站从设计到开发，完全从适合的角度出发量体建站价格就不好说了。
二、网站建设公司的运营成本也影响网站建设价格：
网站建设公司的运营成本对建站价格也有影响。如果网站建设公司运营成本高，那么无疑建站价格也会整体上高起来，运营成本低的网站建设公司在价格上就会有更大的回旋空间。但是有一点，运营成本高的有时候做的网站相对较好，更上档次，而运营成本低的网站建设公司则可能因为技术力量薄弱等原因，网站做的也可能相对质量低一些，具体的情况还要由用户具体观察和分析才行。
三、从网站功能的角度来看：
网站功能的多少和复杂程度，也决定着网站建设的价格。有的用户对网站功能要求不高，能够显示页面信息、页面上只需要图片和文字，甚至也不需要数据库支持，这样的网站做起来会很快，也很简单，当然价格也低一些。而有的用户则要求网站功能相对复杂，既要求有新闻发布系统，又要求具备招聘系统，甚至还要求有新品发布功能、营销互动功能等，这样的网站可想而知，价格肯定低不了，无论让哪一家网站建设公司来做，都不可能很低。功能多了，就会耗费更多的时间去制作图片和编写代码，这些无疑都会推高价格。
四、从网站设计的角度来看：
网站设计的好坏，设计时花费的精力与时间等，也是决定网站建设价格的决定性因素之一。有的用户对网站界面的要求不高，一般般过得去就行，这样的网站对于网站建设公司来说，可以说很容易就建设好了，这样的网站价格一般不会很高。而有的用户则对网站界面设计的要求是很高的，特别是一些大公司的网站，对网站界面的要求非常高，这种网站对于美工和编码人员来说，都很耗费时间，自然建站成本就高起来了。不仅网站界面设计如此，其他的设计如网站结构、导航系统等，这些设计都需要耗费时间，如果要求高的话价格自然水涨船高。
五、网站是否要求后期维护和优化：
一般来说，网站建设公司都能提供一条龙式的服务，从网站建设到网站优化，从网站维护到网站推广等，都可以为用户提供服务。如果用户只简单地建一个网站，那么网站建设公司不太可能会提供给用户较为优惠的价格，而如果用户在网站建设完毕后还要求用户负责维护和优化，甚至还包括推广等服务，那么网站建设公司一般都会在建站价格上给用户优惠一些，毕竟用户要求的服务比较多，多了价格自然就会低一些。有的用户还会租用网站建设够公司的网站空间，甚至让网站建设公司全盘负责网站的运营，这样一来，网站建设公司甚至为用户免费建设网站都有可能了。
一般来说，评定一个网站的价格的标准有很多种，无非是由服务质量、做网站的好坏、运营成本、功能要求等原因来决定的。但是，有一点是用户常犯的毛病，那就是有的用户总是一味地压低价格，而不管网站建设公司的成本，这实际上不利于网站建设公司与用户之间的合作，这样的用户一味地追求低价格，可能会找到一家不负责任的网站建设公司，结果影响了自己的网站建设，这是用户应该避免的。
肥猫科技奉行“注重效果，成就客户价值”的运营宗旨，不断追求技术、服务、模式领先的发展方向和目标。凭借着8年以上网络整合营销的经验和技术优势，在企业建站、网站优化、全网营销方面取得了长足的发展。全年不间断地为客户提供网络服务，保障客户的网络通畅运营，并与众多知名合作伙伴结成了广泛的业务联盟，创新一站式服务的独特网络品牌！
石家庄做网站公司哪家最好？网站设计注意哪些细节
石家庄做网站公司哪家最好?做网站哪家性价比高?大伙在寻找的时候不妨会先了解下中企动力、新网、创新家等国内几家知名的互联网企业，进行综合对比
网站建设中，如何才能建成一个好的网站?建站其实很简单，但是想要建一个好的网站，提醒大家就需要注意一些细节，不然很难得到用户满意。具体细节有以下几点：
第一、选择好字体字体是非常的重要的，所以应当要选择与产品特色相符合的字体。字体选用得合理，对于我们是有很大的帮助的，不仅可以使内容表达更加的突出、更加的富有感情，而且也能够使得网站更加的有特色，因此我们在进行网站设计的时候必须要注意这一点。这里的字体包括字体大小、样式、还有颜色。
第二、注意平面设计的排版技巧这一定也是非常重要的，都知道平面设计一般使由图片和文字共同来组成的，那么我们如何来排布这些文字与图片，使之更加的美观、更加的有特色就显得非常的重要了。现在市面上也出现了许许多多的网站建设的好的模板，可以更好的供我们学习和参考。文汇建站拥有很多种类的模板网站，有需要的可以查看一氪建站
第三、图片带水印使用一些带有水印的装饰图片来对网站进行装饰，从而使得网站更加的有特点，更加的有气质。我们在进行网站设计的时候，如果能够多多的使用一些带有水印的图片，那么一定会给广大的用户带来意想不到的惊喜，因此我们也要重视这一点。
第四、加入一些多媒体动态效果在进行网站设计的时候还可以在网站当中加入一些多媒体动态效果，这样将使得整个网站更加的具有震撼力，更加的能够迎合广大用户的需求，受到大众的欢迎。
1、服务器方面(虚拟主机)最便宜的就是虚拟主机了，从几百块钱到几千块钱的都有，还有所谓的云主机，五花八门，这些区别主要在于空间大小、IIS并发数、cpu占用率、网络流量、数据库支持、程序支持等等。再好点，可以用云服务器、VPS、独立服务器，主要看一般公司的客户访问量了。从我们的经验来看：一般访问量运营前期都不是很大，所以基本可以结合实际进行选择。
2、域名方面目前域名还是比较便宜的，只要你不挑选偏门、冷门域名，热门com型不过才几十块钱一年，cn型也是一样。
3、网站程序方面(网站系统)这个就不一定了，从几千到几十万都有，如利用一些开源程序来开发的话成本就要低一些，一般定制型一般价格会比较高，有免费的，有付费的。也可以自己开发的(一般耗费时间、人力成本)。
4、网站数据库方面一般常见的有access、mysql、mssql，有些需要独立购买，有些已经跟服务器配置赠送的有了，具体咨询服务器提供商。
5、网站内容方面在上述全部搭建好之后，后续就是网站编辑、美工配合的工作了，需要把公司的产品、资料、宣传文章等内容填充到网站上，这是一个长期的工作。这里需要注意的是，常见网站的成本：可以说做一个标准的公司企业官网费用在几千元不等，大型门户网站、电商门户平台定制从几万-几十万左右都有，当然了如果贵公司贵企业不差钱的话可以组建团队自主开发，如果不想冒风险，创业初期不够成熟的话，当然可以选择外包的话，需要看具体方案，功能强大的话价格会高不少，这里要提一下就是，千万不要相信低价建站的广告或噱头，毕竟这年头讲究的是一分钱一分品质，建议还是选择中企动力这类大型的建站服务商，保障建站质量。
Web 的现状：网页性能提升指南
考虑到设计和开发的性能，我们怎样才能做得更好？
优化所有资源
理解浏览器如何分析和处理资源，是显著提高性能的最强大但未充分利用的方式之一。事实证明，浏览器在嗅探资源方面非常出色，同时解析并确定其优先级。这里是关键请求的来源。
如果请求中包含用户视口中呈现内容所必需的资源，则该请求至关重要。
对于大多数网站，它将是HTML、必要的CSS、logo、网络字体，也可能是图片。在许多情况下，几十个其他不相关的资源（JavaScript、跟踪代码、广告等）影响了关键请求。幸运的是，我们能够通过仔细挑选重要资源并调整优先级来控制这种行为。
通过我们可以手动强制调高资源的优先级，确保所需的内容按时呈现。这种技术可以显著改善“交互时间”指标，从而使最佳的用户体验成为可能。
关键请求对许多人来说，似乎仍然是一个黑匣子，可共享资料的缺乏并不能改变现状。幸运的是，Ben Schwarz
发表了关于这个问题的非常全面并平易近人的文章——关键请求。另外，请参阅Addy的文章，在Chrome中的预加载、预取和优先级（Preload, Prefetch and Priorities in Chrome）。
[在Chrome开发人员工具中启用优先级]
要跟踪在请求优先级处理方面的情况，请使用Lighthouse性能工具和关键请求链审核工具，或查看Chrome开发人员工具中“网络”选项卡下的请求优先级。
通用性能清单
1、积极地缓存
2、启用压缩
3、优化关键资源的优先级
使用CDN（Content Delivery Networks）
图片优化
图片通常占网页传输的大部分有效载荷，因此图片优化可以带来最大的性能提升。有许多现有的策略和工具可以帮助我们删除额外的字节，但是首先应考虑的问题是：“图片对于我想传达的信息和效果至关重要吗？”。如果可以消除它，不仅可以节省带宽，而且还节省了请求。
在某些情况下，可以通过不同的技术实现类似的结果。比如CSS就具有艺术方向的一系列属性，例如阴影、渐变、动画及形状，允许我们构造适当风格的DOM元素。
选择正确的格式
如果不能舍弃图片，确定哪种格式更合适就很重要了。首先要在矢量和光栅图形之间做出选择：
矢量图形：分辨率独立，通常体积更小。非常适合logo、icon和简单的图形，包括基本形状（线，多边形，圆和点）。
光栅图形：呈现更详细的信息，比较适合相片。
做出首个决定后，可以选择以下几种格式：JPEG、GIF、PNG–8、PNG–24，或最新的 WEBP 与 JPEG-XR 格式。有了这么多的选项，如何确保我们做出正确的选择？以下是找出最佳格式的基本方法：
JPEG：颜色非常丰富的图片（例如照片）
PNG–8：色彩相对单一的图片
PNG–24：局部透明的图片
GIF：动图
Photoshop可以通过各种设置，例如降低质量、降低噪音或色彩数量来优化以上每一种格式。确保设计师了解上述性能实践，并能够使用正确的方式优化相应格式的图片。如果您想了解更多如何处理图片，请阅读 Lara Hogan 的好文 Designing for Performance。
试用新格式
图像格式有几个较新的玩家，即WebP、JPEG 2000 和 JPEG-XR。它们都是由浏览器厂商开发的：Google 的 WebP，Apple 的 JPEG 2000 和 Microsoft 的 JPEG-XR。
WebP 是最受欢迎的竞争者，支持无损和有损压缩，这使得它非常灵活。无损的 WebP 比 PNG 小26％，比 JPG 小25-34％。WebP 有着74％的浏览器支持，它可以安全地进行降级，最多可节省1/3的传输字节。JPG 和 PNG 可以在 Photoshop 和其他图像处理应用程序以及命令行界面（brew install webp）中转换为WebP。
如果你想探索其他格式之间的视觉差异，推荐 Github 上这个很赞的 Demo。
用工具和算法进行优化
即使使用了高效的图像格式，也不应跳过后处理优化。这一步很重要。
如果您选择了尺寸相对较小的 SVG，它们也是可以再次压缩的。SVGO 是一个命令行工具，可以通过剥离不必要的元数据来快速优化 SVG。另外，如果您喜欢Web界面或受操作系统的限制，请使用 Jake Archibald 的 SVGOMG。因为 SVG 是基于 XML 的格式，它也可以在服务器端进行 GZIP 压缩。
ImageOptim 是大多其他图像类型的最好选择。包括 pngcrush、pngquant、MozJPEG、Google Zopfli等，它在一个全面的开源包中捆绑了一大堆优秀的工具。ImageOptim 可以以 Mac OS 应用程序、命令行界面和 Sketch 插件形式，轻松地实现到现有的工作流程中。对于那些在 Linux 或 Windows 上的场景，大多数 ImageOptim 的 CLI 都可以在您的平台上使用。
如果您倾向于尝试新兴的编码器，Google 今年早些时候发布了 Guetzli——源自 WebP 和 Zopfli 的开源算法。Guetzli 可以比任何其他可用的压缩方法生成35％更小体积的 JPEG。唯一的缺点是：处理时间慢（CPU 每处理百万像素需要1分钟）。
选择工具时，请确保它们生成所需的结果并适应团队的工作流程。理想情况是，将优化过程自动化，这样就不会产生漏掉的情况。
响应式图片
十年前，我们使用一种分辨率，就可以为所有人服务，但时代变化太快，现今的响应式 Web 已非往日可比。这也是为什么我们必须要特别留心，去精心优化视觉资源，确保它们适应各种视口设备。幸运的是，感谢 Responsive Images 社区小组，我们可以完美使用 picture 元素和 srcset 属性（二者都有85％+支持率）。
srcset 属性
srcset在分辨率切换方案中效果最佳——即当我们需要根据用户的屏幕密度和大小显示图像时。基于srcset和size属性中的一组预定义规则，浏览器将选择最佳图片，相应地提供给视口。这项技术可以带来很大的带宽和请求节省，特别是对于移动用户。
picture 元素
picture元素和media属性旨在使艺术设计变得容易。通过为不同情形提供不同图片（通过媒体查询进行测试），无论什么分辨率，我们都能始终将图像中最重要的元素保持在焦点。
请务必阅读 Jason Grigsby 的 Responsive Images 101指南，以便对这两种方法进行彻底的阐述。
使用图片 CDN 进行分发
视觉优化的最后一步是分发。所有资源都可以从使用 内容分发网络 中受益，但还有一些针对图片优化的特定工具，例如 Cloudinary 和 imgx。使用这些服务的好处远远超过了减少服务器上的流量，并显着降低了响应延迟。
CDN可以很好的解决重图片网站的复杂度，包括响应式服务与图片优化。虽然产品不同（价格也是如此），但是大多数方案都是根据设备和浏览器，调整大小、裁剪来确定哪种格式最适合用户。甚至更多——它们可以压缩、检测像素密度、水印、识别面部，并允许后置处理能力。借助这些强大的功能，和将参数附加到URL的能力，以用户为中心的图片服务变得十分容易。
图像性能清单
1、选择正确的图片格式
2、尽可能使用矢量图形
3、如果变化不明显，则降低图片质量
4、使用新格式图片
5、使用工具与算法优化
6、学习srcset和picture
7、使用图片 CDN
Web 字体优化
自定义字体是一项非常强大的设计工具。但是能力伴随着很多责任。现有68％的网站在使用 Web字体，这种类型的资源是性能杀手之一（平均轻松可达100KB，取决于变体和字体的数量）。
即使体积不是最大的问题，不可见文本闪动（FOIT）也算是。当Web字体加载中或加载失败时，会发生FOIT，这会让空白页面，从而导致内容无法访问。首先仔细检查我们是否需要Web字体可能是值得的。如果真是这样，有一些策略可以帮助我们减轻对业务的负面影响。
有4种网络字体格式：EOT、TTF、WOFF 和最近的 WOFF2。TTF 和 WOFF 被广泛使用，拥有超过90％的浏览器支持率。根据支持情况，最有可能安全地使用WOFF2，并在旧版浏览器降级使用 WOFF。使用WOFF2的优点是，一套定制的预处理和压缩算法（如Brotli），并有大约30％的文件大小减少和改进的解析能力。
在@font-face中定义网页字体的来源时，请使用format()提示来指定应使用哪种格式。
如果您使用 Google Fonts 或 Typekit 来提供字体，这两种工具都实施了一些策略来优化其性能。Typekit 现在可以异步地为所有套件提供服务，防止 FOIT 以及允许其JavaScript套件代码的10天延长缓存期限（而不是默认10分钟）。Google Fonts 可以根据用户设备自动提供最小的文件。
审核字体范围
无论是否自主托管，字体数量、字体体积和样式，都将显著影响您的性能预算。
理想情况下，我们只需要一种包括常规和粗体的字体。如果您不确定如何选择字体范围，请参考 Lara Hogan 的 Weighing Aesthetics and Performance。
使用Unicode范围子集
Unicode范围子集允许将大字体分割成较小的集合。这是一个相对先进的策略，特别是在处理亚洲语言的时候，可能会带来显着的节省（你知道中文字体有平均数为 20,000 个字形吗？）。第一步是将字体限制为必要的语言集，例如拉丁语，希腊语或西里尔语。如果仅使用Web字体做Logo类使用，则应使用Unicode范围描述符，来选择特定字符。
Filament Group 发布了一个开源命令行工具，可以根据文件或URL生成必要字形列表的 glyph hanger。或者，基于 Web 的 Font Squirrel Web Font Generator 提供高级子集和优化选项。如果在字体选择器界面中内置了使用Google Fonts 或 Typekit 选择语言子集，则使基本子集更容易。
建立字体加载策略
字体是阻塞渲染的——因为浏览器必须首先构建 DOM 和 CSSOM；在使用与现有节点相匹配的CSS选择器之前，浏览器并不会下载Web字体。这种行为会明显延迟文本呈现，通常会导致前面提到的不可见文本闪动（FOIT）。在较慢的网络和移动设备上，FOIT会更加显着。
实施字体加载策略，可防止用户无法访问您的内容。通常，选择无样式文本闪动（FOUT）是最简单和最有效的解决方案。
font-display是提供非 JavaScript 依赖解决方案的新 CSS 属性。不幸的是，它仅有部分支持（Chrome 和 Opera），目前正在 Firefox 和 WebKit 中开发。尽管如此，它可以并且应该与其他字体加载机制结合使用。
[font-display 属性实践]
幸运的是，Typekit 的 Web Font Loader 和 Bram Stein 的 Font Face Observer 可以帮助管理字体加载行为。此外，网页字体性能专家 Zach Leatherman 发布了字体加载策略综合指南，这将有助于为您的项目选择正确的方法。
字体性能清单
1、选择正确的格式
2、审核字体范围
3、使用Unicode范围子集
4、建立字体加载策略
JavaScript 优化
目前，JavaScript 的平均大小为446 KB，已经使其成为第二大的资源类型（第一为图片）。
我们可能没有意识到，我们所爱的JavaScript隐藏着更加严峻的性能瓶颈。
监控JavaScript的流量
优化交付只是解决网页膨胀的第一步。JavaScript 下载后，必须由浏览器进行解析、编译和运行。快速浏览一些流行的网站，显而易见的是，gzip 压缩的 JS 在解压之后至少变大三倍。事实上，我们正在发送一大堆代码。
1MB JavaScript 在不同设备上的解析时间。图片由 Addy Osmani 和他的 JavaScript Start-up Performance 文章提供。
分析解析和编译时间，对于理解应用程序是否准备好进行交互至关重要。这些耗时根据用户设备的硬件能力而异。解析和编译会很容易在低端手机上高出2-5倍。Addy的研究证实，在常规手机上，一个应用程序将需要16秒才能达到交互式状态，而在桌面电脑上为8秒。分析这些指标至关重要，幸运的是，我们可以通过 Chrome DevTools 来完成。
[在 Chrome 开发工具中查看解析和编译过程]
请务必阅读 Addy Osmani 对 JavaScript 启动性能的详细说明。
摆脱不必要的依赖
现代软件包管理器的工作方式，可以轻而易举地掩盖依赖关系的数量和大小。webpack-bundle-analyzer 和 Bundle Buddy 是很好的可视化工具，帮助识别出代码重复、最大性能问题和过时的、不必要的依赖。
图 webpack bundle analyzer 实践（译者注：原gif太大，只能用外链了）
通过 VS Code 和 Atom 中的Import Cost扩展，我们可以使导入依赖成本更加明显。
图 VS Code Import Code扩展
实现代码分割
只要有可能，我们就应只提供用户体验所必需的资源。向用户发送一个完整的
bundle.js 文件，包括他们可能永远看不到的交互效果处理代码，并不太理想（假设在访问着陆页时，去下载处理整个应用程序的 JavaScript）。同样，我们不应普遍提供针对特定浏览器或用户代理的代码。
Webpack，最受欢迎的模块打包器之一，天生具备代码分割支持。最简单的代码分割可以按页面实现（如用于着陆页的home.js，联系人页面的contact.js等），Webpack 还提供了一些高级策略，如动态导入及延迟加载，值得一看。
考虑框架选择
JavaScript 前端框架日新月异。根据2016年的 JavaScript 调查，React 是最受欢迎的选择。仔细审视架构选择，可能会发现，您可以使用更为轻量级的替代方案，例如 Preact（请注意，Preact 并不是一个完整的 React 重新实现，只是一个高性能，功能更轻的虚拟 DOM 库）。类似地，我们可以将较大的库更换成更小的版本——moment.js换成date-fns（或者在特定情况，删除moment.js中未使用的 locales）。
在开始一个新项目之前，有必要确定什么样的功能是必需的，并为您的需求和目标选择最具性能的框架。有时这可能意味着选择写更多的原生 JavaScript。
JavaScript 性能清单
1、监控 JavaScript 流量
2、摆脱不必要的依赖
3、实现代码分割
4、考虑框架选择
性能追踪，前进之路
我们已经讨论了一些策略，在大多数情况下会对我们正在建立的产品用户体验产生积极的变化。性能可能是一个棘手的问题，有必要长期地跟踪我们调整的结果。
以用户为中心的性能指标
卓越的性能指标，旨在尽可能接近描绘用户体验。以往的onLoad，onContentLoaded或SpeedIndex对「用户多快能与页面交互」给出的信息非常少。当聚焦到传输资源时，量化地感知性能十分困难。好在，有一些时间可以全面地描述内容的可视性和互动性。
这些指标是首次渲染（First Paint），首次有意义渲染（First Meaningful Paint），视觉完整（Visually Complete）和可交互时间（Time to Interactive）。
1、首次渲染：浏览器从白色屏幕到第一次视觉呈现的变化。
2、首次有意义渲染：文字，图像和主要内容都已可见。
3、视觉完整：视口中的所有内容都可见。
4、可交互时间：视口中的所有内容都是可见的，可以与之进行交互（JavaScript 主线程停止活动）。
这些时间直接对应于用户的实际体验，因此可以作为重点进行追踪。如果可能，将它们记录全部，否则选择一两个来更好地监控性能。其他指标也需要留意，特别是我们发送的字节数（优化和解压缩）。
设置性能预算
所有这些上报数字可能会很快变得混乱和不易理解。没有可操作的目标和对象，很容易迷失我们最初的目的。几年前，Tim Kadlec 写过关于性能预算的概念。
遗憾的是，并没有一个万能的神奇公式。性能预算通常归结为竞争分析和产品目标，而这是每个业务所各异的。
设定预算时，重要的是要达到明显的差异，通常是至少改善20％。实践和迭代您的预算，利用 Lara Hogan 的方法新设计与性能预算作为参考。
试用性能预算计算器或Chrome扩展浏览器卡路里，以帮助创建预算。
持续监控
监控性能不应该是手动的。市面上有很多强大的工具，还可以提供全面的报告。
Google Lighthouse 是一个可以审核性能、可访问性、渐进式网络应用程序等的开源项目。您可以在命令行中或直接在 Chrome Developer Tools 中使用Lighthouse。
[Lighthouse 运行一次性能审查]
对于持续的追踪，选择选择 Calibre，它可以提供性能预算、设备仿真、分布式监控和许多其他功能，无需我们仔细构建自己的性能套件即可获得。
[Calibre 报表]
无论您在追踪什么，请确保使整个团队或组织能够透明地访问数据。
性能是一项分担责任，远远超过开发人员团队——我们都应对所创建的用户体验负责，不管是什么角色或职级。
倡导速度和建立协作流程，以便在产品决策或设计早期阶段，尽早暴露可能遇到的瓶颈，是非常重要的。
建立性能意识和同情心
关心性能不仅仅是一个业务目标（但是如果您需要通过销售统计数据来进行销售，那么可以通过PWA统计）。这是关于基本的同情和用户体验放在第一位。
作为技术专家，我们的责任是，不要让用户的注意力和时间放在等待页面上，而已可以更开心地花费在其他地方。我们的目标是建立意识到时间和人们关注的工具。
提倡性能意识应该是每个人的目标。
关于我们
蓬勃健康发展的CSTP北京基地是大学生、高中学生实训的最佳选择，国内唯一“国字头”互联网+教育工程。基地主设3大专业，电商与新媒体运营、web前端工程师、java软件工程师。
互联网行业的年轻人，他们面对着怎样的职业瓶颈、困惑与未来选择？加入CSTP，让行业专家、技术大牛、教育专家、职业规划专家给你解惑吧！
长
按
关
注
或搜索ID“cstpcn”
中国软件专业人才培养工程
中关村知尚软件学院
国内唯一“国字头”互联网+教育工程
江西：探获世界最大硅灰石矿床 矿物量6955万吨
中国网财经11月8日讯 据江西省煤田地质局网站消息，近日地质局二二四地质队申报并实施的省地勘基金项目《江西省新余市渝水区石竹山—上高县樟木桥硅灰石矿普查》通过江西省自然资源厅组织的资源量评审备案。该项目共探获333﹢334类硅灰石资源量矿石量11033万吨，探获矿物量6955万吨，其中333类矿石量5357万吨、矿物量3478万吨。成为世界最大硅灰石矿。
(责任编辑：李伟)
前湖快速路主线8月底通车 届时朝阳大桥至湾里开车仅需15分钟
前湖大道快速路
中国江西网讯 梅婷 记者沈冠楠报道：前湖大道快速路工程为南昌市规划“一环线”快速路网干线中重要组成部分，工程西起外环高速，止于朝阳大桥，与南北向西外环高速、昌西大道工程、320国道、昌九快速路相接，线路全长约10公里，分为高架、地面、隧道三种断面形式，设计时速每小时60公里。
8月16日，中国江西网记者从南昌市政公用集团了解到，本月底前湖快速路主线将实现通车，届时市民可以直接从朝阳大桥驱车前往湾里区，仅需15分钟内抵达，较以往至少缩短一半以上时间，大大改善了周边居民的交通条件。
主线施工进入收尾阶段
16日上午，记者在前湖快速路施工现场看到，工人正头顶烈日对道路进行桥面附属设施(照明、交安设施等)及伸缩缝安装。作为南昌市规划“一环线”快速路网干线中重要组成部分的前湖快速路，道路地形复杂，施工技术难度高，历时4年的施工建设，现前湖快速路主线已经进入收尾阶段。
市政公用集团前湖快速路项目部经理祝耀东告诉记者，工程跨越红谷滩新区、新建区、湾里区3个行政区域，线路全长约10公里，其中红谷滩新区范围为2.4公里，新建区为4.7公里，湾里区为3.3公里，现红谷滩新区范围内主线工程、新建区及湾里区范围内高架主线桥梁已全部完成。
前湖快速路主线月底通车
“项目沿线长，道路地形复杂，施工技术难度高，整个项目建设内容包括道路工程、桥梁工程、隧道工程、排水工程、照明工程、绿化工程、交通设施工程等。”祝耀东向记者介绍，前湖快速路建设中充分考虑沿线地形、人口密度，在不同路段设置了高架、地面、隧道三种形式，实现交通与环境相协调。
建设过程中，为了将施工影响降到最低，项目采取“施工完成一部分，开放一部分”的原则，在去年8月25日开放学府大道以东至朝阳大桥辅道交通，今年4月1日开放江中药谷至西外环段道路主、辅道交通。现项目主线已完成沥青摊铺，正在进行后续通车工作的准备，计划在本月底开放主线交通。
项目无缝对接朝阳大桥及九州高架
祝耀东介绍，前湖快速路无缝对接朝阳大桥及九州高架，建成后由朝阳大桥去往湾里的车辆可以实现15分钟内抵达，较以往至少缩短一半以上时间，大大改善了周边居民的交通条件，优化了出行环境。
从项目规划图看到，前湖大道快速路通车后，将承担湾里区、新建县、红谷滩新区快速交通联系，并可通过朝阳大桥、九州高架与朝阳洲、青云谱区、高新区等组团联系，最终成为南昌东外环与西外环之间东西向的一条快速联系通道。
明年1月份项目全线通车
“主线通车后，施工重点将转移到沿线匝道及地面层辅道施工作业，建设内容包含道路工程、桥梁工程、隧道工程、排水工程、照明工程、绿化工程、交通设施工程等。”祝耀东介绍，计划在2019年1月份完成沿线匝道及地面层辅道作业，届时将实现前湖快速路全线通车。从而形成红谷滩、新建区、湾里区快速联系。同时，前湖快速路沿线涉及枫生快速路，320国道，昌西大道等城市重要主干道，项目将在经过的各个路口设计上下匝道，与城市重要主干道衔接，形成立体交通。
这款给医生的专业APP，设计上有着怎样不同的要求？
本文作者主要与我们分享一款Web 医疗应用设计的细节。enjoy~
医疗保健在任何一个国家都是非常重要的组成部分，它关乎每一个人的生命健康。 而随着时代的发展，医疗技术本身逐步提升，而服务方式也随之逐步演变，各种数字设备的普及和沟通方式的快速褪变，使得服务本身的潜力并没有完全呈现出来。医疗、科技领域的专业人事和利益相关者，越来越关心现代医疗服务的提升的可能性，并且力图探究更好的服务模式和解决方案，一方面让医生更好地挽救生命，另一方面，也让用户更好地接受治疗。越来越多的APP和网站随之诞生，而在测试和应用过程中，设计师的重要性逐渐凸显。
今天我们要介绍的，就是 Tubik Studio 的设计师 Eugene Cameel 所设计的Web端医疗应用 HealthCare。医疗领域并且针对医生所设计的数字产品，在属性和功能有着独有的特质与需求，由于它和患者的生命息息相关，这款应用应该以快速、有效的交互为核心，来构建整个解决方案。它应该让医生和患者之间沟通变得更加轻松快捷，同时能够主动组织和优化数据，让治疗更加高效。
接下来，我们近距离地来看看这个Web 应用设计的细节。
任务
完成针对医生的应用，包括其中的UI和UX
设计过程
线框图
在真正开始考虑风格和视觉设计之前，设计师通常需要借助线框图来搭建整个布局框架，为后续的环节奠定基础。设计师需要基于目标受众的定义和分析，以及未来产品要解决的问题，来构建线框图。HealthCare 这款Web 应用的主要用户是医生，而主要功能是帮助医生快速搜集和处理大量的数据。每个患者通过检测所获得的每一项数据都至关重要，因此设计师应该专注于信息的组织和构建易用而清晰的界面。为了让这款覆盖到大量不具备复杂交互经验的一线医疗人员，整个导航设计需要具备良好的直觉性。
基本上，这款工具为医生提供了快速保存、整理、分析、调用患者相关数据的功能，在需要的时候快速打开，并提供治疗的技术支持。医生可以在内置的日历当中，规划并记录病人预约看病的时间，并且监督病人来体检。这款应用还可以提供病人病历、处方记录、个人数据和更为复杂的用药计划。它另外一个进阶功能，是提供不同层面、不同病症和问题的统计和探索，这些统计包含了普通的数据统计和世界卫生组织的统计和建议。
整个UX解决方案提供了三屏作为基本的界面，包括预约、日历和统计。
这款应用在左侧边栏上有5个选项卡，每个选项卡会承载不同的内容，并且搭配相应的文本字段予以说明，整个视图并不复杂，数据可以通过这样的分类被整理得井井有条，而医生有也可以通过分类快速定位到要寻找的数据。而日历界面当中，用户可以通过顶部快速切换月视图、周视图和每天的日程，这部分还能针对特定的日期进行单独显示。所有的数据都是以卡片的形式组织起来，左侧的时间线可以供用户快速跳转和筛选。用户可以通过标签页切换快速预览所有的预约和计划，也可以点击特定的时间来添加新的待办事项。在不同的预览视图当中，患者的名字、时间和预约的性质（急诊、后续治疗等）都会显示出来。
特别的预约会在菜单顶部显示，并且可以横向滚动浏览，确保随时可以看到。下方我们能看到不同的用户的详细信息按照标签被整理在一起，每个用户一个标签，其中包含了用户的姓名、性别、医生、ID、地址和联系人。同时，关键性的数据被整理为三个部分：医疗背景、化验结果、保险和收费。
第三屏则主要显示了各种统计数据，这些数据对于医生探索和研究特定的病例或者寻求更好的诊断方式是非常有用的。标题下的标签页可以让医生快速切换不同的数据，也可以根据月或者年份来筛选数据。
UI设计
在UI设计的环节，设计师需要让数据更加便捷地视觉化呈现，在配色和排版上更加用心。设计师将深蓝色作为背景的主要色调，和前景内容的浅色构成明显的对比，这样就将侧边栏和标题和具体内容的层次划分了出来。在界面的主要区域采用了自然的白色，在设计过程中，设计师设定了几个基本的目标：
拥有良好的可读性，并且让用户对于文本内容可以快速感知，因为在紧急情况下，需要医生能够对于患者数据足够敏感。
UI中关键的交互元素（诸如按钮和图标）和周遭元素要有明显的对比度。
要和传统的纸质文档在视觉上保持高度的一致性，并且参考实际的文档来设计交互和UI，这对于大量的传统的医疗行业从业者更加直觉，这对于老一辈的医生而言，更加直觉。
加入恰到好处的留白，不要让信息堆积在一起形成压迫感，这有利于医生快速注意到特定的数据，也有利于创造相对轻松的阅读体验。
当前的预约界面显示了主要的数据：诊断、问题、药物和复杂的用药计划。
日历界面采用了色彩柔和的彩色卡片，这种设计和日常记录日程时利用便签纸和白板的体验类似。和物理世界相似的设计可以让使用者更容易上手。
数据统计界面由于涉及到数据可视化，设计师为了让信息更加直观，采用了相对简约的设计和醒目的配色，加上高识别度的非衬线字体，确保优雅的同时，还保证了信息的有效性。
由于整个Web应用涉及到大量不同的内容，设计师加入了动画来帮用户了解元素之间的关系和交互的结果。
结语
这个案例为Tubik Studio 向着医疗行业迈进奠定了基础，设计师在这个项目当中对于医疗行业有了更多的了解，虽然有挑战性，但是努力是值得的。
原文作者：Tubik Studio
原文地址：uxplanet
译文地址：优设网
本文由 @陈子木 授权发布于人人都是产品经理，未经作者许可，禁止转载。
题图来自 Pixabay，基于 CC0 协议
江西省上高县中式宅院设计，粉墙黛瓦，木色栏柱，独具韵味
项目概况
项目编号：P-20180602
项目名称：江西省上高县潘先生中式宅院
建筑面积：528.21 ㎡
占地面积：228.3 ㎡
结构形式：框架结构
▲业主提供的基地草图项目位于江西省宜春市上高县，基地方正，三面环路。业主希望建成中式风格的宅院，除了房屋主体，要考虑与庭院的结合，进行整体设计。
平面方案
▲总平面示意图整个宅院设计有三个出入口，南侧主入口有连廊与室内相连，车辆入口独立对外合理分流，通过车库可直达庭院，北侧入口紧邻餐厨，方便厨余垃圾清理，洁污分区。
▲一层平面图客厅通高设计，开敞明亮；卧室多南向布置，主要卧室均带有独立卫生间，注重生活品质；二层南向主卧可直通车库屋顶，稍作打理，便是休闲娱乐的绝佳去处。
▲二层平面图三层空间相对独立，配置豪华，动静分区。西侧为活动室、影音室、室外露台等休闲娱乐空间，东侧布置一套房，包括卧室、书房、独立卫生间、阳台等，并可通向室外大露台，居住其中，尽享品质生活。
▲三层平面图▲屋顶平面图外观造型
▲西南人视效果该宅院整体精心设计，采用灰瓦白墙的统一风格，木色栏柱，门窗也采用深木色材质，并配套设计了披檐；室外空间丰富，庭院、露台、阳台等错落布置，将中式的韵味表现的淋漓尽致。
更多角度效果图欣赏：
▲东南鸟瞰效果▲正南鸟瞰效果▲正南人视效果▲西北鸟瞰效果▲西北人视效果▲局部透视效果现在乡村的新房一栋栋拔地而起，欧式美式风格仍占很大比例，当然萝卜白菜各有所爱，这无可厚非，但是随着文化自信的增强，人们对传统的建筑风格越来越青睐，看着这中式宅院，仿佛让人听到了传统文化的低语。
本页内容为企业、个人自主上传或来源网络，所有资料仅供用户参考；我单位不对其版权负责、不保证亦不表示本网的资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。
