ios7玩simcity史诗建筑一进游戏马上掉出来是什么情况？
点击联系发帖人
时间：2015-03-16 00:14
肿么修改ios simcity上的金币
按时间排序
已经越狱的可以直接用烧饼修改器之类的修改，没越狱请参考下面的方法1：直接下载修改好的存档2：将解压完的两个文件覆盖原游戏根目录对应文件3：打开游戏就可以了
越狱了都没有那样改，就算有人搞个工具给你那样弄，GL服务器立马封你号
他们的都是假的，得用开发者帐号才行，我有，但是你得登录我的帐号才能下，你要我可以借给你下载
必须要越狱，建议用xy苹果助手连接电脑通过数据线获取越狱，然后个葫芦侠里面不但有破解版的游戏只要来飞行模式就可以购买道具而且还有个修改器可以修改游戏金币最多可以修改成可以固定值
你如果越狱了 这个就不是问题。下载一个大师游戏修改器
感谢您为社区的和谐贡献力量请选择举报类型
经过核实后将会做出处理感谢您为社区和谐做出贡献
确定要取消此次报名，退出该活动？
请输入私信内容：VainLord的其它豆列
&&&&&&&&&&&&
&(2人关注)
&(4人关注)绝地求生：最厉害的枪，除了它没有谁了，AWM都自愧不如！
春风十里不如你，欢迎来到我这里！最近绝地求生流行一种新奇的打法，特别是绝地求生-刺激战场，作为刺激战场是当下最火热的枪战手机游戏之一，想必大家已经在游戏的过程中有了很深入的了解，同时在电脑版“吃鸡”一词的火热下。而就在最近很多人都在流行用这个喷子配步枪的打法，原因也是非常的简单，大家都知道在刺激战场这个游戏中，要用手机操作远不如电脑，所以玩这个游戏的人分两种，一种喜欢玩步枪的，主玩步枪，做一个非常厉害的突击兵，还有一种就是狙击手，狙击手的确很可怕，特别是那些打人专瞄头打的玩家更是可怕，但是狙击大神相对来说是非常少的，很多人都操作不来，比较难瞄准。而用上喷子和步枪的打法主要是因为前面碰到了人可以依靠步枪打死之后，更应该说是那些打倒在地并没有死的玩家，这样的情况作为新手玩家也好，老玩家也罢，都是很想把那个人打死获得一血。（但是这样的情况最好要分析好形势再去打人，不然就会被他的队友打死）但是配上一把喷子和自己习惯的步枪，是非常实用的。特别是那些打倒了还在爬的人，而子弹又不够的时候，这个时候有把喷子上去就是一枪，还省了很多子弹，同时过去一枪终结人家也给自己带来更快的效率，免的一盒子弹打了一半才把别人打死的时候突然冒出了他的队友，这个时候就尴尬了。在刚枪上就已经失去了很大的优势，就怕突然来个换子弹，这样岂不是要被别人打死。论起喷子的威力，相信没人敢说威力不行吧，就算是3级套，在喷子面前也就是一瞬间的事情而已，虽说AWM是神器，但是进入了决赛圈之后几乎没多大作用，甚至有很多人都是进入决赛圈的时候才捡到了这把枪，但是连发挥的空间都没有了，重要的是AWM这把枪还要靠空投捡，最终还得看运气，所以喷子配上步枪的玩家还是很好玩的。再说了，喷子这种枪到处是，而AWM就不一样了。不知道大家在玩绝地求生的时候喜欢用什么枪，是步枪配98K呢还是步枪配一把连狙，喜欢做突击兵的玩家自然是两个背包各一把M4，一路打到决赛圈。如果你有更好的吃鸡打法和枪械的配合，可以留言给我们一起分享哦！特别声明：本文为自媒体作者上传并发布，仅代表该作者观点。东方体育仅提供信息发布平台。
小编为您找到可能与此文章相关的游戏为：《》，《》游戏专区地址：。可能您对《》游戏还不是很了解，小编在此为您简短的介绍一下吧。《》简介如下：
《绝地求生》是大逃杀类型的游戏，每一局游戏将有100名玩家参与，他们将被投放在绝地岛(battlegrounds)的上空，游戏开始跳伞时所有人都一无所有。游戏展开的方式是：玩家赤手空拳地分布在岛屿的各个角落，利用岛上多样的武器与道具。随着时间的流逝，岛上的安全地带越来越少，特定地区也会发生爆炸的情况，最终只有一人存活获得胜利。游戏的每一局比赛都会随机转换安全区，这样玩家的很新鲜与紧张感会更加强烈。
小编还为您推荐了几篇关于《》游戏的文章，希望对您有帮助：请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读《绝地求生》账号被盗时有发生，而如何保护好自己的账号，相信是很家心中...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读《绝地求生》冲锋枪种类众多，就伤害与稳定性而言，哪一把最合适大家选用...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读昨天凌晨，《绝地求生》正式公布了之前曝光的新枪械——QBU。如进之前...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读【九游报道】7月17日消息，《绝地求生》不久前推出了新地图萨诺，玩家...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读《绝地求生》萨诺地图山顶视野好且方便跑毒，在抢占过程中怎么打能保证生...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读绝地求生PGI全球赛事即将开启，游戏官方推出了几套纪念套装，Titl...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读《绝地求生》自从爆红以来，就受到了游戏爱好者的广泛关注，但由于开发商...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读最近《绝地求生》关于游戏内容方面的更新很少，但是在游戏饰品方面，官方...在绝地求生的新地图中，很多玩家尝尝会忽视这个地图中的小地方，但是其实这些地方都是比较富有的，而且还是据点的不二选择。比如说热带雨林地图中位于边上的一座山峰，一般人往往不...绝地求生NECL预选赛是由停机坪上海电竞俱乐部举办孵化基地举办，比赛将于7月12日正式展开，将采用直邀加海选的方式选拔战队，小编为大家带来了NECL预选赛B组积分排名，...
原标题：绝地求生：最厉害的枪，除了它没有谁了，AWM都自愧不如！
Game234游戏门户网声明：Game234游戏门户网登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。部分图片及内容来自互联网，版权归原作者（原网站）所有，转载时请务必注明来源，若有侵权问题请及时与本站联系 。
您可能还关注：
这周绝地求生第18轮更新，相信玩家们最期待的就是自定义服务器。而自定义服务系统中涵盖多种设置选项，可以选...
『摘要』：不得不说王者荣耀玩家真会玩儿，雅典娜献祭流风生水起之后被直接打击掉，转眼牛魔又成了新的山大王…...
在近期的排位数据中的出的结论来看，红蝶已经上升到和小丑裘克同一梯队，成为庄园中炙手可热的监管者选择，越来...
仗剑执酒齐逍遥,刀光剑影生死共。在闯荡大秦江湖的途中，除了神兵利器之外，需要不断淬炼自身，方能号令武林，扬一世英名。而作为37《寻秦记》中高阶的玩法之一，淬体系统是各位提升属...
在游戏中很多玩家都是属于比较猛的打法，一点都不知道猥琐！尤其是前期的战斗时候更是需要猥琐的时候，还是依旧...
在王者荣耀中，英雄种类繁多，各有各的特色，而选择一个强势的英雄完全有可能扭转乾坤。下面，小司机为大家推...
很多玩家打王者都拒绝玩坦克相对而言坦克英雄的游戏体验要差很多又要抗伤害又要打保护团战输了还要背黑锅其实坦...
绝地求生总是一个神奇的游戏，人们关于这四个字的话题总是无穷无尽的，而这些当中最受人们喜爱或者说被人们讨论...
大家吼，上一期我们讲完新地图萨诺的冷门落点Kampong后，大批观众反映，只要提前蹲Kampong，就能...
在绝地求生当中，关于枪械的改动是非常正常的。有时候官方在最初设计时，也想不到具体的游戏效果。只有经过玩家...
TOP1：十五倍镜，十五倍镜这个道具却是是很稀有的物资了，而十五倍镜正如其名，放大倍数极其的高，很关键的...
在人人都是主播的时代，不能亲临现场观赛的遗憾一定会在不同程度上得到解决。通过直播平台，及各平台设置的不同赛事分会场，观众不仅可以获得极佳的观赏位置和角度，也可以有更...
见红月定终身37《红月传说》红月黑卡上线创千秋霸业，博万古英名;屠蛮荒妖魔，续传奇热血。37《红月传说》红月黑卡上线，誓为追月，让少数人优先享用世界!快叫上兄弟一起享受这场酣畅的鏖战，带你重回荣耀之...
神话古装大剧《天乩之白蛇传说》自开播以来人气不断攀升，剧中小白蛇白夭夭（杨紫饰）与药师宫宫上许宣（任嘉伦饰）跨越千年、历经几世轮回的忠贞爱恋让我们感动不已。在此之际，《天乩之白蛇传说...
小冰冰最近总在重复做着同一个梦，梦里是漫无边际的黑雾，只能透过偶尔漏下来的月光看到一株株干枯的树干，除了干树枯枝，没有任何植物。但奇怪的是，我能听到一阵阵咝&咝&...
刘备雌雄双股剑，关公青龙偃月刀。张飞一把丈八蛇矛喝退曹兵，孔明挥挥诸葛羽扇东风便来。每位英雄都需要一把属于他自己的独特武器，在《刀锋无双2》的战场也不例外。由星辉游戏代理的硬派...
哈喽大家好，想必今天刺激战场的小伙伴都被这只“幸运鸡”给萌坏了吧。很多玩家都不知道是怎么回事，地图上总是...
在王者荣耀中，每个英雄都有自己独特的技能，有的全场靠主动技能，有的却靠被动加持下的平A，不管技能怎么样，...
天堂归来，荣耀再续，由韩国NCSOFT正版授权的3DMMOARPG网游37《血盟荣耀》旨在为玩家还原端游的经典玩法，创造精彩的战斗体验。游戏一经上线，其丰富的玩法就为人所津津...
召唤师峡谷版本更迭，什么东西都在变，唯有这句话永远不变，还在峡谷上空闪耀着金色光芒：天美从来不会出什么辣...
7 03到现在刚刚更新一天，相信不少水友们已经在鱼塘里牛刀小试了，对于新版本的改动，大家怎么看呢?下面就和小编一起来看看zhou神是怎么理解的吧。
在今天的比赛中，Rookie带病上场，带领iG成功翻盘，在第二局比赛中，他用劫拿下了10 1 8的完美数据。这是他本赛季第7次击杀上双(超过10)，这一数据遥遥领先LPL其他选手。排名第二的是Condi、GimGoon、Scout，各有两次击杀上双。
北京时间3月18日，LPL2017春季赛第6周第三天的比赛日。这一天将会有三场对决在正大广场上上演，而在第三场EDG对SS的比赛中，厂长或将重回LPL舞台。模拟城市建造iPad版下载 V1.12.11_pc6下载
简介教程评论
模拟城市建造iPad版是EA经典模拟游戏《SimcityBuildIt》的iOS平台移植版。在模拟城市建造iPad版游戏中玩家将会扮演市长，利用游戏设备来重新规划土地，创造一片自己理想中的城市 模拟城市建造iPad版是EA经典模拟游戏《Simcity BuildIt》的iOS平台移植版。在模拟城市建造iPad版游戏中玩家将会扮演市长，利用游戏设备来重新规划土地，创造一片自己理想中的城市。游戏特色 在模拟城市:建设iOS版游戏中胡乱打造只会让居民们抱怨，长此以往下去还会造成城市的发展滞后，甚至让城市破产的局面，可以说这款游戏从规划住宅、商业及工业用地，建设公路、捷运、体育场、海港、机场、警察和消防局，甚至税金及各种公共设施支出的分配都由玩家自行设计，游戏中除了要妥善规划各种区域，还要考虑到人、经济、生存及政治等多项因素。 建设您的城市,数不清的建筑和逼真的3D画面，堪称是移动平台上最真实的城市建设游戏。合理摆放建筑物，让税收源源不断，让城市成长。手指缩放，360度旋转，无论您是在线或离线，均可在移动设备上轻松管理城市。 随心所欲创造资源并与好友和其他城市进行交易。解锁专属建筑，如大本钟和凯旋门，或是引发自然（以及不太自然的）灾害！ 为您的市民解决现实中的城市难题，如交通、火灾和污染。合理安排供电和娱乐等服务设施，满足市民们的需要。完成各种有意思的挑战，打造城市特色，塑造和谐社区。 SimCity BuildIt可以说是模拟类的一款精品，很明显EA也是用了很多心思去将PC上的优点融入手机游戏中，因此玩过PC版的玩家可能会有中很熟悉的感觉。罗马不是一天建成的，本作也是需要耐心一点点的生产素材，相信只要你有信心，就一定能建造出只属于你的城市！更新日志 --升级住宅建筑并使用60种新的史诗建筑打造您的个性城市 --派上Maxis超人为市民增加安全感 – 每座城市都需要一位英雄 --建造限时公园，如篮子小兔与春天小鸡雕像公园（三月中旬推出），迎接春天的到来显示全部
同厂商应用
iPad模拟经营220MV1.21.0
iPad模拟经营149Mv1.0.4
iPad模拟经营78.9MV 1.28.147
iPad模拟经营206MV5.21.0
iPad模拟经营166MV3.3.0
iPad模拟经营51MV4.14.0
iPad模拟经营22.2MV1.8.6
iPad模拟经营72.5MV2.2.5
iPad模拟经营31MV1.4.1
iPad模拟经营108MV2.8.2
iPad模拟经营296MV2.0.2
iPad模拟经营21.7MV2.7.1
iPad模拟经营68.4MV0.8.2
iPad模拟经营65.7MV1.0.1
iPad模拟经营45.6MV2.5
iPad模拟经营55.1MV1.0.9
iPad模拟经营38.5MV3.10
iPad模拟经营19MV2.0
iPad模拟经营53MV1.0.8
iPad模拟经营45.6MV1.8.1&figure&&img src=&https://pic3.zhimg.com/v2-d9aa1f49a85fc_b.jpg& data-rawwidth=&1900& data-rawheight=&1100& class=&origin_image zh-lightbox-thumb& width=&1900& data-original=&https://pic3.zhimg.com/v2-d9aa1f49a85fc_r.jpg&&&/figure&&p&原作者：&a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/%40shestopalov.v%3Fsource%3Dpost_header_lockup& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Slava Shestopalov&/a&&/p&&p&链接：&a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/optical-effects-9fca82b4cd9a& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&medium.muz.li/optical-e&/span&&span class=&invisible&&ffects-9fca82b4cd9a&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&来源：Medium&/p&&p&著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
&/p&&p&_______________________________________________________________________________&/p&&p&*译者注：第一次在知乎上发文章，竟然被举报了。本来放在底部的原作者信息及出处按要求放到了顶部。&/p&&p&&br&&/p&&p&
正文之前，两个问题 &/p&&figure&&img src=&https://pic1.zhimg.com/v2-688d9ff616bc81d844f7_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-688d9ff616bc81d844f7_r.jpg&&&/figure&&p&
哪个更圆？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-c0c0aa25cdba8a_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-c0c0aa25cdba8a_r.jpg&&&/figure&&p&
哪个更方？&/p&&p&&br&&/p&&p&本文作者9月13号在Medium上发表了这篇文章，15号就开始翻译了，一直拖到现在，期间网上已经出现了各种版本，这是另一个完全不权威很随心的版本。&/p&&ul&&li&&b&物理尺寸和视觉感知尺寸&/b&&/li&&li&&b&不同形状的正确布局&/b&&/li&&li&&b&完美的圆角&/b&&/li&&/ul&&p&&br&&/p&&p&&b&1、数学和视觉尺寸&/b&&/p&&p&哪一个尺寸更大？一个400px的正方形或者是一个400像素的圆形。几何学上来说，它们的宽度和高度是一样的。但是观察一下下面的图片，我们的眼睛能立即识别出正方形比圆形更重。顺便说一下，“重量”相关的词语更适合描述视觉效果。 &/p&&figure&&img src=&https://pic3.zhimg.com/v2-7ffaaf71af861e98fbc48_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-7ffaaf71af861e98fbc48_r.jpg&&&/figure&&p&以防你不相信我的话，下面是加上参考线和数值的版本。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3ecdd4ae2dfaf60c6ad54db860dcba97_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-3ecdd4ae2dfaf60c6ad54db860dcba97_r.jpg&&&/figure&&p&现在让我们再看一张图片，在视觉重量上，它们是一样的么？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-1fb459ebe12_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-1fb459ebe12_r.jpg&&&/figure&&p&对我来说，绝对是的。最起码很难立即说出哪一个更重。因为我把圆的直径增加了50px。 &/p&&figure&&img src=&https://pic2.zhimg.com/v2-c85d133e3ded9a4cac5c9a9_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-c85d133e3ded9a4cac5c9a9_r.jpg&&&/figure&&p&为了说明缘由，我把两张图重叠在一起。如下图，可以看出来，在“a”区域正方形比圆形更重，然而“b”区域圆形比正方形更重。左边的图中正方形能完全包裹圆形，右边的图中圆形和正方形是平衡的，没有谁能包裹谁，圆形和正方形都有四小片内容。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-c854a3ea0f4dc812e98aa6dd_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-c854a3ea0f4dc812e98aa6dd_r.jpg&&&/figure&&p&同样的菱形和三角形也有同样的效果。为了与正方形有一样的重量，它们需要变得更大。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-31ab20ebe_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-31ab20ebe_r.jpg&&&/figure&&p&那…重点来了。这和界面设计有什么关系？&/p&&p&当你设计一组icon的时候，所有的icon看起来视觉平衡是非常重要的，以确保没有icon太突出或者太小。如果直接将icon放入正方形中，越接近正方形的icon会看起来更大。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-625dfaef3e8e_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-625dfaef3e8e_r.jpg&&&/figure&&p&我推荐把视觉重量比较轻的icon稍微超过icon区域的边界，而视觉较重的icon则在区域中留下一部分空白区域。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-3b846136dab03d_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-3b846136dab03d_r.jpg&&&/figure&&p&以下是一些视觉平衡的icon案例&/p&&figure&&img src=&https://pic1.zhimg.com/v2-917a1e87cc13f24b9e26fb002bad4908_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-917a1e87cc13f24b9e26fb002bad4908_r.jpg&&&/figure&&p&图中很清楚的标明了为什么一个icon区域通常会比icon本身要大了—为了能让非方形的icon看上去更合适，看上去不比方形的icon小。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4ce752c085cb4f7cff4ec3_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-4ce752c085cb4f7cff4ec3_r.jpg&&&/figure&&p&最简单的检查方式是将icon模糊掉，如果模糊掉之后看上去或多或少是相似的斑点的话，它们就具有相同的视觉重量。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f0bae2a418_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-f0bae2a418_r.jpg&&&/figure&&p&但有时候我们需要与现有的图形打交道，比如：社交网络的logo会经常被用来作为分享或者喜欢的按钮。Facebook和Instagram的icon是方形的，而Twitter则是一个小鸟的剪影，Pinterest则是一个被圆形包裹的P字母。所以将它们放在一起的时候，Twitter和Pinterest的icon会可以放大一些，这样这一排icon看上去就一样大了。 &/p&&figure&&img src=&https://pic1.zhimg.com/v2-8ed87ef5d4bef6b0a6c1c5b_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-8ed87ef5d4bef6b0a6c1c5b_r.jpg&&&/figure&&p&另一个情景是当输入框和圆形的按钮放置在一起的时候如果按钮的直径和输入框的高度一致的话，按钮会看上去显得小一点，但如果将圆形按钮放大一点，整个组合会看上去协调很多。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-44eedafbdcd34c0335ebb8_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-44eedafbdcd34c0335ebb8_r.jpg&&&/figure&&p&换一个情况，如果改变按钮的样式，可能就不需要放大按钮了。如下图，按钮和输入框都是80px高，右边的按钮看上去明显与输入框更和谐一些。&/p&&p&&br&&/p&&p&&b&需要记住的几点：&/b&&/p&&ul&&li&视觉重量是人眼感知物体的尺寸和意义的方式，它不必和实际的物理尺寸相同；&/li&&li&圆形，菱形，正方形和其他非方形的形状需要更大以确保与方形的icon的视觉重量上一致；&/li&&li&Icon区域需要为视觉平衡留出一些空白区域，对于一组系列icon来说是非常有必要的。&/li&&/ul&&p&&br&&/p&&p&&b&2、不同形状的正确布局&/b&&/p&&p&逻辑上来说视觉分布是视觉平衡及视觉重量现象的延续。让我们看一下下面的条形。它们看上去是一样长么？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-460bc1f5c1a22f2ff375df4f3fa328fa_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-460bc1f5c1a22f2ff375df4f3fa328fa_r.jpg&&&/figure&&p&从像素单位上来说，当然是的。但是第一眼看上去的时候回感觉下面的条形比上面的短一些。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-eda652c713e500c96d77aac9ca4faaa0_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-eda652c713e500c96d77aac9ca4faaa0_r.jpg&&&/figure&&p&再看另一张图，有什么改变么？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7d25bfcd4a4ec1442eebb1d_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-7d25bfcd4a4ec1442eebb1d_r.jpg&&&/figure&&p&我稍微增加了一些下面条形的长度，让右侧尖的部分增长了20px，这样就可以弥补由于中间缺口，从而使得上下两条看上去“一样长”&/p&&figure&&img src=&https://pic4.zhimg.com/v2-076ae6dbbb79ecf6c88bbf2_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-076ae6dbbb79ecf6c88bbf2_r.jpg&&&/figure&&p&现在一起看一下更复杂的条形&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ea225a3d27ed2c42ee16c_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-ea225a3d27ed2c42ee16c_r.jpg&&&/figure&&p&举个例子，当你在设计一张在折弯的条形上放文字的海报时，或者只是放一些折线在产品卡片或者是在电商中使用的时候，需要注意它们是否达到了视觉平衡。尖锐的形状需要稍微超过一点主体形状，尤其是主体是长方形的情况下。 &/p&&figure&&img src=&https://pic2.zhimg.com/v2-05dd239eaf9d8da5b875_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-05dd239eaf9d8da5b875_r.jpg&&&/figure&&p&那当排布一些带有背景的文字或者段落时该怎么办呢。这取决于背景的视觉密度。如果背景比较轻，可以把段落排布与其他部分一致。（直接看图比较明显。）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-776a8acc1bb_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-776a8acc1bb_r.jpg&&&/figure&&p&当背景比较轻的时候，它不会打断整个文章的文字流。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-3babf5bf6fb6a56bf5b27_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-3babf5bf6fb6a56bf5b27_r.jpg&&&/figure&&p&另一种形式是增加一个深色的背景。在下图中，把黑色的背景排列的与文字的宽度相同，文字则在背景上缩进排列。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a81763d07dfdfb5de481eb_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-a81763d07dfdfb5de481eb_r.jpg&&&/figure&&p&与浅色的背景不同，深色的背景视觉重量很重，如果加背景的目的是想无缝的在文章流中加入一段文字，最好是像下图这样排列。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cb459cc1fc92ae11bc3e_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-cb459cc1fc92ae11bc3e_r.jpg&&&/figure&&p&同样的原理可以用在按钮和输入框的排列中。当然，这不是教条，只是基于视觉感知的界面。（Of course, it’s not a dogma, just the optics-based vision of an interface.）&/p&&figure&&img src=&https://pic2.zhimg.com/v2-cd54b77f62a8afff6cdf620_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-cd54b77f62a8afff6cdf620_r.jpg&&&/figure&&p&左边的文本输入框的浅色背景可以超出标签和输入的内容，可以注意到“send”按钮的右边和浅色背景的右边不是完全对齐的，因为按钮颜色比输入框颜色更深，从视觉感知上来说看上去更重。&/p&&p&再看右边，输入框有实线的边框，我将输入框与标签的文字对齐，而输入框内的文字则往里缩进了一些。“send”按钮有一边有三角，所以将按钮稍微往右边移动了一点。这样的话从视觉感知上来说，就看上去会比较平衡。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-087b4fced531d74f2ecf13ae9cf3072d_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-087b4fced531d74f2ecf13ae9cf3072d_r.jpg&&&/figure&&p&接下来看一下关于“分布”的另一个方面—文字和按钮形状的排列。观察一下下面的按钮，文字看上去在正中间不是么？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-4c48e599d18fbe9a8eae_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-4c48e599d18fbe9a8eae_r.jpg&&&/figure&&p&事实上，在右边的按钮中，我将文字往左边移动了一点，因为按钮的右侧是三角形，此外右边的按钮比左边宽40像素，以确保两个按钮在视觉感知上看上去一致。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ecacefc7cd4fab9f449bec_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-ecacefc7cd4fab9f449bec_r.jpg&&&/figure&&p&文字和背景不仅有水平方向的排布，同样也有垂直方向的排列。第一点我想表达的是这能运用在操作系统，网站，APP等不同介质的界面上。垂直方向是基于大写字母的高度（也叫做cap-height）的，所以“H”和“I”的高度一样。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-dcc0e012fbe_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-dcc0e012fbe_r.jpg&&&/figure&&p&基本上一个大写字母顶部和底部到按钮上下的空间是一致的。这很有用，因为按钮文字通常用与标题相似，首字母大写，而有些字母有突出的部分—字母有部分在上方的（l,t,d,b,k,h）；字母有部分在下方的（y,j,g,p）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-618e50d634dc_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-618e50d634dc_r.jpg&&&/figure&&p&还有一种处理方式是根据小写字母的高度（也叫x-height）来排列字母和按钮底色。在衬线体和无衬线体的字体中，字母”x”的高度是一样的。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a8aeb4e6babd138abaf3a2aa843342fb_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-a8aeb4e6babd138abaf3a2aa843342fb_r.jpg&&&/figure&&p&这样的排列方式同样有用，因为主要的视觉感知区域是小写字母集中的地方。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-c6eb447add74e70d95b3d1f4d77cecd3_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-c6eb447add74e70d95b3d1f4d77cecd3_r.jpg&&&/figure&&p&这两种方式有什么区别么？还真有，不过只是一点点。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-25dace34c63_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-25dace34c63_r.jpg&&&/figure&&p&下面有更多比较的例子。左边一列以cap-height（大写字母高度）为准排列的按钮更适合“cancel”和“OK”这样用的很多的按钮—因为“cancel”中没有字母有往下的小脚（descender…小翻实在能力有限），“OK”则全是大写字母。右边一列是以x-height（小写字母高度）为基准排列的，这一列中只有“Sync”这一个按钮比较合适，因为“Sync”在上下都有一部分字母的脚，此时“Cancel”和“OK”按钮看上去就不那么合适了。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-9cebe66bbf5_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-9cebe66bbf5_r.jpg&&&/figure&&p&这样的情况在带icon的按钮中也有一些差别。我们看下面的按钮，哪一个更加平衡？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ada7dfaba_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-ada7dfaba_r.jpg&&&/figure&&p&希望你有注意到左边那个有点不对劲。这是不同的排列方式导致的。第一种做法是将整个icon放置在一个方形的区域内。对于特定范围内来说，这是正确的做法，因为当把SVG或者PNG文件给到工程师的时候就是一个带有图形的方形的区域块。右边的则表示所有的尖角到圆形的边缘的距离是一致的。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7ac5e4d25bc68e04b93f5_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-7ac5e4d25bc68e04b93f5_r.jpg&&&/figure&&p&如果需要准备一个文件给开发，那么久需要预留一些空间，这样的话就能确保它能在视觉上保持平衡。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6d896cc7d00ffdd14422df2e_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-6d896cc7d00ffdd14422df2e_r.jpg&&&/figure&&p&同样的来看“Play”按钮，如果直接按照方形区域来排列，会出现下面的情况—看上去很奇怪。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-43a3f836fc66dcc1ee784_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-43a3f836fc66dcc1ee784_r.jpg&&&/figure&&p&如果想让他看上去更合适，可以将三角形放在圆形当中，然后调整圆形和底色图形的位置。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c889fb3a70c3791dcef17d_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-c889fb3a70c3791dcef17d_r.jpg&&&/figure&&p&&br&&/p&&p&&b&需要记住的点：&/b&&/p&&ul&&li&带有尖角的形状应该更大一点以确保和方形元素看起来一致；&/li&&li&基于cap-height来排列字母和按钮背景色是一种行之有效的方法；&/li&&li&将三角形的icon元素放置在方形的背景上，有效的做法是用一个圆圈包围住三角的元素。&/li&&/ul&&p&&br&&/p&&p&&b&3、圆角的处理（圆角≠倒角）&/b&&/p&&p&有什么能比圆角更圆？我曾经也以为没有。但如同我最开始说的，我们的眼睛是是非常不可思议的，有时候它不会像我们所以为的那样传递信息。所以，下面那张图看起来更圆？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7f42ff97_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-7f42ff97_r.jpg&&&/figure&&p&我之前问过的人大多会选择3或者4。1和2明显太瘦，5则显得太丰满，如果将3和4重叠在一起——会发现一个是几何意义上的圆形一个是优化过得圆形，第二个比第一个视觉上会稍微重一点，因此也看上去更圆一点。 &/p&&figure&&img src=&https://pic2.zhimg.com/v2-8fdb6bd57bbc_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-8fdb6bd57bbc_r.jpg&&&/figure&&p&为了进一步的说说明这是怎么回事，我排列了字母O在三种著名的的几何字体的情况——Futura，Circe和Geometria。这样高质量的字体是基于人类的视知觉优化的，并且运用了复杂的系统来优化视觉上的感受，希望它们的圆看上去比几何圆形更圆。这些字母有让你的眼睛更愉悦么？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-e2767fea16ce5df8b4a6_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-e2767fea16ce5df8b4a6_r.jpg&&&/figure&&p&如果在它们上面叠加一个几何圆形，即使是最接近几何圆的Futura也有四块超出几何圆形的地方。此外，Circe和Geometria的字母则在宽度上也比几何圆形更宽，及时他萌和真正的几何圆形有同样的高度和宽度，也能看到有四块炒出来的“小肚腩”，看上去像吃多了一样。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-d844cba1a531d36d191e2e_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-d844cba1a531d36d191e2e_r.jpg&&&/figure&&p&所以从视觉感知上来说，经过优化的圆形（右边的）会比一个几何圆形看上去更圆。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a374dde2df76ea262fdc9_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-a374dde2df76ea262fdc9_r.jpg&&&/figure&&p&那我们能怎么利用这一现象呢？当然是用在圆角中！如果直接用软件中默认的圆角工具—PS,AI,Sketch等…结果可能在视觉感知上不来说并不太好。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-44fdb4336682aabd00aa7ca8fef1b52b_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-44fdb4336682aabd00aa7ca8fef1b52b_r.jpg&&&/figure&&p&人的眼睛能立马看出来直线在哪里突然转成曲线，这样的圆角看上去并不太自然。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-cbb908102cfdadf16a32b_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-cbb908102cfdadf16a32b_r.jpg&&&/figure&&p&考虑到我们的视觉感知能力，我修复了这个问题。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-6c9f0e2833bdd4e2c8726_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-6c9f0e2833bdd4e2c8726_r.jpg&&&/figure&&p&这样的圆角在传统几何形圆角的基础上有一块额外的区域，来确保直线和曲线交界的地方不会那么明显。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-79e8c0cffa4_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-79e8c0cffa4_r.jpg&&&/figure&&p&尽可能体验一下两种不同处理方式的区别吧，看下图。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6eb9f5d992_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-6eb9f5d992_r.jpg&&&/figure&&p&现在可以将这种方法应用到圆形的按钮中了。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-b0e4b3bbd3c291d94a9f62f7cf943862_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-b0e4b3bbd3c291d94a9f62f7cf943862_r.jpg&&&/figure&&p&相信你已经注意到右边一列的按钮看上去有更顺滑的圆角，而且视觉效果更好。&/p&&p&APP的icon同理。我们不会简单的直接使用默认的几何圆角就能得到完美的结果。在深入讨论这个问题之前，让我们看一下两种不同的圆角形状：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-74db696c22c8a25be2861_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-74db696c22c8a25be2861_r.jpg&&&/figure&&p&第一个是在Sketch中创建的圆角矩形，第二个则是“超椭圆”，也被叫做Lame曲线。是被一个叫做Gabriel Lamé的法国数学家基于数学公式从一个类四角星的形状变化而来的，看上去更圆。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-223fd56f9dd19c4b6e485ce3f3689ee8_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-223fd56f9dd19c4b6e485ce3f3689ee8_r.jpg&&&/figure&&p&Marc Edwards使用Lame的曲线创造除了一个顺滑的视觉效果完美的形状。从IOS7开始的ICON就是基于这个形状。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-1fee0e0fddeaed2a6dad8e50_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-1fee0e0fddeaed2a6dad8e50_r.jpg&&&/figure&&p&后来这个形状加上了黄金比例和网格，来指导设计师设计新的ICON。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cfddde69fce7b4cf65901dd_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-cfddde69fce7b4cf65901dd_r.jpg&&&/figure&&p&使用超椭圆的好处是能看上去更加的圆润。另一方面，这些非标准的形状要应用在实际的屏幕中是比较麻烦的。一方面要结合各种SVGs文件，一方面也需要加载一些公式和脚本或者是像APPLE处理APP ICON一样用PNG蒙版的方式。&/p&&p&对于设计过程本身来说，有一个简单的处理方法。只需要双击进入可调整贝塞尔曲线的状态，手动将两个圆角的控制杆拉近一点即可。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-b9a5303def_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-b9a5303def_r.jpg&&&/figure&&p&这样的效果在尖锐的角上会更明显，这在画线路或者是地铁路的时候很重要。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6d40bdc3e4465320ebbf1_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-6d40bdc3e4465320ebbf1_r.jpg&&&/figure&&p&&br&&/p&&p&&b&需要记住的点：&/b&&/p&&ul&&li&几何圆角看上去很生硬是因为人能轻易的分辨出直线和曲线交界的地方；&/li&&li&视觉效果完美的圆角需要特殊的公式或者手动调整一些细节&/li&&/ul&&p&&br&&/p&&p&&b&彩蛋&/b& &/p&&p&有时候一个不是完全准确的方形看上去会更“方“一点。你可能会觉得这有点胡说八道。所以你觉得下面哪个方形更”方“？ &/p&&figure&&img src=&https://pic2.zhimg.com/v2-4ce26a92b05_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-4ce26a92b05_r.jpg&&&/figure&&p&如果你选择左边的形状，那你可能完全相信自己的视觉感知能力。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7ec0a1eaad4a1d17cf46ce_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-7ec0a1eaad4a1d17cf46ce_r.jpg&&&/figure&&p&惊讶于人的视觉系统对物体的高度的感知敏感度会强于对宽度的敏感度。这就解释了为什么基于几何形状的字体，字母”O“通常会比实际的几何形状要宽，字母”H“的垂直高度通常比实际几何形状的要细。 &/p&&hr&&p&正文结束&/p&&p&译的时候就学到很多能直接拿来用的tips，感谢&/p&&p&原作者 Slava Shestopalov。、&/p&&p&&a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/optical-effects-9fca82b4cd9a& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&medium.muz.li/optical-e&/span&&span class=&invisible&&ffects-9fca82b4cd9a&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&&br&&/p&&hr&&p&09.26补充内容：&/p&&p&PS：有人说之前看到过这篇文章，的确在之前有几个不同的出处，包括某知名设计网站公众号，但平时个人就会在自己的公众号翻译一下自己感兴趣的内容，此篇在原作者文章发布（9月13号）后的第3天就开始翻译的事情，未参照任何其他平台的翻译内容，全凭自己大学四级的水平，翻译出来是为了自身加强对内容的理解，发布到平台上，也只是觉得它有用，而已。&/p&&p&附上自己印象笔记的截图。to举报的同学，就是来打你脸的。
&/p&&figure&&img src=&https://pic1.zhimg.com/v2-cc532a03f1f34d5da430a5_b.jpg& data-rawwidth=&1138& data-rawheight=&428& class=&origin_image zh-lightbox-thumb& width=&1138& data-original=&https://pic1.zhimg.com/v2-cc532a03f1f34d5da430a5_r.jpg&&&/figure&&p&&/p&
原作者：链接：来源：Medium著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 _______________________________________________________________________________*译者注：第一次在知乎上发文…
&figure&&img src=&https://pic1.zhimg.com/v2-3cffd718de3f3e8038a8d_b.jpg& data-rawwidth=&977& data-rawheight=&416& class=&origin_image zh-lightbox-thumb& width=&977& data-original=&https://pic1.zhimg.com/v2-3cffd718de3f3e8038a8d_r.jpg&&&/figure&&p&当初在大桥下约好一起数鸭子，后来竟眼睁睁看着煮熟的鸭子也飞走了。本届TI7国际邀请赛，中国DOTA2玩家的心情就像中国军团的战绩一样：坐了一趟过山车。伴随着一句“技不如人甘拜下风”，大家向Liquid战队抱拳祝贺并下定决心明年赢回来之后，便陷入了沉默。&/p&&p&但DOTA2内涵丰富，游戏本身还有非常多的东西值得大家思考。本文尝试对DOTA2的伤害指标，&b&做一些变革性的探索&/b&。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-01ec3a8c1d133fbb75e550_b.jpg& data-rawwidth=&658& data-rawheight=&472& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-01ec3a8c1d133fbb75e550_r.jpg&&&/figure&&p&目前的「伤害」指标，是游戏结束后官方给出的英雄伤害数据，这个数值表示英雄在整场比赛中对敌方英雄造成的伤害总和。部分玩家喜欢用它来评判选手的表现，TI7最后一场比赛刚结束，就有玩家截取了上图，以人马伤害全场最低为由，将kpii批判一番。&/p&&p&伤害指标真的能衡量选手的表现吗？这场比赛战败方Newbee战队拿下了17个人头，全队共打出92516点伤害，而拿下27个人头的Liquid战队却只打出了78467点伤害。如果伤害越高表现越好，那意思是NB战队打的更好咯？相信大家不会同意这个说法。&b&知乎上也有不少人提出质疑：英雄伤害并不能准确衡量英雄贡献。&/b&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4311afa879ef9ea463c920ad33c895e9_b.jpg& data-rawwidth=&454& data-rawheight=&281& class=&origin_image zh-lightbox-thumb& width=&454& data-original=&https://pic2.zhimg.com/v2-4311afa879ef9ea463c920ad33c895e9_r.jpg&&&/figure&&p&但这是官方唯一给出的伤害指标，我们不妨先给V社一个面子，就用它来评选TI7的伤害之王。TI7线下赛共192场比赛的统计结果是这样的：（只计入上场次数&=3的英雄）&/p&&figure&&img src=&https://pic2.zhimg.com/v2-485e7bed4b7e765e16f80d_b.png& data-rawwidth=&951& data-rawheight=&534& class=&origin_image zh-lightbox-thumb& width=&951& data-original=&https://pic2.zhimg.com/v2-485e7bed4b7e765e16f80d_r.jpg&&&/figure&&p&跑出这张图之后，我第一时间联系了几位职业选手。选手们抛出了两个疑问：&/p&&ul&&li&1胜2负的天穹守望者（胜率33%）和2胜7负的TK（胜率22%），本次TI7表现不佳、输的很惨，真的有脸叫伤害之王吗？&/li&&li&每次做伤害榜，好像都是这些英雄上榜，有点不讲道理。&/li&&/ul&&p&第一个问题涉及到伤害和比赛胜负的相关性，在找到更好的伤害指标作为参照之前，不敢妄下结论。我们先讨论第二个问题，众所周知，DOTA2是一款平衡性非常出色的游戏，冰蛙“锄强扶弱”的更新理念让DOTA2呈现出一代版本一代神的发展规律。&b&上个版本的热门英雄，这个版本被砍一刀就抬不起头，伤害排行榜怎么可能被几名英雄长期霸占呢？&/b&&/p&&p&但职业选手的话还是要听的。为此，我按时间顺序统计了近一年来所有国际性大赛（TI6、波士顿秋季特锦赛、亚洲邀请赛、基辅春季特锦赛、TI7）的数据。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ad41d9acae94b4bdc9d58d_b.jpg& data-rawwidth=&1031& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&1031& data-original=&https://pic2.zhimg.com/v2-ad41d9acae94b4bdc9d58d_r.jpg&&&/figure&&p&职业选手诚不欺我！&b&一年过去了，DOTA2游戏版本从v6.88变成v7.06，但伤害最高的英雄却始终不变：TK、火枪、小娜迦&/b&。这TM就尴尬了呀，这些英雄不管胜率高低、表现如何，每次都能登上伤害榜，反过来不就说明了这个官方伤害指标没啥x用吗？（注：TK在波士顿秋季赛上只出场过一次，未能上榜。否则就全勤了···）&/p&&p&以上榜次数最多的TK为例，这个英雄在上述各大赛事中的胜率均低于40%（常见胜率的是20%左右），可以说是非常可怜了。凭什么制霸伤害榜！&/p&&figure&&img src=&https://pic4.zhimg.com/v2-39b40daca49a7_b.jpg& data-rawwidth=&815& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&815& data-original=&https://pic4.zhimg.com/v2-39b40daca49a7_r.jpg&&&/figure&&p&&b&原因只有一个：TK的技能决定了他容易打出伤害。&/b&优势局，把敌方堵在高地，“刷刷”两发导弹打出高额伤害，然后放个大招再来一次；劣势局，被敌方堵在高地，仍然是“刷刷”两发导弹打出高额伤害，然后放大招再来几次...&/p&&p&与之相反，有些英雄（小狗、拍拍熊、小鱼人）打出伤害的条件就非常苛刻：需要找准切入时机接近敌人、需要一下一下锤出伤害不被放风筝、需要队友配合给上控制，有时候甚至还需要对手配合...&/p&&p&&b&所以，官方给出的伤害指标，更多的反映了英雄打出伤害的容易程度（冰蛙决定），而没有考虑伤害的作用效果（选手决定）。&/b&比如宙斯这个英雄，选择一个绝佳的时机放大3杀，和利用大招开视野，在伤害数值上并没有区别。喜欢打篮球的朋友，有没有觉得这个伤害指标更像篮球中的“出手次数”，而不是“进球数（得分）”？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-77d1a05f0b7dfc9c99c2c3f_b.jpg& data-rawwidth=&661& data-rawheight=&504& class=&origin_image zh-lightbox-thumb& width=&661& data-original=&https://pic4.zhimg.com/v2-77d1a05f0b7dfc9c99c2c3f_r.jpg&&&/figure&&p&如果每场NBA球赛结束，只告诉你每个球员出手几次，就是不告诉你进了几个球（得了多少分，几个三分球...），你肯定觉得这是在耍流氓。&b&对的，我认为V社只给出颗粒度如此粗的伤害数据，就是在耍流氓&/b&。&/p&&p&那么，目前的伤害指标应该如何拆分？怎样的伤害指标才能更准确的衡量英雄贡献呢？我一年前思考这个问题的时候，想到了根据伤害造成的结果对伤害进行分类的方法：&/p&&ol&&li&消耗伤害：没有造成敌方英雄阵亡的伤害。（比如：对线消耗、残血逃生）&/li&&li&致命伤害：在击杀\助攻中贡献的伤害。&/li&&/ol&&p&想到了拆分方法之后，接下来的事情就是计算指标、验证指标。然而官方并未提供获取详细伤害信息的API接口，靠人工看录像的方式进行统计显然不现实。说来也巧，当时DOTABUFF网站正好上线了新功能“kills”，里面包含了比赛所有击杀的详细信息。（令人欣喜的是，他们在GitHub上开源了录像解析器——manta，然后我研究生又是计算机专业~）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-daec800ed40ecb_b.jpg& data-rawwidth=&912& data-rawheight=&469& class=&origin_image zh-lightbox-thumb& width=&912& data-original=&https://pic1.zhimg.com/v2-daec800ed40ecb_r.jpg&&&/figure&&p&以上图为例，5分10秒，虚空、沙王、VS合力击杀了蜘蛛。在此次击杀中，三名英雄分别贡献了268、255、186点伤害。&b&累加英雄在每一次击杀\助攻中贡献的伤害，得到新的伤害指标——「致命伤害」&/b&。（注：用官方提供的全量伤害减去致命伤害，可以得出「消耗伤害」）&/p&&p&我之前喜欢把这个指标叫做“致死伤害”，但是引起了误会：很多读者把它理解成抢人头的最后一击伤害。非也！致命伤害计入击杀\助攻过程中的所有伤害。具体的计算规则可以参考DOTA2 WIKI的助攻机制，如果你懒，可以简单的理解为计入死亡前20秒受到的伤害。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-300a2d5ccec24ec36f0e_b.jpg& data-rawwidth=&1027& data-rawheight=&367& class=&origin_image zh-lightbox-thumb& width=&1027& data-original=&https://pic3.zhimg.com/v2-300a2d5ccec24ec36f0e_r.jpg&&&/figure&&p&有了致命伤害这个新指标之后，我们再回头看TI7的最后一场比赛。队伍层面，获胜方Liquid比NB高出1万4千点致命伤害（毕竟赢了嘛，人头也多10个）；英雄层面，2W致命伤害的剑圣和1W致命伤害的DP是两个队伍的中流砥柱，&b&有没有更符合大家看比赛时的直观感受？&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c98e666bae9b99edae3e7ed0_b.jpg& data-rawwidth=&811& data-rawheight=&647& class=&origin_image zh-lightbox-thumb& width=&811& data-original=&https://pic1.zhimg.com/v2-c98e666bae9b99edae3e7ed0_r.jpg&&&/figure&&p&一场比赛不能说明问题，我们用最近一年600多场国际大赛来验证：致命伤害指标和官方伤害指标相比，哪一个和比赛胜负的相关性更大？&/p&&ul&&li&官方伤害指标：651场比赛中，获胜方总伤害大于战败方总伤害的比赛有560场，比例为86.0%。&/li&&li&致命伤害指标：651场比赛中，获胜方总致命伤害大于战败方总致命伤害的比赛有613场，比例为94.2%。&/li&&/ul&&p&从直方图中可以更直观的得出结论：&b&与官方伤害指标相比，致命伤害指标和比赛胜负的相关性更大，更能反映英雄贡献&/b&。（注：直方图的横坐标为获胜方伤害-战败方伤害）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-f57b0b25a5fefa965c93de32a6e8afcc_b.jpg& data-rawwidth=&1291& data-rawheight=&544& class=&origin_image zh-lightbox-thumb& width=&1291& data-original=&https://pic1.zhimg.com/v2-f57b0b25a5fefa965c93de32a6e8afcc_r.jpg&&&/figure&&p&所以，更准确的TI7输出之王其实是这样的：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-a8fd31dcee2_b.jpg& data-rawwidth=&951& data-rawheight=&534& class=&origin_image zh-lightbox-thumb& width=&951& data-original=&https://pic3.zhimg.com/v2-a8fd31dcee2_r.jpg&&&/figure&&p&“一代版本一代神”其实是这样的：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-3cffd718de3f3e8038a8d_b.jpg& data-rawwidth=&977& data-rawheight=&416& class=&origin_image zh-lightbox-thumb& width=&977& data-original=&https://pic2.zhimg.com/v2-3cffd718de3f3e8038a8d_r.jpg&&&/figure&&p&此外，把官方伤害指标拆分成致命伤害和消耗伤害之后，一维变二维，可以做的事情就更多了。以后有机会，再找时间和大家交流。&/p&&p&我已经整整一年没有玩DOTA2了（以前周末打游戏，现在改成做分析），如果V社真的能采纳这个意见，拆分赛后总结中的伤害指标，建立更完善、更准确的指标体系，那真是比我自己玩DOTA2还要开心呢~&/p&&p&几点说明：&/p&&ol&&li&只给英雄伤害榜单，不给选手伤害榜单，是因为：选手可以使用不同的英雄，对选手伤害数据求平均值并不靠谱。比如B神操作了两局游戏，一局用敌法，一局用VS，两局均发挥出色（敌法和其他敌法比较、VS和其他VS比较），如果求平均值，就变味了。&/li&&li&我建议V社把伤害指标拆分成致命+消耗，而不是用致命伤害去替代现有指标。（消耗伤害也有意义）&/li&&li&英语好的朋友，可以自由翻译到国外论坛。&/li&&li&很多朋友一直纠结：DOTA2太复杂，推断性统计对DOTA2是否有意义？我觉得吧，DOTA2虽然有些年头了，但作为竞技体育来讲还是很年轻的，数据方面还有很多基础性的工作要做（比如：建立更完善的指标体系）。所以，与其感慨路难行，不如马上出发。欢迎交流~&/li&&li&其他moba游戏也适用致命输出这个概念。不过据我了解，其他moba游戏的数据开放程度并不大，玩家的数据意识也不强。不知道什么时候能学到了···&/li&&li&如果这篇文章达到了你的付费标准，可以考虑打赏。&/li&&/ol&
当初在大桥下约好一起数鸭子，后来竟眼睁睁看着煮熟的鸭子也飞走了。本届TI7国际邀请赛，中国DOTA2玩家的心情就像中国军团的战绩一样：坐了一趟过山车。伴随着一句“技不如人甘拜下风”，大家向Liquid战队抱拳祝贺并下定决心明年赢回来之后，便陷入了沉默。…
&h2&Python 基础&/h2&&p&当你学到 Django 的时候，我们默认你已经有了 Python 基础。如果你没有 Python 基础，或者认为自己还需要在 Python 基础上多花一些时候，你可以选择从以下三本书着手。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/%25E5%259B%25BE%25E4%25B9%25A6/dp/B01ION3VWI/ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dpython%2Bcrash%2Bcourse& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Python编程 从入门到实践》&/a& （&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Python-Crash-Course-Hands-Project-Based/dp//ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dpython%2Bcrash%2Bcourse& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Python Crash Course: A Hands-On, Project-Based Introduction to Programming&/a&）这本书的作者就是 Django 项目的维护者之一。本书在学习 Python 基础的同时，可以学到一些 Python 的最佳实践（当然谈到最佳实践，有更多的进阶书籍的选择）。推荐本书的另一个原因是书籍质量不错，在美国亚马逊的 Python programming 排行榜上荣获“Best seller“，194个读者综合评分为4.4的高分（满分5分）。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/%25E5%259B%25BE%25E4%25B9%25A6/dp/B00P6OJ0TC/ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dpython%2B%25E7%25AC%25A8%25E5%258A%259E%25E6%25B3%2595& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《&笨办法&学Python(第3版)》&/a& (&a href=&//link.zhihu.com/?target=https%3A//learnpythonthehardway.org/book/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Learn Python the Hard Way&/a&) 这本书简称“LPHW”，是经久不衰的 Python 入门书。本书强调的是肌肉记忆，强调的是编程犹如弹吉他，需要亲手实践、加强肌肉记忆。如果你对编程也没有太多概念，这本书会比较轻松的带你入门，增强你的编程自信心。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/%25E5%259B%25BE%25E7%%25E7%25A8%258B%25E5%25BA%258F%25E8%25AE%25BE%25E8%25AE%25A1%25E4%25B8%259B%25E4%25B9%25A6-Python%25E5%259F%25BA%25E7%25A1%%E7%25A8%258B-%25E8%25B5%25AB%25E7%%25E5%/dp/B00KAFX65Q/ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dpython%2Bnovice& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Python 基础教程》&/a&(&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/Beginning-Python-From-Novice-to-Professional-Hetland-Magnus-Lie/dp//ref%3Dsr_1_4%3Fie%3DUTF8%26qid%3D%26sr%3D8-4%26keywords%3Dpython%2Bnovice& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Beginning Python: From Novice to Professional&/a&) 如果在这三本中选一本必看的基础书，个人更偏好、也更推荐这一本。作者对基础知识的讲解清晰明了，内容简单但是并不肤浅。讲解过程通畅，基本不存在费解的情况。代码小片段实例比比皆是，马上就可以动手实践来理解概念，可以让人更容易记得住，学习的效果也是相当好。较深的概念有延展的接口，提供方向供后期自己去扩展。值得一提的是，目前这本书中文翻译是仍然是&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Beginning-Python-Novice-Professional-Experts/dp//ref%3Dsr_1_2%3Fie%3DUTF8%26qid%3D%26sr%3D8-2%26keywords%3Dbeginning%2BPython%253A%2Bfrom%2Bnovice%2Bto%2Bprofessional& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&2009年英文版的 Python 2.7&/a&，而今年（2017年）4月Apress出版社继续推出了&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Beginning-Python-Professional-Magnus-Hetland/dp//ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dbeginning%2BPython%253A%2Bfrom%2Bnovice%2Bto%2Bprofessional& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&该书最新的第三版&/a&，已经使用 Python 3 的版本（暂无中文版）。作者 Magnus Lie Hetland 在 2006 年开始写作第一版至今，时隔11年还能继续推出最新版，而且内容质量靠谱，实在难能可贵。&/li&&/ul&&h2&Django 与 Python 开发环境问题&/h2&&p&&b&注意：&a href=&//link.zhihu.com/?target=https%3A//en.wikipedia.org/wiki/Django_%28web_framework%29& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&目前在维护 Django 版本&/a&为：Django 1.8（长期支持版，LTS），Django 1.10，Django 1.11（最新版，长期支持版，LTS，也是最后一个支持 Python2的版本）。&/b&&/p&&p&如果学习资料是这些版本以前的版本，比如 Django 1.7，则不建议再学习已经过时的资料。对于书籍是否已经过时，Two Scoops 的作者 Daniel R. Greenfeld（也是Django的项目维护者）有一个书籍清单供参考（&a href=&//link.zhihu.com/?target=https%3A//www.twoscoopspress.com/pages/current-django-books& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Current Django Books&/a&）。&/p&&p&Django 的版本以及 Python 开发环境至关重要，请在最开始学习 Django 的时候就引起重视。由于 Python、Django以及其他第三方包的版本不同，有时候会产生与学习资料不一样的结果。建议学习过程中注意两点：&/p&&ul&&li&为每一个项目建立虚拟环境，建立相对独立的开发环境&/li&&li&严格按照学习资料的版本进行开发。注意是 Python 2 还是 Python 3，Django 的版本、以及第三方包的版本号。&/li&&/ul&&h2&Django 基础&/h2&&h2&1. 视频&/h2&&p&推荐使用慕课网的两门免费在线视频课程作为入门：&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/458& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&django初体检&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/790& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&django入门与实践&/a&&/li&&/ul&&p&这两门课基本涵盖了 Django 最核心、同时也是最常用的部分，他们会给你建立一个 Django 的整体概念，便于消除你对 Django 的陌生感和恐惧感。&/p&&p&如果想进一步详细的了解 Django，有个综合性的教程名叫&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//django-practice-book.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Django 企业开发实战》&/a&&/li&&/ul&&p&该教程包含 gibbook 电子书（免费）以及视频部分（收费）。该教程之所以比较推荐，作者是搜狐的胡阳（&a href=&//link.zhihu.com/?target=https%3A//www.the5fire.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&博客地址&/a&）。阳哥长期在搜狐大量实际使用 Django，而且对源码比较熟悉，所以该教程讲得深入浅出，有不少独到的见解。&/p&&h2&2. 文档&/h2&&p&在有了视频的感性认识之后，建议马上阅读完 Django 文档的新手入门6个部分的内容，并亲手实践让代码能跑起来。文档是最权威也是最全面的 Django 参考资料。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//docs.djangoproject.com/en/1.11/intro/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Getting started&/a& Django 1.11 英文原版文档的新手入门部分。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//wizardforcel.gitbooks.io/django-chinese-docs-18/content/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django 中文文档 1.8&/a& Django 1.8 的中文文档（gitbook在线书）。&/li&&/ul&&h2&3. 书籍与博客&/h2&&h2&3.1 英文&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Mastering-Django-Core-Complete-Guide-ebook/dp/B01KR6F4Z2/ref%3Dpd_sim_351_1%3F_encoding%3DUTF8%26psc%3D1%26refRID%3DFGPD50FMR491T393ZV8K& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mastering Django: Core: The Complete Guide to Django 1.8 LTS&/a& 这本书就是大名鼎鼎的 Django Book 的最新版本。本书前7章是连贯的学习教程，可作为入门教材，后面的章节以讲解概念为主。&a href=&//link.zhihu.com/?target=http%3A//djangobook.py3k.cn/2.0/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《中文版的 Django Book》&/a& 使用的是 Django 1.1 版本，已经严重过时，中文版本仅供参考。作者的主页是 &a href=&//link.zhihu.com/?target=http%3A//djangobook.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&djangobook.com&/a&。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Hello-Web-App-Tracy-Osborn/dp/%3Ftag%3Dtsp0c2-20& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hello Web App&/a& 作者之前主要从事前段工作，以一个新手的视角来完成本书。整书叙述流畅，以及跟着书完成代码。作者还有一本后续的书籍 &a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Hello-Web-App-Intermediate-Concepts/dp//ref%3Dpd_bxgy_14_2%3F_encoding%3DUTF8%26pd_rd_i%3D%26pd_rd_r%3D9PT5VMN8HB8TZ0NH9HTP%26pd_rd_w%3Dsw4hX%26pd_rd_wg%3DLsbKy%26psc%3D1%26refRID%3D9PT5VMN8HB8TZ0NH9HTP& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hello Web App: Intermediate Concepts&/a& ，内容稍微深一些。&/li&&/ul&&p&另外有人也经常推荐以下内容，供参考：&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/gp/product/B01N91N65Y/%3Ftag%3Dtsp0c2-20& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tango With Django: A beginner's Guide to Web Development With Python / Django 1.9&/a& 值得注意的是这本书被列为 Two Scoops 的作者列为过时书籍。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//tutorial.djangogirls.org/en/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django Girls Tutorial&/a& Django Girl严格来说已经相当于是一个商业组织，因为该组织在卖周边、做培训，但是入门教程还是不错的，内容基本与 Tango with Django 类似。最近还推出该入门教程的&a href=&//link.zhihu.com/?target=https%3A//djangogirls.gitbooks.io/django-girls-tutorial-extensions/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&扩展部分&/a&。&/li&&/ul&&h2&3.2 中文&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//code.ziqiangxuetang.com/django/django-tutorial.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&自强学堂：Django 教程&/a& 内容详实免费。值得一提的是作者使用 Django 建站，完全是在实践 Django 的使用，而且作者从2015年至今一直在根据 Django 版本升级而更新教学内容，从最初的 Django 1.6 更新到了 Django 1.10。作者称最新版本的 Django 1.11 内容马上就要推出。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//tutorial.djangogirls.org/zh/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django Girls 教程&/a& Django Girls 的中文版，使用 Django 1.8。&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//zmrenwu.com/%3Fpage%3D5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&追梦人物的博客&/a& 以 Django 1.10 为基础开发博客到部署的完整教程。&/li&&/ul&&h2&Django 进阶&/h2&&h2&1. 视频&/h2&&p&中文视频内容有很多，但是从内容的深度、广度、教学实践、教学质量来看，推荐慕课网的强力 Django 内容。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//coding.imooc.com/class/78.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&强力django+杀手级xadmin打造上线标准的在线教育平台&/a& 慕课网付费课程。虽然收费，但是课程质量上佳。内含一个 refresh 的小项目和一个较大的系统项目，涉及 Django 的内容较广，完成后可以达到上线标准。常被誉为“Django课程的良心之作”。&/li&&/ul&&p&英文视频中，美国的 Justin Mitchel 长期专注于做 Django 培训。他的部分教学视频也放在 YouTube 上。推荐三门系列课程，分别是完成一个基本博客，增加复杂功能，到使用 django-rest-framework。内容详实，值得一看。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Fv%3DyfgsklK_yFo%26list%3DPLEsfXFp6DpzQFqfCur9CJ4QnKQTVXUsRy& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Try Django 1.9&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Fv%3DVp7Oa7nAXJ4%26list%3DPLEsfXFp6DpzQB82YbmKKBy2jKdzpZKczn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Advancing the Blog&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Fv%3DXMu0T6L2KRQ%26list%3DPLEsfXFp6DpzTOcOVdZF-th7BS_GYGguAS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Blog API with Django Rest Framework&/a&&/li&&/ul&&h2&2. 书籍&/h2&&ul&&li&Two Scoops of Django：目前有两个版本 &a href=&//link.zhihu.com/?target=https%3A//www.twoscoopspress.com/products/two-scoops-of-django-1-11& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Two Scoops of Django: Best Practices for Django 1.11&/a& 和 &a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Two-Scoops-Django-Best-Practices/dp//ref%3Dpd_bxgy_14_img_3%3F_encoding%3DUTF8%26pd_rd_i%3D%26pd_rd_r%3DFJBAW39ZPPH73AXZQRP0%26pd_rd_w%3DqPOZk%26pd_rd_wg%3DcaiaO%26psc%3D1%26refRID%3DFJBAW39ZPPH73AXZQRP0& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Two Scoops of Django: Best Practices for Django 1.8&/a& 。这本书在 Django 的名气也是非常大，基本可以说影响过大多数 Django 开发人员，如果要进阶称为 Django 专业开发者，这本书是绕不过去的必看书籍。内容主要涵盖 Django 的最佳实践。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Django-Example-Antonio-Mele/dp//ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Ddjango%2Bby%2Bexample& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django By Example&/a& 在进阶的课程中，本书算是不错的。虽然一些章节（比如第7章）部分代码仍然存在 bug，但是一方面作者正在该书主页不断进行代码更正，另一方面也是对中国读者最好的是，这本书已经由同在简书的 &a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/u/390b6edb26a8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&@夜夜月&/a& 进行了全书翻译：&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/c/a1fbca21af87& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Django By Example》中文版&/a&。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Django-Unleashed-Andrew-Pinkham/dp//ref%3Dpd_sim_14_13%3F_encoding%3DUTF8%26pd_rd_i%3D%26pd_rd_r%3DFJBAW39ZPPH73AXZQRP0%26pd_rd_w%3Dqkuw5%26pd_rd_wg%3DcaiaO%26psc%3D1%26refRID%3DFJBAW39ZPPH73AXZQRP0& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django Unleashed&/a& 内容覆盖较广，很多内容在其他书籍中并没有提及，比如密码的hash与加密等。但是没有实战项目。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/Python-Web%25E5%25BC%%258F%%25B5%258B%25E8%25AF%%25A9%25B1%25E5%258A%25A8%25E6%%25E6%25B3%%258F%%25A5%25BF%25E7%%25E5%25B0%2594/dp/B016I9T8SQ/ref%3Dsr_1_fkmr0_3%3Fie%3DUTF8%26qid%3D%26sr%3D8-3-fkmr0%26keywords%3D%25E6%25B5%258B%25E8%25AF%%25A9%25B1%25E5%258A%25A8%25E5%25BC%%258F%2591%2Bdjango& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Python Web 测试驱动方法》&/a& 虽然测试驱动的开发方法（Test-Driven Development，TDD）并不是每个项目都会采用，但是测试的思想与方法还是值得去掌握。Python 作为一门动态语言，没有静态类型检测的情况下，测试的重要性就显得尤为重要。本书使用 Django 的整个开发流程作为实例，作者不仅讲了开发过程单元测试和 Selenium 测试，同时也把部署的内容也覆盖到。内容始于 Django，但不仅仅是 Django，相信使用其他框架的 Python 开发者也可以从中获益匪浅。&/li&&/ul&&h2&3. 博客&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//simpleisbetterthancomplex.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vitor Freitas: Simple is better than complex&/a& 作者是旅居芬兰的巴西人，博客上有76篇关于 Python、Django 以及网络开发的文字。文章质量较高，可以邮件订阅。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//mozillazg.github.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Huang Huang 的博客&/a& 之所以提到这个博客，主要因为作者认真写了三篇关于《High Perfomance Django》的阅读笔记：&a href=&//link.zhihu.com/?target=https%3A//mozillazg.github.io/2015/09/high-performance-django-note-1.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&笔记一&/a&、&a href=&//link.zhihu.com/?target=https%3A//mozillazg.github.io/2015/09/high-performance-django-note-2.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&笔记二&/a&、&a href=&//link.zhihu.com/?target=https%3A//mozillazg.github.io/2015/09/high-performance-django-note-3.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&笔记三&/a&。从数据库优化、缓存、容灾、后台视图完善，这些一点一滴的内容都是 Django 项目开发过程中迟早会遇到的瓶颈，看一下这些内容也许就会对后面的解决方案有更深的理解。比如&a href=&//link.zhihu.com/?target=http%3A//xiaorui.cc//%25E8%25AF%259D%25E8%25AF%25B4django-orm%25E6%25A8%25A1%25E5%259E%258B%25E4%25B8%25BA%25E4%25BB%%25B9%%25AF%%258E%259F%25E7%E7%259A%2584mysqldb%25E6%/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&『话说Django orm性能为什么比原生的mysqldb慢』&/a&这篇文章就遇到了后台报表页面打开很慢的坑，这也是完善提高 Django 性能的地方。&/li&&/ul&&h2&Django RESTful API&/h2&&p&Django 的 REST 化主要是两个第三方包：&a href=&//link.zhihu.com/?target=http%3A//www.django-rest-framework.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&django-rest-framework&/a& 和 &a href=&//link.zhihu.com/?target=https%3A//github.com/django-tastypie/django-tastypie& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&django-tastypie&/a&。虽然后者开发时间较早，但是最推荐的是前者，即 django-rest-framework。该框架内容更全，调试也方便。&/p&&h2&1. 文档&/h2&&p&django-rest-framework 的文档分为英文和中文。英文就是原版的网站，中文有两个作者的翻译，但都是只翻译了入门部分。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.django-rest-framework.org/tutorial/quickstart/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&英文版文档&/a&&/li&&li&中文文档有两个，可以对照看：&a href=&//link.zhihu.com/?target=http%3A//www.hi-roy.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中文文档 Roy 版本&/a& 以及 &a href=&//link.zhihu.com/?target=https%3A//whatwewant.gitbooks.io/django-rest-framework-tutorial-cn/content/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中文文档 Eason版本&/a&。&/li&&/ul&&h2&2. 视频&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//coding.imooc.com/class/131.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vue+Django REST framework 打造生鲜电商项目&/a& 可能是目前中文 Django 教学视频中最好的课程，教学时间长度与内容都有相当的保证。视频作者 Bobby 详细阐述了自己对的 Django 的理解，可以让人知道多种递进式 rest API 开发方式。得益于 Bobby 精益求精的态度，个人觉得干货的程度即使与国外的内容比较也是不逞多让。另外再加上与 Vue 前端的整体交互综合开发，已经可以初步满足一个中小企业的网络解决方案。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.udemy.com/django-python/learn/v4/overview& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Build Your Own Backend REST API using Django REST Framework&/a& 作者是英国人 Mark Winterbottom，编程专业，而且讲课细致到位。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Fv%3DXMu0T6L2KRQ%26list%3DPLEsfXFp6DpzTOcOVdZF-th7BS_GYGguAS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Blog API with Django Rest Framework&/a& 仍然是之前提到的美国人 Austin Mitchel 的 YouTube 课程。&/li&&/ul&&h2&3. 书籍与博客&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/%25E5%259B%25BE%25E4%25B9%25A6/dp/B01M4S72G0/ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3D%25E8%25BD%25BB%25E9%E7%25BA%25A7%2Bdjango& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《轻量级Django》&/a& 英文版是&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Lightweight-Django-Using-WebSockets-Backbone/dp/X/ref%3Dsr_1_1%3Fs%3Dbooks%26ie%3DUTF8%26qid%3D%26sr%3D1-1%26keywords%3Dpython%2Blightweight& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lightweight Django: Using REST, WebSockets, and Backbone&/a&，严格来说这不是一本完全讲 rest-framework 的书，而是讲解如何从传统的 Django 过渡到前后端分离 Django 。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.ama}
按时间排序
已经越狱的可以直接用烧饼修改器之类的修改，没越狱请参考下面的方法1：直接下载修改好的存档2：将解压完的两个文件覆盖原游戏根目录对应文件3：打开游戏就可以了
越狱了都没有那样改，就算有人搞个工具给你那样弄，GL服务器立马封你号
他们的都是假的，得用开发者帐号才行，我有，但是你得登录我的帐号才能下，你要我可以借给你下载
必须要越狱，建议用xy苹果助手连接电脑通过数据线获取越狱，然后个葫芦侠里面不但有破解版的游戏只要来飞行模式就可以购买道具而且还有个修改器可以修改游戏金币最多可以修改成可以固定值
你如果越狱了 这个就不是问题。下载一个大师游戏修改器
感谢您为社区的和谐贡献力量请选择举报类型
经过核实后将会做出处理感谢您为社区和谐做出贡献
确定要取消此次报名，退出该活动？
请输入私信内容：VainLord的其它豆列
&&&&&&&&&&&&
&(2人关注)
&(4人关注)绝地求生：最厉害的枪，除了它没有谁了，AWM都自愧不如！
春风十里不如你，欢迎来到我这里！最近绝地求生流行一种新奇的打法，特别是绝地求生-刺激战场，作为刺激战场是当下最火热的枪战手机游戏之一，想必大家已经在游戏的过程中有了很深入的了解，同时在电脑版“吃鸡”一词的火热下。而就在最近很多人都在流行用这个喷子配步枪的打法，原因也是非常的简单，大家都知道在刺激战场这个游戏中，要用手机操作远不如电脑，所以玩这个游戏的人分两种，一种喜欢玩步枪的，主玩步枪，做一个非常厉害的突击兵，还有一种就是狙击手，狙击手的确很可怕，特别是那些打人专瞄头打的玩家更是可怕，但是狙击大神相对来说是非常少的，很多人都操作不来，比较难瞄准。而用上喷子和步枪的打法主要是因为前面碰到了人可以依靠步枪打死之后，更应该说是那些打倒在地并没有死的玩家，这样的情况作为新手玩家也好，老玩家也罢，都是很想把那个人打死获得一血。（但是这样的情况最好要分析好形势再去打人，不然就会被他的队友打死）但是配上一把喷子和自己习惯的步枪，是非常实用的。特别是那些打倒了还在爬的人，而子弹又不够的时候，这个时候有把喷子上去就是一枪，还省了很多子弹，同时过去一枪终结人家也给自己带来更快的效率，免的一盒子弹打了一半才把别人打死的时候突然冒出了他的队友，这个时候就尴尬了。在刚枪上就已经失去了很大的优势，就怕突然来个换子弹，这样岂不是要被别人打死。论起喷子的威力，相信没人敢说威力不行吧，就算是3级套，在喷子面前也就是一瞬间的事情而已，虽说AWM是神器，但是进入了决赛圈之后几乎没多大作用，甚至有很多人都是进入决赛圈的时候才捡到了这把枪，但是连发挥的空间都没有了，重要的是AWM这把枪还要靠空投捡，最终还得看运气，所以喷子配上步枪的玩家还是很好玩的。再说了，喷子这种枪到处是，而AWM就不一样了。不知道大家在玩绝地求生的时候喜欢用什么枪，是步枪配98K呢还是步枪配一把连狙，喜欢做突击兵的玩家自然是两个背包各一把M4，一路打到决赛圈。如果你有更好的吃鸡打法和枪械的配合，可以留言给我们一起分享哦！特别声明：本文为自媒体作者上传并发布，仅代表该作者观点。东方体育仅提供信息发布平台。
小编为您找到可能与此文章相关的游戏为：《》，《》游戏专区地址：。可能您对《》游戏还不是很了解，小编在此为您简短的介绍一下吧。《》简介如下：
《绝地求生》是大逃杀类型的游戏，每一局游戏将有100名玩家参与，他们将被投放在绝地岛(battlegrounds)的上空，游戏开始跳伞时所有人都一无所有。游戏展开的方式是：玩家赤手空拳地分布在岛屿的各个角落，利用岛上多样的武器与道具。随着时间的流逝，岛上的安全地带越来越少，特定地区也会发生爆炸的情况，最终只有一人存活获得胜利。游戏的每一局比赛都会随机转换安全区，这样玩家的很新鲜与紧张感会更加强烈。
小编还为您推荐了几篇关于《》游戏的文章，希望对您有帮助：请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读《绝地求生》账号被盗时有发生，而如何保护好自己的账号，相信是很家心中...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读《绝地求生》冲锋枪种类众多，就伤害与稳定性而言，哪一把最合适大家选用...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读昨天凌晨，《绝地求生》正式公布了之前曝光的新枪械——QBU。如进之前...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读【九游报道】7月17日消息，《绝地求生》不久前推出了新地图萨诺，玩家...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读《绝地求生》萨诺地图山顶视野好且方便跑毒，在抢占过程中怎么打能保证生...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读绝地求生PGI全球赛事即将开启，游戏官方推出了几套纪念套装，Titl...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读《绝地求生》自从爆红以来，就受到了游戏爱好者的广泛关注，但由于开发商...请注意：本文为编辑制作专题提供的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！导读最近《绝地求生》关于游戏内容方面的更新很少，但是在游戏饰品方面，官方...在绝地求生的新地图中，很多玩家尝尝会忽视这个地图中的小地方，但是其实这些地方都是比较富有的，而且还是据点的不二选择。比如说热带雨林地图中位于边上的一座山峰，一般人往往不...绝地求生NECL预选赛是由停机坪上海电竞俱乐部举办孵化基地举办，比赛将于7月12日正式展开，将采用直邀加海选的方式选拔战队，小编为大家带来了NECL预选赛B组积分排名，...
原标题：绝地求生：最厉害的枪，除了它没有谁了，AWM都自愧不如！
Game234游戏门户网声明：Game234游戏门户网登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。部分图片及内容来自互联网，版权归原作者（原网站）所有，转载时请务必注明来源，若有侵权问题请及时与本站联系 。
您可能还关注：
这周绝地求生第18轮更新，相信玩家们最期待的就是自定义服务器。而自定义服务系统中涵盖多种设置选项，可以选...
『摘要』：不得不说王者荣耀玩家真会玩儿，雅典娜献祭流风生水起之后被直接打击掉，转眼牛魔又成了新的山大王…...
在近期的排位数据中的出的结论来看，红蝶已经上升到和小丑裘克同一梯队，成为庄园中炙手可热的监管者选择，越来...
仗剑执酒齐逍遥,刀光剑影生死共。在闯荡大秦江湖的途中，除了神兵利器之外，需要不断淬炼自身，方能号令武林，扬一世英名。而作为37《寻秦记》中高阶的玩法之一，淬体系统是各位提升属...
在游戏中很多玩家都是属于比较猛的打法，一点都不知道猥琐！尤其是前期的战斗时候更是需要猥琐的时候，还是依旧...
在王者荣耀中，英雄种类繁多，各有各的特色，而选择一个强势的英雄完全有可能扭转乾坤。下面，小司机为大家推...
很多玩家打王者都拒绝玩坦克相对而言坦克英雄的游戏体验要差很多又要抗伤害又要打保护团战输了还要背黑锅其实坦...
绝地求生总是一个神奇的游戏，人们关于这四个字的话题总是无穷无尽的，而这些当中最受人们喜爱或者说被人们讨论...
大家吼，上一期我们讲完新地图萨诺的冷门落点Kampong后，大批观众反映，只要提前蹲Kampong，就能...
在绝地求生当中，关于枪械的改动是非常正常的。有时候官方在最初设计时，也想不到具体的游戏效果。只有经过玩家...
TOP1：十五倍镜，十五倍镜这个道具却是是很稀有的物资了，而十五倍镜正如其名，放大倍数极其的高，很关键的...
在人人都是主播的时代，不能亲临现场观赛的遗憾一定会在不同程度上得到解决。通过直播平台，及各平台设置的不同赛事分会场，观众不仅可以获得极佳的观赏位置和角度，也可以有更...
见红月定终身37《红月传说》红月黑卡上线创千秋霸业，博万古英名;屠蛮荒妖魔，续传奇热血。37《红月传说》红月黑卡上线，誓为追月，让少数人优先享用世界!快叫上兄弟一起享受这场酣畅的鏖战，带你重回荣耀之...
神话古装大剧《天乩之白蛇传说》自开播以来人气不断攀升，剧中小白蛇白夭夭（杨紫饰）与药师宫宫上许宣（任嘉伦饰）跨越千年、历经几世轮回的忠贞爱恋让我们感动不已。在此之际，《天乩之白蛇传说...
小冰冰最近总在重复做着同一个梦，梦里是漫无边际的黑雾，只能透过偶尔漏下来的月光看到一株株干枯的树干，除了干树枯枝，没有任何植物。但奇怪的是，我能听到一阵阵咝&咝&...
刘备雌雄双股剑，关公青龙偃月刀。张飞一把丈八蛇矛喝退曹兵，孔明挥挥诸葛羽扇东风便来。每位英雄都需要一把属于他自己的独特武器，在《刀锋无双2》的战场也不例外。由星辉游戏代理的硬派...
哈喽大家好，想必今天刺激战场的小伙伴都被这只“幸运鸡”给萌坏了吧。很多玩家都不知道是怎么回事，地图上总是...
在王者荣耀中，每个英雄都有自己独特的技能，有的全场靠主动技能，有的却靠被动加持下的平A，不管技能怎么样，...
天堂归来，荣耀再续，由韩国NCSOFT正版授权的3DMMOARPG网游37《血盟荣耀》旨在为玩家还原端游的经典玩法，创造精彩的战斗体验。游戏一经上线，其丰富的玩法就为人所津津...
召唤师峡谷版本更迭，什么东西都在变，唯有这句话永远不变，还在峡谷上空闪耀着金色光芒：天美从来不会出什么辣...
7 03到现在刚刚更新一天，相信不少水友们已经在鱼塘里牛刀小试了，对于新版本的改动，大家怎么看呢?下面就和小编一起来看看zhou神是怎么理解的吧。
在今天的比赛中，Rookie带病上场，带领iG成功翻盘，在第二局比赛中，他用劫拿下了10 1 8的完美数据。这是他本赛季第7次击杀上双(超过10)，这一数据遥遥领先LPL其他选手。排名第二的是Condi、GimGoon、Scout，各有两次击杀上双。
北京时间3月18日，LPL2017春季赛第6周第三天的比赛日。这一天将会有三场对决在正大广场上上演，而在第三场EDG对SS的比赛中，厂长或将重回LPL舞台。模拟城市建造iPad版下载 V1.12.11_pc6下载
简介教程评论
模拟城市建造iPad版是EA经典模拟游戏《SimcityBuildIt》的iOS平台移植版。在模拟城市建造iPad版游戏中玩家将会扮演市长，利用游戏设备来重新规划土地，创造一片自己理想中的城市 模拟城市建造iPad版是EA经典模拟游戏《Simcity BuildIt》的iOS平台移植版。在模拟城市建造iPad版游戏中玩家将会扮演市长，利用游戏设备来重新规划土地，创造一片自己理想中的城市。游戏特色 在模拟城市:建设iOS版游戏中胡乱打造只会让居民们抱怨，长此以往下去还会造成城市的发展滞后，甚至让城市破产的局面，可以说这款游戏从规划住宅、商业及工业用地，建设公路、捷运、体育场、海港、机场、警察和消防局，甚至税金及各种公共设施支出的分配都由玩家自行设计，游戏中除了要妥善规划各种区域，还要考虑到人、经济、生存及政治等多项因素。 建设您的城市,数不清的建筑和逼真的3D画面，堪称是移动平台上最真实的城市建设游戏。合理摆放建筑物，让税收源源不断，让城市成长。手指缩放，360度旋转，无论您是在线或离线，均可在移动设备上轻松管理城市。 随心所欲创造资源并与好友和其他城市进行交易。解锁专属建筑，如大本钟和凯旋门，或是引发自然（以及不太自然的）灾害！ 为您的市民解决现实中的城市难题，如交通、火灾和污染。合理安排供电和娱乐等服务设施，满足市民们的需要。完成各种有意思的挑战，打造城市特色，塑造和谐社区。 SimCity BuildIt可以说是模拟类的一款精品，很明显EA也是用了很多心思去将PC上的优点融入手机游戏中，因此玩过PC版的玩家可能会有中很熟悉的感觉。罗马不是一天建成的，本作也是需要耐心一点点的生产素材，相信只要你有信心，就一定能建造出只属于你的城市！更新日志 --升级住宅建筑并使用60种新的史诗建筑打造您的个性城市 --派上Maxis超人为市民增加安全感 – 每座城市都需要一位英雄 --建造限时公园，如篮子小兔与春天小鸡雕像公园（三月中旬推出），迎接春天的到来显示全部
同厂商应用
iPad模拟经营220MV1.21.0
iPad模拟经营149Mv1.0.4
iPad模拟经营78.9MV 1.28.147
iPad模拟经营206MV5.21.0
iPad模拟经营166MV3.3.0
iPad模拟经营51MV4.14.0
iPad模拟经营22.2MV1.8.6
iPad模拟经营72.5MV2.2.5
iPad模拟经营31MV1.4.1
iPad模拟经营108MV2.8.2
iPad模拟经营296MV2.0.2
iPad模拟经营21.7MV2.7.1
iPad模拟经营68.4MV0.8.2
iPad模拟经营65.7MV1.0.1
iPad模拟经营45.6MV2.5
iPad模拟经营55.1MV1.0.9
iPad模拟经营38.5MV3.10
iPad模拟经营19MV2.0
iPad模拟经营53MV1.0.8
iPad模拟经营45.6MV1.8.1&figure&&img src=&https://pic3.zhimg.com/v2-d9aa1f49a85fc_b.jpg& data-rawwidth=&1900& data-rawheight=&1100& class=&origin_image zh-lightbox-thumb& width=&1900& data-original=&https://pic3.zhimg.com/v2-d9aa1f49a85fc_r.jpg&&&/figure&&p&原作者：&a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/%40shestopalov.v%3Fsource%3Dpost_header_lockup& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Slava Shestopalov&/a&&/p&&p&链接：&a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/optical-effects-9fca82b4cd9a& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&medium.muz.li/optical-e&/span&&span class=&invisible&&ffects-9fca82b4cd9a&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&来源：Medium&/p&&p&著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
&/p&&p&_______________________________________________________________________________&/p&&p&*译者注：第一次在知乎上发文章，竟然被举报了。本来放在底部的原作者信息及出处按要求放到了顶部。&/p&&p&&br&&/p&&p&
正文之前，两个问题 &/p&&figure&&img src=&https://pic1.zhimg.com/v2-688d9ff616bc81d844f7_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-688d9ff616bc81d844f7_r.jpg&&&/figure&&p&
哪个更圆？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-c0c0aa25cdba8a_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-c0c0aa25cdba8a_r.jpg&&&/figure&&p&
哪个更方？&/p&&p&&br&&/p&&p&本文作者9月13号在Medium上发表了这篇文章，15号就开始翻译了，一直拖到现在，期间网上已经出现了各种版本，这是另一个完全不权威很随心的版本。&/p&&ul&&li&&b&物理尺寸和视觉感知尺寸&/b&&/li&&li&&b&不同形状的正确布局&/b&&/li&&li&&b&完美的圆角&/b&&/li&&/ul&&p&&br&&/p&&p&&b&1、数学和视觉尺寸&/b&&/p&&p&哪一个尺寸更大？一个400px的正方形或者是一个400像素的圆形。几何学上来说，它们的宽度和高度是一样的。但是观察一下下面的图片，我们的眼睛能立即识别出正方形比圆形更重。顺便说一下，“重量”相关的词语更适合描述视觉效果。 &/p&&figure&&img src=&https://pic3.zhimg.com/v2-7ffaaf71af861e98fbc48_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-7ffaaf71af861e98fbc48_r.jpg&&&/figure&&p&以防你不相信我的话，下面是加上参考线和数值的版本。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3ecdd4ae2dfaf60c6ad54db860dcba97_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-3ecdd4ae2dfaf60c6ad54db860dcba97_r.jpg&&&/figure&&p&现在让我们再看一张图片，在视觉重量上，它们是一样的么？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-1fb459ebe12_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-1fb459ebe12_r.jpg&&&/figure&&p&对我来说，绝对是的。最起码很难立即说出哪一个更重。因为我把圆的直径增加了50px。 &/p&&figure&&img src=&https://pic2.zhimg.com/v2-c85d133e3ded9a4cac5c9a9_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-c85d133e3ded9a4cac5c9a9_r.jpg&&&/figure&&p&为了说明缘由，我把两张图重叠在一起。如下图，可以看出来，在“a”区域正方形比圆形更重，然而“b”区域圆形比正方形更重。左边的图中正方形能完全包裹圆形，右边的图中圆形和正方形是平衡的，没有谁能包裹谁，圆形和正方形都有四小片内容。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-c854a3ea0f4dc812e98aa6dd_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-c854a3ea0f4dc812e98aa6dd_r.jpg&&&/figure&&p&同样的菱形和三角形也有同样的效果。为了与正方形有一样的重量，它们需要变得更大。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-31ab20ebe_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-31ab20ebe_r.jpg&&&/figure&&p&那…重点来了。这和界面设计有什么关系？&/p&&p&当你设计一组icon的时候，所有的icon看起来视觉平衡是非常重要的，以确保没有icon太突出或者太小。如果直接将icon放入正方形中，越接近正方形的icon会看起来更大。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-625dfaef3e8e_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-625dfaef3e8e_r.jpg&&&/figure&&p&我推荐把视觉重量比较轻的icon稍微超过icon区域的边界，而视觉较重的icon则在区域中留下一部分空白区域。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-3b846136dab03d_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-3b846136dab03d_r.jpg&&&/figure&&p&以下是一些视觉平衡的icon案例&/p&&figure&&img src=&https://pic1.zhimg.com/v2-917a1e87cc13f24b9e26fb002bad4908_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-917a1e87cc13f24b9e26fb002bad4908_r.jpg&&&/figure&&p&图中很清楚的标明了为什么一个icon区域通常会比icon本身要大了—为了能让非方形的icon看上去更合适，看上去不比方形的icon小。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4ce752c085cb4f7cff4ec3_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-4ce752c085cb4f7cff4ec3_r.jpg&&&/figure&&p&最简单的检查方式是将icon模糊掉，如果模糊掉之后看上去或多或少是相似的斑点的话，它们就具有相同的视觉重量。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f0bae2a418_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-f0bae2a418_r.jpg&&&/figure&&p&但有时候我们需要与现有的图形打交道，比如：社交网络的logo会经常被用来作为分享或者喜欢的按钮。Facebook和Instagram的icon是方形的，而Twitter则是一个小鸟的剪影，Pinterest则是一个被圆形包裹的P字母。所以将它们放在一起的时候，Twitter和Pinterest的icon会可以放大一些，这样这一排icon看上去就一样大了。 &/p&&figure&&img src=&https://pic1.zhimg.com/v2-8ed87ef5d4bef6b0a6c1c5b_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-8ed87ef5d4bef6b0a6c1c5b_r.jpg&&&/figure&&p&另一个情景是当输入框和圆形的按钮放置在一起的时候如果按钮的直径和输入框的高度一致的话，按钮会看上去显得小一点，但如果将圆形按钮放大一点，整个组合会看上去协调很多。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-44eedafbdcd34c0335ebb8_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-44eedafbdcd34c0335ebb8_r.jpg&&&/figure&&p&换一个情况，如果改变按钮的样式，可能就不需要放大按钮了。如下图，按钮和输入框都是80px高，右边的按钮看上去明显与输入框更和谐一些。&/p&&p&&br&&/p&&p&&b&需要记住的几点：&/b&&/p&&ul&&li&视觉重量是人眼感知物体的尺寸和意义的方式，它不必和实际的物理尺寸相同；&/li&&li&圆形，菱形，正方形和其他非方形的形状需要更大以确保与方形的icon的视觉重量上一致；&/li&&li&Icon区域需要为视觉平衡留出一些空白区域，对于一组系列icon来说是非常有必要的。&/li&&/ul&&p&&br&&/p&&p&&b&2、不同形状的正确布局&/b&&/p&&p&逻辑上来说视觉分布是视觉平衡及视觉重量现象的延续。让我们看一下下面的条形。它们看上去是一样长么？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-460bc1f5c1a22f2ff375df4f3fa328fa_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-460bc1f5c1a22f2ff375df4f3fa328fa_r.jpg&&&/figure&&p&从像素单位上来说，当然是的。但是第一眼看上去的时候回感觉下面的条形比上面的短一些。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-eda652c713e500c96d77aac9ca4faaa0_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-eda652c713e500c96d77aac9ca4faaa0_r.jpg&&&/figure&&p&再看另一张图，有什么改变么？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7d25bfcd4a4ec1442eebb1d_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-7d25bfcd4a4ec1442eebb1d_r.jpg&&&/figure&&p&我稍微增加了一些下面条形的长度，让右侧尖的部分增长了20px，这样就可以弥补由于中间缺口，从而使得上下两条看上去“一样长”&/p&&figure&&img src=&https://pic4.zhimg.com/v2-076ae6dbbb79ecf6c88bbf2_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-076ae6dbbb79ecf6c88bbf2_r.jpg&&&/figure&&p&现在一起看一下更复杂的条形&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ea225a3d27ed2c42ee16c_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-ea225a3d27ed2c42ee16c_r.jpg&&&/figure&&p&举个例子，当你在设计一张在折弯的条形上放文字的海报时，或者只是放一些折线在产品卡片或者是在电商中使用的时候，需要注意它们是否达到了视觉平衡。尖锐的形状需要稍微超过一点主体形状，尤其是主体是长方形的情况下。 &/p&&figure&&img src=&https://pic2.zhimg.com/v2-05dd239eaf9d8da5b875_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-05dd239eaf9d8da5b875_r.jpg&&&/figure&&p&那当排布一些带有背景的文字或者段落时该怎么办呢。这取决于背景的视觉密度。如果背景比较轻，可以把段落排布与其他部分一致。（直接看图比较明显。）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-776a8acc1bb_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-776a8acc1bb_r.jpg&&&/figure&&p&当背景比较轻的时候，它不会打断整个文章的文字流。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-3babf5bf6fb6a56bf5b27_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-3babf5bf6fb6a56bf5b27_r.jpg&&&/figure&&p&另一种形式是增加一个深色的背景。在下图中，把黑色的背景排列的与文字的宽度相同，文字则在背景上缩进排列。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a81763d07dfdfb5de481eb_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-a81763d07dfdfb5de481eb_r.jpg&&&/figure&&p&与浅色的背景不同，深色的背景视觉重量很重，如果加背景的目的是想无缝的在文章流中加入一段文字，最好是像下图这样排列。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cb459cc1fc92ae11bc3e_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-cb459cc1fc92ae11bc3e_r.jpg&&&/figure&&p&同样的原理可以用在按钮和输入框的排列中。当然，这不是教条，只是基于视觉感知的界面。（Of course, it’s not a dogma, just the optics-based vision of an interface.）&/p&&figure&&img src=&https://pic2.zhimg.com/v2-cd54b77f62a8afff6cdf620_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-cd54b77f62a8afff6cdf620_r.jpg&&&/figure&&p&左边的文本输入框的浅色背景可以超出标签和输入的内容，可以注意到“send”按钮的右边和浅色背景的右边不是完全对齐的，因为按钮颜色比输入框颜色更深，从视觉感知上来说看上去更重。&/p&&p&再看右边，输入框有实线的边框，我将输入框与标签的文字对齐，而输入框内的文字则往里缩进了一些。“send”按钮有一边有三角，所以将按钮稍微往右边移动了一点。这样的话从视觉感知上来说，就看上去会比较平衡。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-087b4fced531d74f2ecf13ae9cf3072d_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-087b4fced531d74f2ecf13ae9cf3072d_r.jpg&&&/figure&&p&接下来看一下关于“分布”的另一个方面—文字和按钮形状的排列。观察一下下面的按钮，文字看上去在正中间不是么？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-4c48e599d18fbe9a8eae_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-4c48e599d18fbe9a8eae_r.jpg&&&/figure&&p&事实上，在右边的按钮中，我将文字往左边移动了一点，因为按钮的右侧是三角形，此外右边的按钮比左边宽40像素，以确保两个按钮在视觉感知上看上去一致。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ecacefc7cd4fab9f449bec_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-ecacefc7cd4fab9f449bec_r.jpg&&&/figure&&p&文字和背景不仅有水平方向的排布，同样也有垂直方向的排列。第一点我想表达的是这能运用在操作系统，网站，APP等不同介质的界面上。垂直方向是基于大写字母的高度（也叫做cap-height）的，所以“H”和“I”的高度一样。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-dcc0e012fbe_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-dcc0e012fbe_r.jpg&&&/figure&&p&基本上一个大写字母顶部和底部到按钮上下的空间是一致的。这很有用，因为按钮文字通常用与标题相似，首字母大写，而有些字母有突出的部分—字母有部分在上方的（l,t,d,b,k,h）；字母有部分在下方的（y,j,g,p）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-618e50d634dc_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-618e50d634dc_r.jpg&&&/figure&&p&还有一种处理方式是根据小写字母的高度（也叫x-height）来排列字母和按钮底色。在衬线体和无衬线体的字体中，字母”x”的高度是一样的。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a8aeb4e6babd138abaf3a2aa843342fb_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-a8aeb4e6babd138abaf3a2aa843342fb_r.jpg&&&/figure&&p&这样的排列方式同样有用，因为主要的视觉感知区域是小写字母集中的地方。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-c6eb447add74e70d95b3d1f4d77cecd3_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-c6eb447add74e70d95b3d1f4d77cecd3_r.jpg&&&/figure&&p&这两种方式有什么区别么？还真有，不过只是一点点。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-25dace34c63_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-25dace34c63_r.jpg&&&/figure&&p&下面有更多比较的例子。左边一列以cap-height（大写字母高度）为准排列的按钮更适合“cancel”和“OK”这样用的很多的按钮—因为“cancel”中没有字母有往下的小脚（descender…小翻实在能力有限），“OK”则全是大写字母。右边一列是以x-height（小写字母高度）为基准排列的，这一列中只有“Sync”这一个按钮比较合适，因为“Sync”在上下都有一部分字母的脚，此时“Cancel”和“OK”按钮看上去就不那么合适了。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-9cebe66bbf5_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-9cebe66bbf5_r.jpg&&&/figure&&p&这样的情况在带icon的按钮中也有一些差别。我们看下面的按钮，哪一个更加平衡？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ada7dfaba_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-ada7dfaba_r.jpg&&&/figure&&p&希望你有注意到左边那个有点不对劲。这是不同的排列方式导致的。第一种做法是将整个icon放置在一个方形的区域内。对于特定范围内来说，这是正确的做法，因为当把SVG或者PNG文件给到工程师的时候就是一个带有图形的方形的区域块。右边的则表示所有的尖角到圆形的边缘的距离是一致的。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7ac5e4d25bc68e04b93f5_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-7ac5e4d25bc68e04b93f5_r.jpg&&&/figure&&p&如果需要准备一个文件给开发，那么久需要预留一些空间，这样的话就能确保它能在视觉上保持平衡。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6d896cc7d00ffdd14422df2e_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-6d896cc7d00ffdd14422df2e_r.jpg&&&/figure&&p&同样的来看“Play”按钮，如果直接按照方形区域来排列，会出现下面的情况—看上去很奇怪。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-43a3f836fc66dcc1ee784_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-43a3f836fc66dcc1ee784_r.jpg&&&/figure&&p&如果想让他看上去更合适，可以将三角形放在圆形当中，然后调整圆形和底色图形的位置。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c889fb3a70c3791dcef17d_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-c889fb3a70c3791dcef17d_r.jpg&&&/figure&&p&&br&&/p&&p&&b&需要记住的点：&/b&&/p&&ul&&li&带有尖角的形状应该更大一点以确保和方形元素看起来一致；&/li&&li&基于cap-height来排列字母和按钮背景色是一种行之有效的方法；&/li&&li&将三角形的icon元素放置在方形的背景上，有效的做法是用一个圆圈包围住三角的元素。&/li&&/ul&&p&&br&&/p&&p&&b&3、圆角的处理（圆角≠倒角）&/b&&/p&&p&有什么能比圆角更圆？我曾经也以为没有。但如同我最开始说的，我们的眼睛是是非常不可思议的，有时候它不会像我们所以为的那样传递信息。所以，下面那张图看起来更圆？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7f42ff97_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-7f42ff97_r.jpg&&&/figure&&p&我之前问过的人大多会选择3或者4。1和2明显太瘦，5则显得太丰满，如果将3和4重叠在一起——会发现一个是几何意义上的圆形一个是优化过得圆形，第二个比第一个视觉上会稍微重一点，因此也看上去更圆一点。 &/p&&figure&&img src=&https://pic2.zhimg.com/v2-8fdb6bd57bbc_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-8fdb6bd57bbc_r.jpg&&&/figure&&p&为了进一步的说说明这是怎么回事，我排列了字母O在三种著名的的几何字体的情况——Futura，Circe和Geometria。这样高质量的字体是基于人类的视知觉优化的，并且运用了复杂的系统来优化视觉上的感受，希望它们的圆看上去比几何圆形更圆。这些字母有让你的眼睛更愉悦么？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-e2767fea16ce5df8b4a6_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-e2767fea16ce5df8b4a6_r.jpg&&&/figure&&p&如果在它们上面叠加一个几何圆形，即使是最接近几何圆的Futura也有四块超出几何圆形的地方。此外，Circe和Geometria的字母则在宽度上也比几何圆形更宽，及时他萌和真正的几何圆形有同样的高度和宽度，也能看到有四块炒出来的“小肚腩”，看上去像吃多了一样。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-d844cba1a531d36d191e2e_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-d844cba1a531d36d191e2e_r.jpg&&&/figure&&p&所以从视觉感知上来说，经过优化的圆形（右边的）会比一个几何圆形看上去更圆。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a374dde2df76ea262fdc9_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-a374dde2df76ea262fdc9_r.jpg&&&/figure&&p&那我们能怎么利用这一现象呢？当然是用在圆角中！如果直接用软件中默认的圆角工具—PS,AI,Sketch等…结果可能在视觉感知上不来说并不太好。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-44fdb4336682aabd00aa7ca8fef1b52b_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-44fdb4336682aabd00aa7ca8fef1b52b_r.jpg&&&/figure&&p&人的眼睛能立马看出来直线在哪里突然转成曲线，这样的圆角看上去并不太自然。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-cbb908102cfdadf16a32b_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-cbb908102cfdadf16a32b_r.jpg&&&/figure&&p&考虑到我们的视觉感知能力，我修复了这个问题。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-6c9f0e2833bdd4e2c8726_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-6c9f0e2833bdd4e2c8726_r.jpg&&&/figure&&p&这样的圆角在传统几何形圆角的基础上有一块额外的区域，来确保直线和曲线交界的地方不会那么明显。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-79e8c0cffa4_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-79e8c0cffa4_r.jpg&&&/figure&&p&尽可能体验一下两种不同处理方式的区别吧，看下图。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6eb9f5d992_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-6eb9f5d992_r.jpg&&&/figure&&p&现在可以将这种方法应用到圆形的按钮中了。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-b0e4b3bbd3c291d94a9f62f7cf943862_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-b0e4b3bbd3c291d94a9f62f7cf943862_r.jpg&&&/figure&&p&相信你已经注意到右边一列的按钮看上去有更顺滑的圆角，而且视觉效果更好。&/p&&p&APP的icon同理。我们不会简单的直接使用默认的几何圆角就能得到完美的结果。在深入讨论这个问题之前，让我们看一下两种不同的圆角形状：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-74db696c22c8a25be2861_b.jpg& data-rawwidth=&640& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-74db696c22c8a25be2861_r.jpg&&&/figure&&p&第一个是在Sketch中创建的圆角矩形，第二个则是“超椭圆”，也被叫做Lame曲线。是被一个叫做Gabriel Lamé的法国数学家基于数学公式从一个类四角星的形状变化而来的，看上去更圆。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-223fd56f9dd19c4b6e485ce3f3689ee8_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-223fd56f9dd19c4b6e485ce3f3689ee8_r.jpg&&&/figure&&p&Marc Edwards使用Lame的曲线创造除了一个顺滑的视觉效果完美的形状。从IOS7开始的ICON就是基于这个形状。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-1fee0e0fddeaed2a6dad8e50_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-1fee0e0fddeaed2a6dad8e50_r.jpg&&&/figure&&p&后来这个形状加上了黄金比例和网格，来指导设计师设计新的ICON。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cfddde69fce7b4cf65901dd_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-cfddde69fce7b4cf65901dd_r.jpg&&&/figure&&p&使用超椭圆的好处是能看上去更加的圆润。另一方面，这些非标准的形状要应用在实际的屏幕中是比较麻烦的。一方面要结合各种SVGs文件，一方面也需要加载一些公式和脚本或者是像APPLE处理APP ICON一样用PNG蒙版的方式。&/p&&p&对于设计过程本身来说，有一个简单的处理方法。只需要双击进入可调整贝塞尔曲线的状态，手动将两个圆角的控制杆拉近一点即可。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-b9a5303def_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-b9a5303def_r.jpg&&&/figure&&p&这样的效果在尖锐的角上会更明显，这在画线路或者是地铁路的时候很重要。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6d40bdc3e4465320ebbf1_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-6d40bdc3e4465320ebbf1_r.jpg&&&/figure&&p&&br&&/p&&p&&b&需要记住的点：&/b&&/p&&ul&&li&几何圆角看上去很生硬是因为人能轻易的分辨出直线和曲线交界的地方；&/li&&li&视觉效果完美的圆角需要特殊的公式或者手动调整一些细节&/li&&/ul&&p&&br&&/p&&p&&b&彩蛋&/b& &/p&&p&有时候一个不是完全准确的方形看上去会更“方“一点。你可能会觉得这有点胡说八道。所以你觉得下面哪个方形更”方“？ &/p&&figure&&img src=&https://pic2.zhimg.com/v2-4ce26a92b05_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-4ce26a92b05_r.jpg&&&/figure&&p&如果你选择左边的形状，那你可能完全相信自己的视觉感知能力。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7ec0a1eaad4a1d17cf46ce_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-7ec0a1eaad4a1d17cf46ce_r.jpg&&&/figure&&p&惊讶于人的视觉系统对物体的高度的感知敏感度会强于对宽度的敏感度。这就解释了为什么基于几何形状的字体，字母”O“通常会比实际的几何形状要宽，字母”H“的垂直高度通常比实际几何形状的要细。 &/p&&hr&&p&正文结束&/p&&p&译的时候就学到很多能直接拿来用的tips，感谢&/p&&p&原作者 Slava Shestopalov。、&/p&&p&&a href=&https://link.zhihu.com/?target=https%3A//medium.muz.li/optical-effects-9fca82b4cd9a& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&medium.muz.li/optical-e&/span&&span class=&invisible&&ffects-9fca82b4cd9a&/span&&span class=&ellipsis&&&/span&&/a&&/p&&p&&br&&/p&&hr&&p&09.26补充内容：&/p&&p&PS：有人说之前看到过这篇文章，的确在之前有几个不同的出处，包括某知名设计网站公众号，但平时个人就会在自己的公众号翻译一下自己感兴趣的内容，此篇在原作者文章发布（9月13号）后的第3天就开始翻译的事情，未参照任何其他平台的翻译内容，全凭自己大学四级的水平，翻译出来是为了自身加强对内容的理解，发布到平台上，也只是觉得它有用，而已。&/p&&p&附上自己印象笔记的截图。to举报的同学，就是来打你脸的。
&/p&&figure&&img src=&https://pic1.zhimg.com/v2-cc532a03f1f34d5da430a5_b.jpg& data-rawwidth=&1138& data-rawheight=&428& class=&origin_image zh-lightbox-thumb& width=&1138& data-original=&https://pic1.zhimg.com/v2-cc532a03f1f34d5da430a5_r.jpg&&&/figure&&p&&/p&
原作者：链接：来源：Medium著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 _______________________________________________________________________________*译者注：第一次在知乎上发文…
&figure&&img src=&https://pic1.zhimg.com/v2-3cffd718de3f3e8038a8d_b.jpg& data-rawwidth=&977& data-rawheight=&416& class=&origin_image zh-lightbox-thumb& width=&977& data-original=&https://pic1.zhimg.com/v2-3cffd718de3f3e8038a8d_r.jpg&&&/figure&&p&当初在大桥下约好一起数鸭子，后来竟眼睁睁看着煮熟的鸭子也飞走了。本届TI7国际邀请赛，中国DOTA2玩家的心情就像中国军团的战绩一样：坐了一趟过山车。伴随着一句“技不如人甘拜下风”，大家向Liquid战队抱拳祝贺并下定决心明年赢回来之后，便陷入了沉默。&/p&&p&但DOTA2内涵丰富，游戏本身还有非常多的东西值得大家思考。本文尝试对DOTA2的伤害指标，&b&做一些变革性的探索&/b&。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-01ec3a8c1d133fbb75e550_b.jpg& data-rawwidth=&658& data-rawheight=&472& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-01ec3a8c1d133fbb75e550_r.jpg&&&/figure&&p&目前的「伤害」指标，是游戏结束后官方给出的英雄伤害数据，这个数值表示英雄在整场比赛中对敌方英雄造成的伤害总和。部分玩家喜欢用它来评判选手的表现，TI7最后一场比赛刚结束，就有玩家截取了上图，以人马伤害全场最低为由，将kpii批判一番。&/p&&p&伤害指标真的能衡量选手的表现吗？这场比赛战败方Newbee战队拿下了17个人头，全队共打出92516点伤害，而拿下27个人头的Liquid战队却只打出了78467点伤害。如果伤害越高表现越好，那意思是NB战队打的更好咯？相信大家不会同意这个说法。&b&知乎上也有不少人提出质疑：英雄伤害并不能准确衡量英雄贡献。&/b&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4311afa879ef9ea463c920ad33c895e9_b.jpg& data-rawwidth=&454& data-rawheight=&281& class=&origin_image zh-lightbox-thumb& width=&454& data-original=&https://pic2.zhimg.com/v2-4311afa879ef9ea463c920ad33c895e9_r.jpg&&&/figure&&p&但这是官方唯一给出的伤害指标，我们不妨先给V社一个面子，就用它来评选TI7的伤害之王。TI7线下赛共192场比赛的统计结果是这样的：（只计入上场次数&=3的英雄）&/p&&figure&&img src=&https://pic2.zhimg.com/v2-485e7bed4b7e765e16f80d_b.png& data-rawwidth=&951& data-rawheight=&534& class=&origin_image zh-lightbox-thumb& width=&951& data-original=&https://pic2.zhimg.com/v2-485e7bed4b7e765e16f80d_r.jpg&&&/figure&&p&跑出这张图之后，我第一时间联系了几位职业选手。选手们抛出了两个疑问：&/p&&ul&&li&1胜2负的天穹守望者（胜率33%）和2胜7负的TK（胜率22%），本次TI7表现不佳、输的很惨，真的有脸叫伤害之王吗？&/li&&li&每次做伤害榜，好像都是这些英雄上榜，有点不讲道理。&/li&&/ul&&p&第一个问题涉及到伤害和比赛胜负的相关性，在找到更好的伤害指标作为参照之前，不敢妄下结论。我们先讨论第二个问题，众所周知，DOTA2是一款平衡性非常出色的游戏，冰蛙“锄强扶弱”的更新理念让DOTA2呈现出一代版本一代神的发展规律。&b&上个版本的热门英雄，这个版本被砍一刀就抬不起头，伤害排行榜怎么可能被几名英雄长期霸占呢？&/b&&/p&&p&但职业选手的话还是要听的。为此，我按时间顺序统计了近一年来所有国际性大赛（TI6、波士顿秋季特锦赛、亚洲邀请赛、基辅春季特锦赛、TI7）的数据。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ad41d9acae94b4bdc9d58d_b.jpg& data-rawwidth=&1031& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&1031& data-original=&https://pic2.zhimg.com/v2-ad41d9acae94b4bdc9d58d_r.jpg&&&/figure&&p&职业选手诚不欺我！&b&一年过去了，DOTA2游戏版本从v6.88变成v7.06，但伤害最高的英雄却始终不变：TK、火枪、小娜迦&/b&。这TM就尴尬了呀，这些英雄不管胜率高低、表现如何，每次都能登上伤害榜，反过来不就说明了这个官方伤害指标没啥x用吗？（注：TK在波士顿秋季赛上只出场过一次，未能上榜。否则就全勤了···）&/p&&p&以上榜次数最多的TK为例，这个英雄在上述各大赛事中的胜率均低于40%（常见胜率的是20%左右），可以说是非常可怜了。凭什么制霸伤害榜！&/p&&figure&&img src=&https://pic4.zhimg.com/v2-39b40daca49a7_b.jpg& data-rawwidth=&815& data-rawheight=&380& class=&origin_image zh-lightbox-thumb& width=&815& data-original=&https://pic4.zhimg.com/v2-39b40daca49a7_r.jpg&&&/figure&&p&&b&原因只有一个：TK的技能决定了他容易打出伤害。&/b&优势局，把敌方堵在高地，“刷刷”两发导弹打出高额伤害，然后放个大招再来一次；劣势局，被敌方堵在高地，仍然是“刷刷”两发导弹打出高额伤害，然后放大招再来几次...&/p&&p&与之相反，有些英雄（小狗、拍拍熊、小鱼人）打出伤害的条件就非常苛刻：需要找准切入时机接近敌人、需要一下一下锤出伤害不被放风筝、需要队友配合给上控制，有时候甚至还需要对手配合...&/p&&p&&b&所以，官方给出的伤害指标，更多的反映了英雄打出伤害的容易程度（冰蛙决定），而没有考虑伤害的作用效果（选手决定）。&/b&比如宙斯这个英雄，选择一个绝佳的时机放大3杀，和利用大招开视野，在伤害数值上并没有区别。喜欢打篮球的朋友，有没有觉得这个伤害指标更像篮球中的“出手次数”，而不是“进球数（得分）”？&/p&&figure&&img src=&https://pic4.zhimg.com/v2-77d1a05f0b7dfc9c99c2c3f_b.jpg& data-rawwidth=&661& data-rawheight=&504& class=&origin_image zh-lightbox-thumb& width=&661& data-original=&https://pic4.zhimg.com/v2-77d1a05f0b7dfc9c99c2c3f_r.jpg&&&/figure&&p&如果每场NBA球赛结束，只告诉你每个球员出手几次，就是不告诉你进了几个球（得了多少分，几个三分球...），你肯定觉得这是在耍流氓。&b&对的，我认为V社只给出颗粒度如此粗的伤害数据，就是在耍流氓&/b&。&/p&&p&那么，目前的伤害指标应该如何拆分？怎样的伤害指标才能更准确的衡量英雄贡献呢？我一年前思考这个问题的时候，想到了根据伤害造成的结果对伤害进行分类的方法：&/p&&ol&&li&消耗伤害：没有造成敌方英雄阵亡的伤害。（比如：对线消耗、残血逃生）&/li&&li&致命伤害：在击杀\助攻中贡献的伤害。&/li&&/ol&&p&想到了拆分方法之后，接下来的事情就是计算指标、验证指标。然而官方并未提供获取详细伤害信息的API接口，靠人工看录像的方式进行统计显然不现实。说来也巧，当时DOTABUFF网站正好上线了新功能“kills”，里面包含了比赛所有击杀的详细信息。（令人欣喜的是，他们在GitHub上开源了录像解析器——manta，然后我研究生又是计算机专业~）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-daec800ed40ecb_b.jpg& data-rawwidth=&912& data-rawheight=&469& class=&origin_image zh-lightbox-thumb& width=&912& data-original=&https://pic1.zhimg.com/v2-daec800ed40ecb_r.jpg&&&/figure&&p&以上图为例，5分10秒，虚空、沙王、VS合力击杀了蜘蛛。在此次击杀中，三名英雄分别贡献了268、255、186点伤害。&b&累加英雄在每一次击杀\助攻中贡献的伤害，得到新的伤害指标——「致命伤害」&/b&。（注：用官方提供的全量伤害减去致命伤害，可以得出「消耗伤害」）&/p&&p&我之前喜欢把这个指标叫做“致死伤害”，但是引起了误会：很多读者把它理解成抢人头的最后一击伤害。非也！致命伤害计入击杀\助攻过程中的所有伤害。具体的计算规则可以参考DOTA2 WIKI的助攻机制，如果你懒，可以简单的理解为计入死亡前20秒受到的伤害。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-300a2d5ccec24ec36f0e_b.jpg& data-rawwidth=&1027& data-rawheight=&367& class=&origin_image zh-lightbox-thumb& width=&1027& data-original=&https://pic3.zhimg.com/v2-300a2d5ccec24ec36f0e_r.jpg&&&/figure&&p&有了致命伤害这个新指标之后，我们再回头看TI7的最后一场比赛。队伍层面，获胜方Liquid比NB高出1万4千点致命伤害（毕竟赢了嘛，人头也多10个）；英雄层面，2W致命伤害的剑圣和1W致命伤害的DP是两个队伍的中流砥柱，&b&有没有更符合大家看比赛时的直观感受？&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c98e666bae9b99edae3e7ed0_b.jpg& data-rawwidth=&811& data-rawheight=&647& class=&origin_image zh-lightbox-thumb& width=&811& data-original=&https://pic1.zhimg.com/v2-c98e666bae9b99edae3e7ed0_r.jpg&&&/figure&&p&一场比赛不能说明问题，我们用最近一年600多场国际大赛来验证：致命伤害指标和官方伤害指标相比，哪一个和比赛胜负的相关性更大？&/p&&ul&&li&官方伤害指标：651场比赛中，获胜方总伤害大于战败方总伤害的比赛有560场，比例为86.0%。&/li&&li&致命伤害指标：651场比赛中，获胜方总致命伤害大于战败方总致命伤害的比赛有613场，比例为94.2%。&/li&&/ul&&p&从直方图中可以更直观的得出结论：&b&与官方伤害指标相比，致命伤害指标和比赛胜负的相关性更大，更能反映英雄贡献&/b&。（注：直方图的横坐标为获胜方伤害-战败方伤害）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-f57b0b25a5fefa965c93de32a6e8afcc_b.jpg& data-rawwidth=&1291& data-rawheight=&544& class=&origin_image zh-lightbox-thumb& width=&1291& data-original=&https://pic1.zhimg.com/v2-f57b0b25a5fefa965c93de32a6e8afcc_r.jpg&&&/figure&&p&所以，更准确的TI7输出之王其实是这样的：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-a8fd31dcee2_b.jpg& data-rawwidth=&951& data-rawheight=&534& class=&origin_image zh-lightbox-thumb& width=&951& data-original=&https://pic3.zhimg.com/v2-a8fd31dcee2_r.jpg&&&/figure&&p&“一代版本一代神”其实是这样的：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-3cffd718de3f3e8038a8d_b.jpg& data-rawwidth=&977& data-rawheight=&416& class=&origin_image zh-lightbox-thumb& width=&977& data-original=&https://pic2.zhimg.com/v2-3cffd718de3f3e8038a8d_r.jpg&&&/figure&&p&此外，把官方伤害指标拆分成致命伤害和消耗伤害之后，一维变二维，可以做的事情就更多了。以后有机会，再找时间和大家交流。&/p&&p&我已经整整一年没有玩DOTA2了（以前周末打游戏，现在改成做分析），如果V社真的能采纳这个意见，拆分赛后总结中的伤害指标，建立更完善、更准确的指标体系，那真是比我自己玩DOTA2还要开心呢~&/p&&p&几点说明：&/p&&ol&&li&只给英雄伤害榜单，不给选手伤害榜单，是因为：选手可以使用不同的英雄，对选手伤害数据求平均值并不靠谱。比如B神操作了两局游戏，一局用敌法，一局用VS，两局均发挥出色（敌法和其他敌法比较、VS和其他VS比较），如果求平均值，就变味了。&/li&&li&我建议V社把伤害指标拆分成致命+消耗，而不是用致命伤害去替代现有指标。（消耗伤害也有意义）&/li&&li&英语好的朋友，可以自由翻译到国外论坛。&/li&&li&很多朋友一直纠结：DOTA2太复杂，推断性统计对DOTA2是否有意义？我觉得吧，DOTA2虽然有些年头了，但作为竞技体育来讲还是很年轻的，数据方面还有很多基础性的工作要做（比如：建立更完善的指标体系）。所以，与其感慨路难行，不如马上出发。欢迎交流~&/li&&li&其他moba游戏也适用致命输出这个概念。不过据我了解，其他moba游戏的数据开放程度并不大，玩家的数据意识也不强。不知道什么时候能学到了···&/li&&li&如果这篇文章达到了你的付费标准，可以考虑打赏。&/li&&/ol&
当初在大桥下约好一起数鸭子，后来竟眼睁睁看着煮熟的鸭子也飞走了。本届TI7国际邀请赛，中国DOTA2玩家的心情就像中国军团的战绩一样：坐了一趟过山车。伴随着一句“技不如人甘拜下风”，大家向Liquid战队抱拳祝贺并下定决心明年赢回来之后，便陷入了沉默。…
&h2&Python 基础&/h2&&p&当你学到 Django 的时候，我们默认你已经有了 Python 基础。如果你没有 Python 基础，或者认为自己还需要在 Python 基础上多花一些时候，你可以选择从以下三本书着手。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/%25E5%259B%25BE%25E4%25B9%25A6/dp/B01ION3VWI/ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dpython%2Bcrash%2Bcourse& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Python编程 从入门到实践》&/a& （&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Python-Crash-Course-Hands-Project-Based/dp//ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dpython%2Bcrash%2Bcourse& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Python Crash Course: A Hands-On, Project-Based Introduction to Programming&/a&）这本书的作者就是 Django 项目的维护者之一。本书在学习 Python 基础的同时，可以学到一些 Python 的最佳实践（当然谈到最佳实践，有更多的进阶书籍的选择）。推荐本书的另一个原因是书籍质量不错，在美国亚马逊的 Python programming 排行榜上荣获“Best seller“，194个读者综合评分为4.4的高分（满分5分）。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/%25E5%259B%25BE%25E4%25B9%25A6/dp/B00P6OJ0TC/ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dpython%2B%25E7%25AC%25A8%25E5%258A%259E%25E6%25B3%2595& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《&笨办法&学Python(第3版)》&/a& (&a href=&//link.zhihu.com/?target=https%3A//learnpythonthehardway.org/book/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Learn Python the Hard Way&/a&) 这本书简称“LPHW”，是经久不衰的 Python 入门书。本书强调的是肌肉记忆，强调的是编程犹如弹吉他，需要亲手实践、加强肌肉记忆。如果你对编程也没有太多概念，这本书会比较轻松的带你入门，增强你的编程自信心。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/%25E5%259B%25BE%25E7%%25E7%25A8%258B%25E5%25BA%258F%25E8%25AE%25BE%25E8%25AE%25A1%25E4%25B8%259B%25E4%25B9%25A6-Python%25E5%259F%25BA%25E7%25A1%%E7%25A8%258B-%25E8%25B5%25AB%25E7%%25E5%/dp/B00KAFX65Q/ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dpython%2Bnovice& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Python 基础教程》&/a&(&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/Beginning-Python-From-Novice-to-Professional-Hetland-Magnus-Lie/dp//ref%3Dsr_1_4%3Fie%3DUTF8%26qid%3D%26sr%3D8-4%26keywords%3Dpython%2Bnovice& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Beginning Python: From Novice to Professional&/a&) 如果在这三本中选一本必看的基础书，个人更偏好、也更推荐这一本。作者对基础知识的讲解清晰明了，内容简单但是并不肤浅。讲解过程通畅，基本不存在费解的情况。代码小片段实例比比皆是，马上就可以动手实践来理解概念，可以让人更容易记得住，学习的效果也是相当好。较深的概念有延展的接口，提供方向供后期自己去扩展。值得一提的是，目前这本书中文翻译是仍然是&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Beginning-Python-Novice-Professional-Experts/dp//ref%3Dsr_1_2%3Fie%3DUTF8%26qid%3D%26sr%3D8-2%26keywords%3Dbeginning%2BPython%253A%2Bfrom%2Bnovice%2Bto%2Bprofessional& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&2009年英文版的 Python 2.7&/a&，而今年（2017年）4月Apress出版社继续推出了&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Beginning-Python-Professional-Magnus-Hetland/dp//ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Dbeginning%2BPython%253A%2Bfrom%2Bnovice%2Bto%2Bprofessional& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&该书最新的第三版&/a&，已经使用 Python 3 的版本（暂无中文版）。作者 Magnus Lie Hetland 在 2006 年开始写作第一版至今，时隔11年还能继续推出最新版，而且内容质量靠谱，实在难能可贵。&/li&&/ul&&h2&Django 与 Python 开发环境问题&/h2&&p&&b&注意：&a href=&//link.zhihu.com/?target=https%3A//en.wikipedia.org/wiki/Django_%28web_framework%29& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&目前在维护 Django 版本&/a&为：Django 1.8（长期支持版，LTS），Django 1.10，Django 1.11（最新版，长期支持版，LTS，也是最后一个支持 Python2的版本）。&/b&&/p&&p&如果学习资料是这些版本以前的版本，比如 Django 1.7，则不建议再学习已经过时的资料。对于书籍是否已经过时，Two Scoops 的作者 Daniel R. Greenfeld（也是Django的项目维护者）有一个书籍清单供参考（&a href=&//link.zhihu.com/?target=https%3A//www.twoscoopspress.com/pages/current-django-books& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Current Django Books&/a&）。&/p&&p&Django 的版本以及 Python 开发环境至关重要，请在最开始学习 Django 的时候就引起重视。由于 Python、Django以及其他第三方包的版本不同，有时候会产生与学习资料不一样的结果。建议学习过程中注意两点：&/p&&ul&&li&为每一个项目建立虚拟环境，建立相对独立的开发环境&/li&&li&严格按照学习资料的版本进行开发。注意是 Python 2 还是 Python 3，Django 的版本、以及第三方包的版本号。&/li&&/ul&&h2&Django 基础&/h2&&h2&1. 视频&/h2&&p&推荐使用慕课网的两门免费在线视频课程作为入门：&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/458& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&django初体检&/a&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.imooc.com/learn/790& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&django入门与实践&/a&&/li&&/ul&&p&这两门课基本涵盖了 Django 最核心、同时也是最常用的部分，他们会给你建立一个 Django 的整体概念，便于消除你对 Django 的陌生感和恐惧感。&/p&&p&如果想进一步详细的了解 Django，有个综合性的教程名叫&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//django-practice-book.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Django 企业开发实战》&/a&&/li&&/ul&&p&该教程包含 gibbook 电子书（免费）以及视频部分（收费）。该教程之所以比较推荐，作者是搜狐的胡阳（&a href=&//link.zhihu.com/?target=https%3A//www.the5fire.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&博客地址&/a&）。阳哥长期在搜狐大量实际使用 Django，而且对源码比较熟悉，所以该教程讲得深入浅出，有不少独到的见解。&/p&&h2&2. 文档&/h2&&p&在有了视频的感性认识之后，建议马上阅读完 Django 文档的新手入门6个部分的内容，并亲手实践让代码能跑起来。文档是最权威也是最全面的 Django 参考资料。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//docs.djangoproject.com/en/1.11/intro/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Getting started&/a& Django 1.11 英文原版文档的新手入门部分。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//wizardforcel.gitbooks.io/django-chinese-docs-18/content/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django 中文文档 1.8&/a& Django 1.8 的中文文档（gitbook在线书）。&/li&&/ul&&h2&3. 书籍与博客&/h2&&h2&3.1 英文&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Mastering-Django-Core-Complete-Guide-ebook/dp/B01KR6F4Z2/ref%3Dpd_sim_351_1%3F_encoding%3DUTF8%26psc%3D1%26refRID%3DFGPD50FMR491T393ZV8K& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mastering Django: Core: The Complete Guide to Django 1.8 LTS&/a& 这本书就是大名鼎鼎的 Django Book 的最新版本。本书前7章是连贯的学习教程，可作为入门教材，后面的章节以讲解概念为主。&a href=&//link.zhihu.com/?target=http%3A//djangobook.py3k.cn/2.0/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《中文版的 Django Book》&/a& 使用的是 Django 1.1 版本，已经严重过时，中文版本仅供参考。作者的主页是 &a href=&//link.zhihu.com/?target=http%3A//djangobook.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&djangobook.com&/a&。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Hello-Web-App-Tracy-Osborn/dp/%3Ftag%3Dtsp0c2-20& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hello Web App&/a& 作者之前主要从事前段工作，以一个新手的视角来完成本书。整书叙述流畅，以及跟着书完成代码。作者还有一本后续的书籍 &a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Hello-Web-App-Intermediate-Concepts/dp//ref%3Dpd_bxgy_14_2%3F_encoding%3DUTF8%26pd_rd_i%3D%26pd_rd_r%3D9PT5VMN8HB8TZ0NH9HTP%26pd_rd_w%3Dsw4hX%26pd_rd_wg%3DLsbKy%26psc%3D1%26refRID%3D9PT5VMN8HB8TZ0NH9HTP& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hello Web App: Intermediate Concepts&/a& ，内容稍微深一些。&/li&&/ul&&p&另外有人也经常推荐以下内容，供参考：&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/gp/product/B01N91N65Y/%3Ftag%3Dtsp0c2-20& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tango With Django: A beginner's Guide to Web Development With Python / Django 1.9&/a& 值得注意的是这本书被列为 Two Scoops 的作者列为过时书籍。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//tutorial.djangogirls.org/en/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django Girls Tutorial&/a& Django Girl严格来说已经相当于是一个商业组织，因为该组织在卖周边、做培训，但是入门教程还是不错的，内容基本与 Tango with Django 类似。最近还推出该入门教程的&a href=&//link.zhihu.com/?target=https%3A//djangogirls.gitbooks.io/django-girls-tutorial-extensions/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&扩展部分&/a&。&/li&&/ul&&h2&3.2 中文&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//code.ziqiangxuetang.com/django/django-tutorial.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&自强学堂：Django 教程&/a& 内容详实免费。值得一提的是作者使用 Django 建站，完全是在实践 Django 的使用，而且作者从2015年至今一直在根据 Django 版本升级而更新教学内容，从最初的 Django 1.6 更新到了 Django 1.10。作者称最新版本的 Django 1.11 内容马上就要推出。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//tutorial.djangogirls.org/zh/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django Girls 教程&/a& Django Girls 的中文版，使用 Django 1.8。&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//zmrenwu.com/%3Fpage%3D5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&追梦人物的博客&/a& 以 Django 1.10 为基础开发博客到部署的完整教程。&/li&&/ul&&h2&Django 进阶&/h2&&h2&1. 视频&/h2&&p&中文视频内容有很多，但是从内容的深度、广度、教学实践、教学质量来看，推荐慕课网的强力 Django 内容。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//coding.imooc.com/class/78.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&强力django+杀手级xadmin打造上线标准的在线教育平台&/a& 慕课网付费课程。虽然收费，但是课程质量上佳。内含一个 refresh 的小项目和一个较大的系统项目，涉及 Django 的内容较广，完成后可以达到上线标准。常被誉为“Django课程的良心之作”。&/li&&/ul&&p&英文视频中，美国的 Justin Mitchel 长期专注于做 Django 培训。他的部分教学视频也放在 YouTube 上。推荐三门系列课程，分别是完成一个基本博客，增加复杂功能，到使用 django-rest-framework。内容详实，值得一看。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Fv%3DyfgsklK_yFo%26list%3DPLEsfXFp6DpzQFqfCur9CJ4QnKQTVXUsRy& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Try Django 1.9&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Fv%3DVp7Oa7nAXJ4%26list%3DPLEsfXFp6DpzQB82YbmKKBy2jKdzpZKczn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Advancing the Blog&/a&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Fv%3DXMu0T6L2KRQ%26list%3DPLEsfXFp6DpzTOcOVdZF-th7BS_GYGguAS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Blog API with Django Rest Framework&/a&&/li&&/ul&&h2&2. 书籍&/h2&&ul&&li&Two Scoops of Django：目前有两个版本 &a href=&//link.zhihu.com/?target=https%3A//www.twoscoopspress.com/products/two-scoops-of-django-1-11& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Two Scoops of Django: Best Practices for Django 1.11&/a& 和 &a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Two-Scoops-Django-Best-Practices/dp//ref%3Dpd_bxgy_14_img_3%3F_encoding%3DUTF8%26pd_rd_i%3D%26pd_rd_r%3DFJBAW39ZPPH73AXZQRP0%26pd_rd_w%3DqPOZk%26pd_rd_wg%3DcaiaO%26psc%3D1%26refRID%3DFJBAW39ZPPH73AXZQRP0& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Two Scoops of Django: Best Practices for Django 1.8&/a& 。这本书在 Django 的名气也是非常大，基本可以说影响过大多数 Django 开发人员，如果要进阶称为 Django 专业开发者，这本书是绕不过去的必看书籍。内容主要涵盖 Django 的最佳实践。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Django-Example-Antonio-Mele/dp//ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3Ddjango%2Bby%2Bexample& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django By Example&/a& 在进阶的课程中，本书算是不错的。虽然一些章节（比如第7章）部分代码仍然存在 bug，但是一方面作者正在该书主页不断进行代码更正，另一方面也是对中国读者最好的是，这本书已经由同在简书的 &a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/u/390b6edb26a8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&@夜夜月&/a& 进行了全书翻译：&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/c/a1fbca21af87& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Django By Example》中文版&/a&。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Django-Unleashed-Andrew-Pinkham/dp//ref%3Dpd_sim_14_13%3F_encoding%3DUTF8%26pd_rd_i%3D%26pd_rd_r%3DFJBAW39ZPPH73AXZQRP0%26pd_rd_w%3Dqkuw5%26pd_rd_wg%3DcaiaO%26psc%3D1%26refRID%3DFJBAW39ZPPH73AXZQRP0& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Django Unleashed&/a& 内容覆盖较广，很多内容在其他书籍中并没有提及，比如密码的hash与加密等。但是没有实战项目。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/Python-Web%25E5%25BC%%258F%%25B5%258B%25E8%25AF%%25A9%25B1%25E5%258A%25A8%25E6%%25E6%25B3%%258F%%25A5%25BF%25E7%%25E5%25B0%2594/dp/B016I9T8SQ/ref%3Dsr_1_fkmr0_3%3Fie%3DUTF8%26qid%3D%26sr%3D8-3-fkmr0%26keywords%3D%25E6%25B5%258B%25E8%25AF%%25A9%25B1%25E5%258A%25A8%25E5%25BC%%258F%2591%2Bdjango& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《Python Web 测试驱动方法》&/a& 虽然测试驱动的开发方法（Test-Driven Development，TDD）并不是每个项目都会采用，但是测试的思想与方法还是值得去掌握。Python 作为一门动态语言，没有静态类型检测的情况下，测试的重要性就显得尤为重要。本书使用 Django 的整个开发流程作为实例，作者不仅讲了开发过程单元测试和 Selenium 测试，同时也把部署的内容也覆盖到。内容始于 Django，但不仅仅是 Django，相信使用其他框架的 Python 开发者也可以从中获益匪浅。&/li&&/ul&&h2&3. 博客&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//simpleisbetterthancomplex.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vitor Freitas: Simple is better than complex&/a& 作者是旅居芬兰的巴西人，博客上有76篇关于 Python、Django 以及网络开发的文字。文章质量较高，可以邮件订阅。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//mozillazg.github.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Huang Huang 的博客&/a& 之所以提到这个博客，主要因为作者认真写了三篇关于《High Perfomance Django》的阅读笔记：&a href=&//link.zhihu.com/?target=https%3A//mozillazg.github.io/2015/09/high-performance-django-note-1.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&笔记一&/a&、&a href=&//link.zhihu.com/?target=https%3A//mozillazg.github.io/2015/09/high-performance-django-note-2.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&笔记二&/a&、&a href=&//link.zhihu.com/?target=https%3A//mozillazg.github.io/2015/09/high-performance-django-note-3.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&笔记三&/a&。从数据库优化、缓存、容灾、后台视图完善，这些一点一滴的内容都是 Django 项目开发过程中迟早会遇到的瓶颈，看一下这些内容也许就会对后面的解决方案有更深的理解。比如&a href=&//link.zhihu.com/?target=http%3A//xiaorui.cc//%25E8%25AF%259D%25E8%25AF%25B4django-orm%25E6%25A8%25A1%25E5%259E%258B%25E4%25B8%25BA%25E4%25BB%%25B9%%25AF%%258E%259F%25E7%E7%259A%2584mysqldb%25E6%/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&『话说Django orm性能为什么比原生的mysqldb慢』&/a&这篇文章就遇到了后台报表页面打开很慢的坑，这也是完善提高 Django 性能的地方。&/li&&/ul&&h2&Django RESTful API&/h2&&p&Django 的 REST 化主要是两个第三方包：&a href=&//link.zhihu.com/?target=http%3A//www.django-rest-framework.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&django-rest-framework&/a& 和 &a href=&//link.zhihu.com/?target=https%3A//github.com/django-tastypie/django-tastypie& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&django-tastypie&/a&。虽然后者开发时间较早，但是最推荐的是前者，即 django-rest-framework。该框架内容更全，调试也方便。&/p&&h2&1. 文档&/h2&&p&django-rest-framework 的文档分为英文和中文。英文就是原版的网站，中文有两个作者的翻译，但都是只翻译了入门部分。&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//www.django-rest-framework.org/tutorial/quickstart/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&英文版文档&/a&&/li&&li&中文文档有两个，可以对照看：&a href=&//link.zhihu.com/?target=http%3A//www.hi-roy.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中文文档 Roy 版本&/a& 以及 &a href=&//link.zhihu.com/?target=https%3A//whatwewant.gitbooks.io/django-rest-framework-tutorial-cn/content/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中文文档 Eason版本&/a&。&/li&&/ul&&h2&2. 视频&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//coding.imooc.com/class/131.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vue+Django REST framework 打造生鲜电商项目&/a& 可能是目前中文 Django 教学视频中最好的课程，教学时间长度与内容都有相当的保证。视频作者 Bobby 详细阐述了自己对的 Django 的理解，可以让人知道多种递进式 rest API 开发方式。得益于 Bobby 精益求精的态度，个人觉得干货的程度即使与国外的内容比较也是不逞多让。另外再加上与 Vue 前端的整体交互综合开发，已经可以初步满足一个中小企业的网络解决方案。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.udemy.com/django-python/learn/v4/overview& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Build Your Own Backend REST API using Django REST Framework&/a& 作者是英国人 Mark Winterbottom，编程专业，而且讲课细致到位。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.youtube.com/watch%3Fv%3DXMu0T6L2KRQ%26list%3DPLEsfXFp6DpzTOcOVdZF-th7BS_GYGguAS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Blog API with Django Rest Framework&/a& 仍然是之前提到的美国人 Austin Mitchel 的 YouTube 课程。&/li&&/ul&&h2&3. 书籍与博客&/h2&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.amazon.cn/%25E5%259B%25BE%25E4%25B9%25A6/dp/B01M4S72G0/ref%3Dsr_1_1%3Fie%3DUTF8%26qid%3D%26sr%3D8-1%26keywords%3D%25E8%25BD%25BB%25E9%E7%25BA%25A7%2Bdjango& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《轻量级Django》&/a& 英文版是&a href=&//link.zhihu.com/?target=https%3A//www.amazon.com/Lightweight-Django-Using-WebSockets-Backbone/dp/X/ref%3Dsr_1_1%3Fs%3Dbooks%26ie%3DUTF8%26qid%3D%26sr%3D1-1%26keywords%3Dpython%2Blightweight& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Lightweight Django: Using REST, WebSockets, and Backbone&/a&，严格来说这不是一本完全讲 rest-framework 的书，而是讲解如何从传统的 Django 过渡到前后端分离 Django 。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.ama}
我要回帖
更多关于 simcity完美布局样板 的文章
更多推荐
- ·请问如何用Excel一个单元格内怎么换行逗号左侧数据除逗号右侧数据？
- ·龙腾战国龙战八荒传奇手游官网游戏介绍
- ·想做个嵌入式板子Linux板子玩玩，推荐用什么芯片？
- ·ASP动态网站开发技术有哪些与应用内容简介
- ·捕鱼达人能赢话费的捕鱼游戏有哪些
- ·实况足球2016最新补丁5最新补丁有哪些新上的娱乐项目？
- ·传奇3僵尸洞哪里刷野尸王的尸王是不是可以爆魔法盾之类的高级书？
- ·淘宝上卖的游戏穿越火线在哪里改名字的cbk都是在哪里弄的啊
- ·绿澡矿需要多少镐力量玩客云怎么才能挖矿得动啊
- ·王者传奇道士收藏攻略3道士攻略（盛大新开的王者传奇道士收藏攻略3)
- ·九阴真经下山请教下阴和柔的区别~
- ·怎样的水平dnf多少伤害才能上天制作dnf飞机
- ·全民突击挑战奖励lols7没领到奖励如何补领
- ·快乐开心大赢家怎么下载领取金币
- ·英雄联盟的皮肤图片图片
- ·美盛象湖100游戏理财金币回收，联系扣516288203
- ·手游仙剑奇侠传酒剑仙谭剑仙用什么武将卡通图片
- ·coc疯娃联系方式，求求求
- ·如何快速把老版传奇官网版本传到服务器里面
- ·天天富翁道具合成公式菲欧娜合成公式
- ·ios7玩simcity史诗建筑一进游戏马上掉出来是什么情况？
- ·热血传奇多少年进如的宜家进入中国多少年？
- ·有没有免费加速器传奇私服加速器？
- ·另一个号为什么被封了
- ·昨天晚上我玩英雄联盟赢一把加25了一盘，姐姐石娟要我教她玩，她是小提琴演奏家，我怕教不好
- ·指尖刀塔淘手游外挂那位大神知道，求指导！！！！！
- ·木叶之伊鲁卡传奇传奇怎么升级禁术
- ·梦幻西游龙宫逆鳞加多少防御可以像金刚一样作用于多个人吗
- ·哪个帅？？哪个猥琐男
- ·一点通ios版的怎么注册ios日区账号注册
- ·天下三现在74卡地亚手镯无钻多少钱青阳号多少钱可以买？
- ·手游极速飞车电影中有狗怎么办？
- ·逆战个人技术流名片第一狙神雪飞竟技名片
- ·新区周边哪有卖废旧槽钢回收价格板的
- ·手机nba2k14梦幻星辰多人模式为什么掉出去
- ·部落冲突卖号平台9本后期可以卖多少钱
