仅仅60代码，下面是一个俄罗斯方块游戏，直接拿去复制保存为html文件即可开玩。&br&这是我见过最短小精悍，优化到极致的代码。&br&&br&------分割线-------&br&&br&&!DOCTYPE html&&br&&html&&head&&meta http-equiv=&Content-Type& content=&text/ charset=GBK&&&/head&&body&&br&&div id=&box& style=&width:252font:25px/25px 宋体;background:#000;color:#9f9;text-shadow:2px 3px 1px #0f0;&&&/div&&br&&script&&br&var map=eval(&[&+Array(23).join(&0x801,&)+&0xfff]&);&br&var tatris=[[0x6600],[0x],[0xc600,0x2640],[0x6c00,0x4620],[0xe0,0x],[0x,0x0],[0x,0x0]];&br&var keycom={&38&:&rotate(1)&,&40&:&down()&,&37&:&move(2,1)&,&39&:&move(0.5,-1)&};&br&var dia, pos, bak,&br&function start(){&br&
dia=tatris[~~(Math.random()*7)];&br&
bak=pos={fk:[],y:0,x:4,s:~~(Math.random()*4)};&br&
rotate(0);&br&}&br&function over(){&br&
document.onkeydown=&br&
clearInterval(run);&br&
alert(&GAME OVER&);&br&}&br&function update(t){&br&
bak={fk:pos.fk.slice(0),y:pos.y,x:pos.x,s:pos.s};&br&
for(var i=0,a2=&&; i&22; i++)&br&
a2+=map[i].toString(2).slice(1,-1)+&&br/&&;&br&
for(var i=0,n; i&4; i++)&br&
if(/([^0]+)/.test(bak.fk[i].toString(2).replace(/1/g,&\u25a1&)))&br&
a2=a2.substr(0,n=(bak.y+i+1)*15-RegExp.$_.length-4)+RegExp.$1+a2.slice(n+RegExp.$1.length);&br&
document.getElementById(&box&).innerHTML=a2.replace(/1/g,&\u25a0&).replace(/0/g,&\u3000&);&br&}&br&function is(){&br&
for(var i=0; i&4; i++)&br&
if((pos.fk[i]&map[pos.y+i])!=0) return pos=&br&}&br&function rotate(r){&br&
var f=dia[pos.s=(pos.s+r)%dia.length];&br&
for(var i=0; i&4; i++)&br&
pos.fk[i]=(f&&(12-i*4)&15)&&pos.x;&br&
update(is());&br&}&br&function down(){&br&
++pos.y;&br&
if(is()){&br&
for(var i=0; i&4 && pos.y+i&22; i++)&br&
if((map[pos.y+i]|=pos.fk[i])==0xfff)&br&
map.splice(pos.y+i,1), map.unshift(0x801);&br&
if(map[1]!=0x801) return over();&br&
start();&br&
update();&br&}&br&function move(t,k){&br&
pos.x+=k;&br&
for(var i=0; i&4; i++)&br&
pos.fk[i]*=t;&br&
update(is());&br&}&br&document.onkeydown=function(e){&br&
eval(keycom[(e?e:event).keyCode]);&br&};&br&start();&br&run=setInterval(&down()&,400);&br&&/script&&br&&/body&&/html&&br&&br&&br&试玩地址&br&&a href=&///?target=http%3A///html/tetris/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/html/te&/span&&span class=&invisible&&tris/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
仅仅60代码，下面是一个俄罗斯方块游戏，直接拿去复制保存为html文件即可开玩。这是我见过最短小精悍，优化到极致的代码。------分割线-------&!DOCTYPE html&&html&&head&&meta http-equiv="Content-Type" content="text/ charset=GBK"&&/head&&body&…
&b&交互&/b&&p&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D5167& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《触动人心——设计优秀的iPhone应用》&i class=&icon-external&&&/i&&/a&&br&《点石成金:访客至上的网页设计秘笈》&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D1626& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《方寸指间:移动设计实战手册》&i class=&icon-external&&&/i&&/a&&br&《在你身边,为你设计:腾讯的用户体验设计之道》&br&《下一站:用户体验》&br&《设计之下:搜狐新闻客户端的用户体验设计》&br&《用户体验要素:以用户为中心的产品设计》&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D2678& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《设计心理学》&i class=&icon-external&&&/i&&/a&&br&《认知心理学》&br&《瞬间之美:Web界面设计如何让用户心动 》&br&《锦绣蓝图:怎样规划令人流连忘返的网站》&br&《About Face 3 交互设计精髓》&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D2753& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《精益设计:设计团队如何改善用户体验》&i class=&icon-external&&&/i&&/a&&br&《亲爱的界面o让用户乐于使用、爱不释手》&br&《UCD火花集》&br&《情感化设计》&br&《设计师要懂心理学》&br&《简约至上:交互式设计四策略》&br&《餐巾纸系列》&br&《移动设计》&br&《众妙之门:用户体验设计的秘密》&br&《交互设计沉思录》&br&《交互设计指南》&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D270& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《UI进化论:移动设备人机交互界面设计》&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D344& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《设计师要懂心理学》&i class=&icon-external&&&/i&&/a&&br&《破茧成蝶:用户体验设计师的成长之路》&br&《交互设计之路》&br&《移动设备交互设计》&/p&&b&&br&&br&产品&/b&&p&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D4111& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《女人的起源》&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D2573& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《失控:全人类的最终命运和结局》&i class=&icon-external&&&/i&&/a&&br&《定位:有史以来对美国营销影响最大的观念》&br&《赢在用户》&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D4978& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《九败一胜》&i class=&icon-external&&&/i&&/a&&br&《胜于言传：网站内容制胜宝典》&br&《结网》&br&《市场营销》&br&《水平营销》&br&《产品经理实战手册》&br&《Excel图表之道》&br&《产品经理的56个特征》&br&《罗伯特议事规则》&br&《别做正常的傻瓜》&br&《蓝海战略》&br&《美第奇效应》&br&《Web信息架构》&br&《人件》&br&《打破思维定势》&br&《决策与判断》&br&《学会提问——批判性思维指南》&br&《黑天鹅》&br&《社会性动物》&br&《统计数字会撒谎》&br&《维基经济学》&br&《未来是湿的》&br&《众包》&br&《轻公司》&br&《影响力》&br&《把时间当作朋友》&br&《当下的力量》&br&《少有人走的路》&br&《遇见未知的自己》&br&《浪潮之巅》&br&《精益创业:新创企业的成长思维》&br&《基业长青》&br&《启示录:打造用户喜爱的产品》&br&《长尾理论》&br&《设计中的设计》&br&《黑客与画家:硅谷创业之父Paul Graham文集》&br&《游戏改变世界》&br&《佐藤可士和的超整理术》&br&《禅与摩托车的维修技术》&br&《异类》&br&《走出IT作坊》&br&《敏捷迭代开发：管理者指南》&br&&b&《敏捷估计与规划》&/b&&br&&b&《跨越鸿沟》&/b&&br&&b&《公司进化论：伟大的企业如何持续创新》&/b&&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D4919& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《人人都是产品经理》&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D4761& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《产品经理20堂必修课》&i class=&icon-external&&&/i&&/a&&br&《从零开始做运营》&br&《产品经理的第一本书》&br&《产品经理的第二本书》&br&《颠覆医疗》&/p&&br&&br&&b&设计&/b&&p&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D1964& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《写给大家看的设计书》&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D1924& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《设计几何学:关于比例与构成的研究》&i class=&icon-external&&&/i&&/a&&br&《GUI设计禁忌》 &br&《八种日本审美意识》&br&《艺术的故事》&/p&&br&&br&&b& 程序&/b&&p&《超越CSS:Web设计艺术精髓》&br&《编程之美》&br&《可用性工程》&br&《UML基础、案例与应用》&/p&&br&&br&&b&综合&/b&&p&《贫穷的本质》&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D4995& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《世界史上的科学技术》&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A//zhangqiang.cc/%3Fp%3D4657& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《设计与死》&i class=&icon-external&&&/i&&/a&&/p&&br&&br&我的书单：&a href=&///?target=http%3A//zhangqiang.cc/%3Fpage_id%3D4568& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Book |
小和&i class=&icon-external&&&/i&&/a&&br&&br&&br&&br&&br&交互：&p&Coursera人机交互课程：&a href=&///?target=https%3A//www.coursera.org/course/hciucsd& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&www.coursera.org/course/hciucsd&i class=&icon-external&&&/i&&/a&&/p&&p&网络的用户体验：&a href=&///?target=http%3A///course/668/User-Experience-for-the-Web/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/course/668/User-Experience-for-the-Web/&i class=&icon-external&&&/i&&/a&&/p&&p&Material Design中文版：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&人人都是产品经理：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&体验之美：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&2014国际体验设计大会：&a href=&///?target=http%3A//ixdc.org/2014/news-.php%3Fid%3D230& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ixdc.org/2014&i class=&icon-external&&&/i&&/a&&/p&&p&网站数据分析：&a href=&///?target=http%3A///course/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/course&i class=&icon-external&&&/i&&/a&&/p&&p&龙爪槐守望者：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&设计乘数：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&summerux：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&elya博客：&a href=&///?target=http%3A//elya.cc/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&elya.cc&i class=&icon-external&&&/i&&/a&&/p&&p&邹剑波Kant：&a href=&///?target=http%3A//kant.cc/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&kant.cc&i class=&icon-external&&&/i&&/a&&/p&&p&刘未鹏：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&胖胡雯：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& &i class=&icon-external&&&/i&&/a&&/p&&p&图月志：&a href=&///?target=http%3A///blog2/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&格物志：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&腾讯CDC：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&腾讯ISUX：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&腾讯ecd：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&腾讯GDC：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&腾讯TGideas：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&腾讯MXD：&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&&i class=&icon-external&&&/i&&/a&&/p&&p&淘宝UED：&a href=&///?target=http%3A//ued.taobao.org/blog/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ued.taobao.org/blog&i class=&icon-external&&&/i&&/a&&/p&&br&&br&我的网站收藏：&a href=&///?target=http%3A///%3Fp%3D2470& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&http://zhangqiang.cc/?page_id=4616&i class=&icon-external&&&/i&&/a&&br&&br&&p&建议你看一下：&/p&&p&&a href=&/topic/& class=&internal&&交互设计师 - 话题精华&/a&&br&&/p&&p&&a href=&/topic/& class=&internal&&交互设计 - 话题精华&/a&&br&&/p&&p&&a href=&/question/& class=&internal&&知乎上，值得推荐的「交互设计」系列问答有哪些？&/a&&/p&&br&&br&&p&欢迎多交流 ^_^&/p&&br&&p&欢迎来我的个人博客：&a href=&///?target=http%3A//zhangqiang.cc/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&小和&i class=&icon-external&&&/i&&/a&&/p&
交互《点石成金:访客至上的网页设计秘笈》《在你身边,为你设计:腾讯的用户体验设计之道》《下一站:用户体验》《设计之下:搜狐新闻客户端的用户体验设计》《用户体验要素:以用户为中心的…
&b&-------------------------号外！大玉玉肥来了，说好的破500更新在这里----------------------------&br&-----------------------&a class=&internal& href=&/wanwuchina/&&电影美学第二弹—岛国篇 - 物君的故事 - 知乎专栏&/a&---------------------------&br&没想到随便回答盘点了一下居然真的破500赞了，表示好鸡冻\(≧▽≦)/，言而有信地回来更新了，&br&自己给的承诺，加班也要写完！！！！！请持续赞和关注哦!&br&&br&&/b&说起动画电影，就不能不提我大天朝和隔壁岛国，虽然天朝在电影艺术（动画艺术）上确实跟欧美国家有，额。。。那么一丢丢的差距，但值得学习的作品（万氏兄弟系列和上美）却也是世界动画史上有名有姓的，如数家珍！！稍后细说&br&而岛国自不必说，动漫娱乐业早已成为其支柱型产业&b&，&/b&在世界范围内独负盛名，技术性、艺术性，都达到了很高的水平，拥有大批死忠粉！当然。。。我也是其中之一。。。&b&&br&&br&岛国篇：&/b&&b&&b&（可能有番剧乱入）&br&1.&/b&恶童 鉄コン筋クリート
&/b&&br&06年日本上映，07年我上高中才看到，结果这部电影我前前后后看了至少六遍（还不包括看幕后制作特辑），买了全套原画集。。有很长一段时间我画速写的风格都很像恶童。所以，你们懂得！&br&导演是在日本生活的美国人&a class=& wrap external& href=&///?target=http%3A///celebrity/1321067/& target=&_blank& rel=&nofollow noreferrer&&迈克尔·艾里亚斯&i class=&icon-external&&&/i&&/a&，也是前面推荐过的《黑客帝国动画版》的总制片人。&br&电影剧情讲述了一个残酷的故事，关于城市、关于生存、关于社会，虽然从两个流浪的奇怪儿童的视角来讲，但天真与现实之间，本来就是残酷的！这也是日本电影的一贯手法和题材。&br&&img data-rawheight=&292& data-rawwidth=&600& src=&/9f2e6fefdf9b8d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/9f2e6fefdf9b8d_r.jpg&&&b&&img data-rawheight=&519& data-rawwidth=&740& src=&/c6e2f0beb00ffbccdfbbf_b.jpg& class=&origin_image zh-lightbox-thumb& width=&740& data-original=&/c6e2f0beb00ffbccdfbbf_r.jpg&&恶童中对城市“宝町”的设定，估计也只有4度工作室能认真到这种程度，将电线杆上的涂鸦、斑驳的人偶、路上的灰尘放大到城市级，还一个不落的表现出来，并且在电影中也得到了至少80%的细节还原，以下是原画：&br&&img data-rawheight=&440& data-rawwidth=&600& src=&/ff76dcca31eb_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ff76dcca31eb_r.jpg&&&img data-rawheight=&438& data-rawwidth=&600& src=&/d4c423b023b772c042da48a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/d4c423b023b772c042da48a_r.jpg&&&br&&img data-rawheight=&616& data-rawwidth=&740& src=&/0a1f2d4ca43a567af9da2_b.jpg& class=&origin_image zh-lightbox-thumb& width=&740& data-original=&/0a1f2d4ca43a567af9da2_r.jpg&&以下是剧照：&br&&img data-rawheight=&331& data-rawwidth=&740& src=&/f772d6806b18d74a9a13e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&740& data-original=&/f772d6806b18d74a9a13e_r.jpg&&&img data-rawheight=&342& data-rawwidth=&740& src=&/bce7dd61fc081_b.jpg& class=&origin_image zh-lightbox-thumb& width=&740& data-original=&/bce7dd61fc081_r.jpg&&&img data-rawheight=&318& data-rawwidth=&600& src=&/02e559ba00be7e6d6efefd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/02e559ba00be7e6d6efefd_r.jpg&&&img data-rawheight=&600& data-rawwidth=&491& src=&/a4b41ff20cc2a7efd7f48b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&491& data-original=&/a4b41ff20cc2a7efd7f48b_r.jpg&&这是对细节刻画的精细程度，在对绘画表现力的判断中，占有非常重要的位置，是非常值得学习和提高的skill，因为对细节的观察也是绘画能带给我们的不一样的看世界的方法！&br&另外一个就是大家能看出来的，对庞杂色彩的把控力：&br&&img data-rawheight=&292& data-rawwidth=&600& src=&/484e541bed10d9f69aaf0af_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/484e541bed10d9f69aaf0af_r.jpg&&&img data-rawheight=&544& data-rawwidth=&1262& src=&/a537c7dc71c85f5cfb2bc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1262& data-original=&/a537c7dc71c85f5cfb2bc_r.jpg&&这部影片给人的另一个最大的感受，就是丰富丰富丰富的色彩！！！有和谐有冲突，观影的每一个场景都仿佛一场色彩盛宴，带给人充盈的视觉感官享受。&br&&img data-rawheight=&280& data-rawwidth=&534& src=&/97d2d1b4fd34af3a1fbcbba_b.jpg& class=&origin_image zh-lightbox-thumb& width=&534& data-original=&/97d2d1b4fd34af3a1fbcbba_r.jpg&&&img data-rawheight=&375& data-rawwidth=&600& src=&/29a6ec4bff0b988b005cd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/29a6ec4bff0b988b005cd_r.jpg&&人物形态的设定超有特色！对动态的概括也非常准确，简洁，这也是日漫的一大特色。&br&这里有一个Tip：在画直线的时候可以适当抖动一下，这样子画出来的东西会比较放松，并且更有细节哦！&br&总之，再赘述更多也不足以表达这部影片的牛B之处，大家还是自己去看吧！&br&&br&2.东京教父 東京ゴッドファーザーズ
&br&&/b&提起这部电影大家可能知道的不多，但提起《盗梦空间》你们就知道了，之前传闻盗梦空间设定抄袭日本动画《红辣椒》——就是它的导演今敏创作了这部《东京教父》&b&。&/b&而且东京教父算是更早期一点的作品，其实《红辣椒》也真的是一部相当优秀的动画作品，作为学绘画的人是一定要研究的，我还在犹豫介绍哪一部给你们&b&。。。。。。但考虑到个人喜好和案例类型的丰富哈哈，我还是把《东京教父》作为案例来讲，因为风格实在很突出！&br&&img data-rawheight=&600& data-rawwidth=&423& src=&/5a9a20abbc94e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&423& data-original=&/5a9a20abbc94e_r.jpg&&&br&&/b&说到导演，10年过世的今敏，实在令人扼腕&b&，&/b&这位与大友克洋、押井守（都是殿堂级的说！！）多次合作的日本动画大师，在世仅有屈指可数的几部作品，但部部堪称经典，对魔幻现实主义情有独钟，在他的作品风格里有突出的体现，有兴趣大家可以一一观赏：&br&1997年，&b&&a class=& wrap external& href=&///?target=http%3A///view/3993811.htm& target=&_blank& rel=&nofollow noreferrer&&PERFECT BLUE&i class=&icon-external&&&/i&&/a&&/b&（常译作&a href=&///?target=http%3A///view/711402.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&未麻的部屋&i class=&icon-external&&&/i&&/a&/&a href=&///?target=http%3A///view/606022.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&完美之蓝&i class=&icon-external&&&/i&&/a&/蓝色恐惧）&br&2002年，&a href=&///?target=http%3A///view/340096.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&千年女优&i class=&icon-external&&&/i&&/a&&br&2003年，&a href=&///?target=http%3A///view/338861.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&东京教父&i class=&icon-external&&&/i&&/a&&br&2006年，&b&&a href=&///?target=http%3A///view/1142752.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&paprika&i class=&icon-external&&&/i&&/a&&/b&（常译作红辣椒/&a class=& wrap external& href=&///?target=http%3A///view/872984.htm& target=&_blank& rel=&nofollow noreferrer&&盗梦侦探&i class=&icon-external&&&/i&&/a&）&br&&img data-rawheight=&318& data-rawwidth=&600& src=&/598ea7c36f0aa8f9e5ca1f_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/598ea7c36f0aa8f9e5ca1f_r.jpg&&&img data-rawheight=&323& data-rawwidth=&600& src=&/8f40fdfd21872_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/8f40fdfd21872_r.jpg&&&img data-rawheight=&319& data-rawwidth=&600& src=&/d804a683a918fb5fb796b4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/d804a683a918fb5fb796b4_r.jpg&&&b&《东京教父》虽然没有《红辣椒》《千年女优》中绚烂的色彩和奇幻的场景，但胜在故事主线清晰，讲述了一个贴近现实的不平凡的事件。。。画风跟其他几部有所不一样的就是现实感，真真切切的现实感，所有的夸张都仿佛是真实存在的，观影时始终有一种奇妙的2.5次元的感觉。每一个画面，都不得不佩服其扎实的人物造型功底，让剧中人物的一举一动都牵扯着观众的心！值得学习！&br&&img data-rawheight=&317& data-rawwidth=&600& src=&/fe70ca335075_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/fe70ca335075_r.jpg&&&br&3.回忆三部曲 Memories
&br&对中国观众来说略冷门吧。。。怎么说呢，大友克洋的代表作之一，也是今敏与他合作的一部里程碑式的作品。&/b&本片由三段互无关联的故事组成。《她的回忆&b&》、《&/b&最臭兵器》和《大炮之街》，&b&通过三个故事提出了对人类、环境、社会的拷问，这种反思式的主题、弘大的场景、超现实主义的设定一向是大友克洋的风格——参考《大都会》、《蒸汽男孩》。。。&/b&&br&&img data-rawheight=&336& data-rawwidth=&600& src=&/037e707e18ab4f201ab8fbb8c479a2ae_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/037e707e18ab4f201ab8fbb8c479a2ae_r.jpg&&&img data-rawheight=&336& data-rawwidth=&600& src=&/92ebfc13a4093537aea7cd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/92ebfc13a4093537aea7cd_r.jpg&&&img data-rawheight=&336& data-rawwidth=&600& src=&/ddfd60da3acc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ddfd60da3acc_r.jpg&&《她的回忆》中回忆的场景，（可能你们不太习惯20年前的画风）但我看完只有一个感觉，震撼！&br&&img data-rawheight=&336& data-rawwidth=&600& src=&/3cf87fbad4a6fcd618ad5d8_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/3cf87fbad4a6fcd618ad5d8_r.jpg&&《最臭兵器》&br&至今仍记得其中一个场景是所有人都被主角散发出的臭味给熏死的时候，漫天遍野的花却竞相开放。。。。。。。&br&&img data-rawheight=&336& data-rawwidth=&600& src=&/7d278fce5f11f2ace9cff4b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/7d278fce5f11f2ace9cff4b_r.jpg&&&img data-rawheight=&336& data-rawwidth=&600& src=&/df04c4fcff72ec9073aa_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/df04c4fcff72ec9073aa_r.jpg&&《大炮之街》诡异的画风让人想起了法漫，浓浓的蒸汽朋克风——对。。没错，大友就是这个调调。。。。。。喜欢蒸汽朋克的千万不要错过！&br&PS.大友克洋在日本漫画界的地位仅次于漫画之父“手冢治虫”，你们可以感受下。。。。&br&&br&&b&4.怪化猫 モノノ怪
&/b&&br&讲到日本动画电影的美学，虽然这个是短番剧，但学画画的绝对必看啊啊啊！！！&br&答主敢说，在我看过的所有动画里，没有一个形式感和色彩能跟这部相比&b&。&/b&&br&&b&这部充满了传统日本风情的动画，充分利用了日本传统的配色、纹样、符号乃至传说故事，画风华丽繁琐，构图非常浮世绘，巧妙的组合让画面充满解构主义的感觉。&br&简直是一部瑰丽的日本文化盛宴！而且，剧情也清新脱俗，诡异奇幻中带着一丝人情味。&br&啥也不说了，反正见啥学啥，上图：&br&&img data-rawheight=&656& data-rawwidth=&1167& src=&/f2b7cfc64087_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1167& data-original=&/f2b7cfc64087_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/3c7cdc514cda7a1d564335_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/3c7cdc514cda7a1d564335_r.jpg&&&img data-rawheight=&339& data-rawwidth=&600& src=&/de5d3ef909af_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/de5d3ef909af_r.jpg&&&img data-rawheight=&343& data-rawwidth=&600& src=&/5c0a6a92ad006d380f90a1b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/5c0a6a92ad006d380f90a1b_r.jpg&&&img data-rawheight=&344& data-rawwidth=&600& src=&/1ae321d9ff44cde307be3610f51bdb2a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/1ae321d9ff44cde307be3610f51bdb2a_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/f6f0cdc9e44a8a1079a1ab_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/f6f0cdc9e44a8a1079a1ab_r.jpg&&&img data-rawheight=&480& data-rawwidth=&848& src=&/19bedbf4e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&848& data-original=&/19bedbf4e_r.jpg&&&/b&&br&
5.15名动画人 アニ＊クリ15
&b&啦啦啦，五个实在没法讲完，就放个合集吧&br&&/b&《15名动画人》是由创作《攻壳机动队剧场版 无罪》的押井守，《红辣椒》的今敏，《恶童》的Michael L.Arias等，日本在世界上引以为傲的动画创作者们与NHK共同制作的1分钟原创动画的企画。
由15个具有导演代表风格的不关联的小短片组成，不多说，光看导演阵容&b&就给跪了：&br&&/b&&b&&img data-rawheight=&898& data-rawwidth=&1438& src=&/6dadf1da0c106e733a0831ddb8020777_b.png& class=&origin_image zh-lightbox-thumb& width=&1438& data-original=&/6dadf1da0c106e733a0831ddb8020777_r.png&&好几个之前都有介绍过哦，风格各异，真的可以所有作品都可以统统一并收了慢慢看：&br&&img data-rawheight=&337& data-rawwidth=&600& src=&/4b3db097cdc2bae5cd32de2_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/4b3db097cdc2bae5cd32de2_r.jpg&&金敏 《早上好》&br&&img data-rawheight=&337& data-rawwidth=&600& src=&/bd8eb43e32a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/bd8eb43e32a_r.jpg&&新海诚 《猫的聚会》这位不用再介绍了，近两年火出天际的动画导演，虽然有烂片，但《秒速五厘米》《云之彼端》还有《言叶之庭》的场景依然美得没朋友，反正是答主的老DELL永恒的桌面，喵~&br&&img data-rawheight=&337& data-rawwidth=&600& src=&/f3ad9c7f467beb45d0a7_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/f3ad9c7f467beb45d0a7_r.jpg&&&/b&&b&Michael L.Arias 《追逃》，这不是恶童里性冷淡的警察？你不要骗我！！！！&br&。。。。。&br&剩下的不翔说，总之这个短片也就是个影子吧，如果要真的学习某位导演的精髓，可以把他的作品一一翻出来学习哦！&br&至于EVA、手冢治虫、井上PAPA，宫崎骏老先生的作品，就不拿出来献宝了，地球人都知道。。。&br&欢迎大家继续补充哦~~~~&br&&br&----------------------------------------------------------------------------------------------------------&br&-------------------------------------------天朝篇-------------------------------------------------------&br&关于天朝篇，&/b&&b& (￣y▽￣)~*答主要休息一下再更~~~~&br&&br&&br&PS.补充几个大家在评论里提到的好片哦！谢谢大家贡献~！！！&br&&br&TOP1海洋之歌 Song of the Sea
&a data-title=&@卢弥弥& data-editable=&true& class=&member_mention& href=&///people/fc2a7a4f7ce9& data-hash=&fc2a7a4f7ce9& data-tip=&p$b$fc2a7a4f7ce9&&@卢弥弥&/a&&a data-title=&@周方政& data-editable=&true& class=&member_mention& href=&///people/aa770feefc41& data-hash=&aa770feefc41& data-tip=&p$b$aa770feefc41&&@周方政&/a&&a data-title=&@莫雪初& data-editable=&true& class=&member_mention& href=&///people/e0a383a6a39ee619e9c152000beb7fa5& data-hash=&e0a383a6a39ee619e9c152000beb7fa5& data-tip=&p$b$e0a383a6a39ee619e9c152000beb7fa5&&@莫雪初&/a&&br&&/b&&p&与凯尔经同一个创作团队，画面唯美梦幻。。。。。跟凯尔经画风有异曲同工之妙&/p&&img data-rawheight=&322& data-rawwidth=&600& src=&/9f5a7ec209aea85b3701273_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/9f5a7ec209aea85b3701273_r.jpg&&&img data-rawheight=&322& data-rawwidth=&600& src=&/ac8f7c77e3bf407c3e2b9d513e4b910c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ac8f7c77e3bf407c3e2b9d513e4b910c_r.jpg&&&br&&p&&b&TOP2
艾特熊和赛娜鼠 Ernest et Célestine
&a data-title=&@陆扇& data-editable=&true& class=&member_mention& href=&///people/3d26cb4f01c3e6be488a5& data-hash=&3d26cb4f01c3e6be488a5& data-tip=&p$b$3d26cb4f01c3e6be488a5&&@陆扇&/a&&/b&&/p&&p&&b&又一部法国动画（赛高！！），画风&/b&清新唯美到好像如沐春风，颜色搭配舒服到位！喜欢水彩小清新的可以截图摹了！&/p&&img data-rawheight=&337& data-rawwidth=&600& src=&/cf2a9c6a9e1c951e293e1c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/cf2a9c6a9e1c951e293e1c_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/fa79cdfbbee36f4a70d3d97e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/fa79cdfbbee36f4a70d3d97e_r.jpg&&&br&&b&Top3 自杀专卖店 Le magasin des suicides
&/b&&a data-title=&@棠姜& data-editable=&true& class=&member_mention& href=&///people/1bce33bb5a1b76f0e896d31841aec56a& data-hash=&1bce33bb5a1b76f0e896d31841aec56a& data-tip=&p$b$1bce33bb5a1b76f0e896d31841aec56a&&@棠姜&/a&&a data-title=&@番茄酱酱西红柿& data-editable=&true& class=&member_mention& href=&///people/686d5cdbcfa1fd1e4ad501& data-hash=&686d5cdbcfa1fd1e4ad501& data-tip=&p$b$686d5cdbcfa1fd1e4ad501&&@番茄酱酱西红柿&/a&&br&&b&上月刚看过，又一法国动画（话说法国动画真的部部堪称精品，因为独立团队独立运作的缘故，摈弃了很多所谓商业运作的规则，加之法国本身的艺术底蕴，他们会更注重作品的艺术性和个性，有机会可以遍览）&/b&&br&夸张大胆的画风和用色，歌剧风格，加上略显诡异的主题定位。。。。。虽然剧情尚显幼稚，但传递的感觉还是很美好的~至少看完心情不错！&br&&img data-rawheight=&349& data-rawwidth=&600& src=&/ea0cb463f8b12aa4a56a66f720f297c3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ea0cb463f8b12aa4a56a66f720f297c3_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/591bb2f55b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/591bb2f55b_r.jpg&&&br&
TOP4 玛丽和马克思 Mary and Max
&a data-title=&@枪花玫瑰& data-editable=&true& class=&member_mention& href=&///people/c2bc49d40e7af& data-hash=&c2bc49d40e7af& data-tip=&p$b$c2bc49d40e7af&&@枪花玫瑰&/a& 不算小众，豆瓣top250，虽然答主看这种挖掘心灵负面和关于友情的悲伤故事总是有点接受不能，&br&有人说“孤独的人是可耻的”，但谁又能永远站在阳光下呢？面相光明，身后不知有多长的阴影。。&br&啊~我又文艺了。。。。都说悲剧是艺术的最高表现形式，因为人们对于悲伤的感受力远大于喜悦。。。扯远了&br&总之这部定格动画在人物、道具的造型细节上可圈可点，细节细节细节！&br&&img data-rawheight=&399& data-rawwidth=&600& src=&/4e06c53ba539ac0df31fa0ba_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/4e06c53ba539ac0df31fa0ba_r.jpg&&&img data-rawheight=&324& data-rawwidth=&600& src=&/341b3326de7fcf76dccd6a3e8371dedd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/341b3326de7fcf76dccd6a3e8371dedd_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/b620b7cada6b71_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/b620b7cada6b71_r.jpg&&&br&&br&&b&----------------------------------以下是之前的回答，欧美篇---------------------------------------&/b&&br&&br&因为太喜欢电影了，所以这个问题一定要呕血推荐！多图肾入。。。&br&提主的问题是推荐给学绘画的人看的电影，言下之意就是希望能通过看电影提升自己绘画方面的能力。&br&&b&虽然我真心觉得电影不管内容也好、形式也好、甚至演员也好，只要有一点是能看完让你觉得身心愉悦的，都是对你有帮助的！&/b&因为人的经历、审美、三观不一样，所以不用太刻意去相信别人的推荐，有的人看完豆瓣排名top100都觉得无感，看完郭德纲却被感动了。。。这也是无可厚非的。&br&&br&&b&以下，我就单纯从影片的形式感、色彩、画面、风格等等方面来推荐了！！！关于电影中的形式美学，手把手教你画（zhuang）画（bi）！！！干货杠杠的，接好！&/b&&br&&br&看了前面知友的推荐，我觉得很多好的电影都被推荐过了，却没有人推荐一些非常优秀的&b&动画电影&/b&作品，我就把知道的结合绘画的知识罗列一下：（内容不剧透自己去看）&br&&b&1.《我在伊朗长大》（又名茉莉人生）Persepolis
(2007)&/b&&br&
电影改编自伊朗女插画家Marjane Satrapi的同名漫画，以自传的形式讲述了自己的成长经历，反映了伊朗的社会变迁。此时的伊朗，依然经历着战火的洗礼，宗教对妇女生活的限制越发严苛，主角开始怀疑自己是否应该在这个充满专制的国度继续生活下去。
&br&&img data-rawheight=&600& data-rawwidth=&404& src=&/4ad63bcbbf626c2f3368ddd_b.jpg& class=&content_image& width=&404&&&img data-rawheight=&324& data-rawwidth=&600& src=&/5e0f0e3dfc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/5e0f0e3dfc_r.jpg&&&img data-rawheight=&324& data-rawwidth=&600& src=&/b41d7e3bab31e51b84aafc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/b41d7e3bab31e51b84aafc_r.jpg&&感染人的是整个电影贯穿始终的黑白风格，色块分明，线条硬朗。传递压抑、黑暗、不安的情绪。&br&强烈的木刻版画风格代表刻板的旧制度旧时代。。。值得注意的是这样的简笔画在造型能力上可圈可点！对物体形态和人物肢体动作的准确概括让人佩服！&br&&img data-rawheight=&600& data-rawwidth=&563& src=&/6fdc5bacc056c680a86af_b.jpg& class=&origin_image zh-lightbox-thumb& width=&563& data-original=&/6fdc5bacc056c680a86af_r.jpg&&&img data-rawheight=&334& data-rawwidth=&600& src=&/8db82a6d59d649bc4c63f4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/8db82a6d59d649bc4c63f4_r.jpg&&&img data-rawheight=&414& data-rawwidth=&600& src=&/70c9ce8d95cc2a66a165b5bdee570f52_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/70c9ce8d95cc2a66a165b5bdee570f52_r.jpg&&（看到这一幕直接笑尿。。。。画画的懂！）&br&&b&整部电影最让我感动的一句话是，主人公历经生活的种种狂欢和痛苦之后，猛然想起祖母的话：“不管过的多颠沛流离，要记得在自己的胸罩里放一朵茉莉花，这样你就会保持芬芳~”&br&&br&2.凯尔经的秘密 The Secret of Kells
(2009)&br&&/b&一部关于爱尔兰传说中的著作《凯尔经》的故事。从主人公-少年修士布兰登的视角讲述了古爱尔兰与维京人之间的战争，和这本奇书的诞生。。。当然，是基于宗教故事的，大家可以理解为圣经故事神马的。。。。（对原书有兴趣的可以参考维基百科&a class=& wrap external& href=&///?target=http%3A///link2/%3Furl%3Dhttp%253A%252F%252Fen.wikipedia.org%252Fwiki%252FBook_of_Kells%26link2key%3Dc1bb777251& target=&_blank& rel=&nofollow noreferrer&&http://en.wikipedia.org/wiki/Book_of_Kells&i class=&icon-external&&&/i&&/a&
）原书长这样：&br&&img data-rawheight=&641& data-rawwidth=&484& src=&/c59edcac1b2f3fd8c9e0335b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&484& data-original=&/c59edcac1b2f3fd8c9e0335b_r.jpg&&从原书的感觉应该大致可以猜到这部动画的风格了------对！没错，就是这种复杂的花纹以及各种带有象征意义的图腾，并且用动画的形式进行了生动的重复排列。&br&学画画的童鞋应该会心水到不行，尼玛满满的逼格与形式感有木有！！！！&br&&img data-rawheight=&337& data-rawwidth=&600& src=&/ff3a19bbbac71a573c38fb7_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ff3a19bbbac71a573c38fb7_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/de4ccaae94f772_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/de4ccaae94f772_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/e1ae23ee168c78d26b467fffccf5d715_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/e1ae23ee168c78d26b467fffccf5d715_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/78e447572bfdc593d0ed_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/78e447572bfdc593d0ed_r.jpg&&&img data-rawheight=&362& data-rawwidth=&600& src=&/5adef15aecffe1c826d1072_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/5adef15aecffe1c826d1072_r.jpg&&&img data-rawheight=&336& data-rawwidth=&600& src=&/bfbbccbdbfbff8ac02677b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/bfbbccbdbfbff8ac02677b_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/f2d83bae0b41bfd8955c19_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/f2d83bae0b41bfd8955c19_r.jpg&&就是随便截一张图都可以当桌面的那种，你们感受下&br&值得一提的是除了对图形和花纹的运用使得整个片子很有形式感之外，利用水彩的上色方法以及色调的处理是非常值得学习的点！水彩的高明度、以及清新明亮的感觉为整个略显阴暗晦涩的影片加分不少！&br&&b&&br&3.了不起的狐狸爸爸 Fantastic Mr. Fox
&/b&&br&一部相当惊艳的定格动画&br&根据挪威藉英国儿童文学作家罗尔德·达尔（Roald Dahl）的同名儿童故事改编。讲述了一只自信的狐狸爸爸带领全村的小动物与人类农场之间的斗争的故事（为啥被我讲出来这么无聊。。）&br&值得一提的是该片的导演——韦斯·安德森 Wes Anderson，前段时间火到没朋友也同样逼格满满的电影《布达佩斯大饭店》就是他的手笔，一起安利！&br&&img data-rawheight=&324& data-rawwidth=&600& src=&/99cd3f09ff65584edd0d93b4d0ea6e57_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/99cd3f09ff65584edd0d93b4d0ea6e57_r.jpg&&&img data-rawheight=&415& data-rawwidth=&600& src=&/fff97dc4c5_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/fff97dc4c5_r.jpg&&这两部影片的共同之处在于强烈的舞台剧感、明快的色彩搭配、和快到不自然的影片节奏&br&配合同样风格的BGM，看的时候整个人都忍不住随着节奏开始蹦跶~&br&&b&值得学习的是两部影片中的色彩搭配，狐狸爸爸以红黄蓝为主---用亮色系的画面代表幽默、自信、搞笑、轻松的情节，用深蓝色表现人物的失落、悲伤、思索和深沉。。。。&/b&&br&&b&布达佩斯中则是纯度很低的，俗称冰淇淋色做为主色调，每一幕都显得和谐复古，相当漂亮。。。&br&&/b&&img data-rawheight=&450& data-rawwidth=&600& src=&/f9dbec1a2e2a427c588c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/f9dbec1a2e2a427c588c_r.jpg&&&img data-rawheight=&337& data-rawwidth=&600& src=&/e1b07d8fcfa31c09c02b_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/e1b07d8fcfa31c09c02b_r.jpg&&&img data-rawheight=&768& data-rawwidth=&1301& src=&/b806f28ec17b72ff9d60cd15dde48b23_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1301& data-original=&/b806f28ec17b72ff9d60cd15dde48b23_r.jpg&&&img data-rawheight=&220& data-rawwidth=&330& src=&/f8ece6bf6fe7_b.jpg& class=&content_image& width=&330&&&b&总的来说，韦斯·安德森这位导演的整体风格就是对称强迫症重度+色彩搭配控。。跟他学配色就对了！！！！！&/b&有兴趣可以直接把他的所有电影一起收了，慢慢看！&br&1996年: 《瓶装火箭》（Bottle Rocket）&br&1998年: 《都是爱情惹的祸》（Rushmore）&br&2001年: 《天才一族》（The Royal Tenenbaums）&br&2005年: 《水中生活》（The Life Aquatic with Steve Zissou）&br&2007年: 《大吉岭有限公司》（The Darjeeling Limited）&br&2009年: 《超级狐狸先生》（The Fantastic Mr. Fox）&br&2012年: 《月升冒险王国》（Moonrise Kingdom）&br&2014年: 《布达佩斯大饭店》（The Grand Budapest Hotel） &p&有人特意为他的电影总结了配色，以下图片来自
&a class=& wrap external& href=&///?target=http%3A///c%3Fm%3D9f65cb4a8c8507ed4fecee8bea22b8ec623f1a06d6c47aae5%26p%3D9d6cc54ad6c042ef03be9b7c175e86%26newp%3Db12a05abd9b7e0e15bb51d1d3%26user%3Dbaidu& target=&_blank& rel=&nofollow noreferrer&&这位导演，您有对称强迫症吗？&i class=&icon-external&&&/i&&/a&&br&&/p&&img data-rawheight=&372& data-rawwidth=&500& src=&/74e76fdccdbebd6f17bda36a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/74e76fdccdbebd6f17bda36a_r.jpg&&&br&&img data-rawheight=&392& data-rawwidth=&500& src=&/308de9916fdcc5f27a17fa5b50a7b01e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/308de9916fdcc5f27a17fa5b50a7b01e_r.jpg&&&img data-rawheight=&600& data-rawwidth=&700& src=&/90aaa120b88fee515f12507_b.jpg& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&/90aaa120b88fee515f12507_r.jpg&&好了剩下的自己去看。。。。。&br&&br&-----------------------这样传图真的好累，上班狗伤不起，求点赞求关注---------------------------&br&---------------------------------------------(╭￣3￣)╭?
---------------------------------------------&br&&br&&b&4.《黑客帝国动画版》（&i&The Animatrix&/i&）2003&br&&/b&相信大部分人都看过黑客帝国电影版一二三部了，那种宏达设定不再赘述。。。但动画版应该还没看过。&br&动画版跟电影版关系有！但不大！沿用了基本的世界观设定，介绍了电影里一带而过的起源问题，讲述了人类不同觉醒状态的故事。。。&b&&br&比较牛逼的是该片制作汇集了来自&a href=&///?target=http%3A///subview/5.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&日本&i class=&icon-external&&&/i&&/a&、&a href=&///?target=http%3A///subview/.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&韩国&i class=&icon-external&&&/i&&/a&、&a href=&///?target=http%3A///subview/4.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&美国&i class=&icon-external&&&/i&&/a&三国的7位顶尖动画制作人，包括骇客之父&/b&&br&&a class=& wrap external& href=&///?target=http%3A///view/480567.htm& target=&_blank& rel=&nofollow noreferrer&&沃卓斯基兄弟、&i class=&icon-external&&&/i&&/a&&b&前田真宏、&/b&&b&川尻善昭等等，由九个不同的小短片组成，风格各异，而且剧情都非常赞，简直是黑客控的饕餮盛宴~~~~&br&不说了，直接上图：&br&&img data-rawheight=&216& data-rawwidth=&500& src=&/8e921a371a9b3e978ba631a30c269349_b.jpg& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/8e921a371a9b3e978ba631a30c269349_r.jpg&&&img data-rawheight=&292& data-rawwidth=&720& src=&/f8b62ed9a7ab2abcd1cd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/f8b62ed9a7ab2abcd1cd_r.jpg&&&/b&&b&&b&世界纪录 by小池健，&/b&非常喜欢的一部，色调和画风都超有张力，妥妥震撼！&br&&img data-rawheight=&246& data-rawwidth=&720& src=&/ea3ee6d405a7_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/ea3ee6d405a7_r.jpg&&&img data-rawheight=&246& data-rawwidth=&720& src=&/a2ec432fa8f2ec9911fbc026df2af3ad_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/a2ec432fa8f2ec9911fbc026df2af3ad_r.jpg&&&/b&&b&&b&超越极限by森本晃司 ，&/b&画面清新柔软日系风，颜色大爱，胜在故事别出心裁！&br&&img data-rawheight=&337& data-rawwidth=&600& src=&/5df3bf1b49bcf_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/5df3bf1b49bcf_r.jpg&&&/b&&b&虚拟程序by川尻善昭 ，强烈的浮世绘风，颜色很漂亮，动效非常有张力！&br&&img data-rawheight=&246& data-rawwidth=&720& src=&/b102a5af26d42f08d4da565bee6c564d_b.jpg& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/b102a5af26d42f08d4da565bee6c564d_r.jpg&&&/b&&b&侦探的故事by渡边信一郎,灰色素描风格，人物塑造饱满。。。。。&br&&/b&还有5部，不一一赘述了，自己去看！&b&&br&&br&5.疯狂约会美丽都 Les triplettes de Belleville
(2003)&br&&/b&豆瓣Top250，相当有年头的电影了，应该有很多人看过。。。我好像初中的时候在电视上看过一次，唯一脑海中的印象就是主角粗壮的小腿。。。。但那时候没看懂，就想找来再看一遍，于是按腿索骥，终于找到了这个屌炸天的法国电影！！！！妥妥看哭。。。&b&&br&虽然画风真的很法国，但关于亲情、情怀和梦想，你懂得！&br&&img data-rawheight=&600& data-rawwidth=&450& src=&/be7ac3d79f2b95a6d3c39_b.jpg& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&/be7ac3d79f2b95a6d3c39_r.jpg&&说好不说剧情只谈颜值，好吧，如果你看的法国片够多，比如：&br&&/b&两小无猜 Jeux d'enfants&br&放牛班的春天 Les Choristes&br&芳心终结者 L'arnacoeur&br&天使爱美丽 Amélie&br&蝴蝶 Le Papillon&br&这个杀手不太冷&br&。。。。。。&br&你就能总结一二，&b&法国电影有三宝：复古、浪漫、音乐屌&/b&。。。。&br&动画电影还有一屌——人物造型&br&除了最有名的这部，还有《魔术师》、《自杀专卖店》、《夜曲》。。。感兴趣可以找来看看，真的每一部的造型都超级屌。&b&要知道，对于国际艺术之都法国，动画里的人物造型如果不夸张到妈都不认识，那绝对是一种耻辱。&br&当年想考北影动画系的时候（因为中国动画学院非常反感那种尖脸大眼的日漫风格），曾经一帧一帧地临摹过这里面的人物，非常有用！会让你对人的结构和动态的理解迅速上升到一个层次！&br&&/b&&img data-rawheight=&354& data-rawwidth=&600& src=&/a81db4291f7bea5f0ee293_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/a81db4291f7bea5f0ee293_r.jpg&&里面贯穿始终的歌剧三姐妹&br&&img data-rawheight=&354& data-rawwidth=&600& src=&/174ca309c54a2b8e68d17044eded2c0e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/174ca309c54a2b8e68d17044eded2c0e_r.jpg&&&img data-rawheight=&353& data-rawwidth=&600& src=&/83ce688c9c47071e3abad6e2951d10bc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/83ce688c9c47071e3abad6e2951d10bc_r.jpg&&&img data-rawheight=&354& data-rawwidth=&600& src=&/2bc03bf10d87d93bc5e6f66e1c19a817_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/2bc03bf10d87d93bc5e6f66e1c19a817_r.jpg&&长方形的反面角色给人一种滑稽又压抑的感觉。。。&br&&img data-rawheight=&337& data-rawwidth=&600& src=&/b6682beb64dc5f12e0d29c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/b6682beb64dc5f12e0d29c_r.jpg&&整部电影细腻的细节和色彩不必说，各自学习吧&br&&br&----------------------------------未完，以上是欧美系我觉得值得一学的作品---------------------------&br&（不算冷门)大家可能看过也可能没看过 ，欢迎留言补充&br&-------------------------------破500更新！中国及日本优秀电影中的美学原理--------------------------
-------------------------号外！大玉玉肥来了，说好的破500更新在这里------------------------------------------------------------------------------没想到随便回答盘点了一下居然真的破500赞了，表示…
html5可以通过&input file=&file& accept=&image/*;capture=camera&&进行相册的访问或是拍照。
html5可以通过&input file="file" accept="image/*;capture=camera"&进行相册的访问或是拍照。
在已有的回答中，我最赞同田乐。这里稍作补充。 &br&&br&在绝大多数Web开发者的语境中，“布局”这个术语和“排版”是有差异的。“布局”偏向于指宏观的GUI区域划分，比如双栏布局或三栏布局等。从这一点出发，float其实本不是一项用于“布局”的属性。float对应的其实是传统印刷排版中图文混排中的环绕。这其实可以理解，因为CSS的模型和术语脱胎于传统排版，故而与计算机GUI技术通常基于组件的模型相差甚远。除了float之外，另一个例子是CSS中上下margin的collapse，显然这是为了满足段落排版的需求。所以像float、margin collapse等，在典型的GUI技术中是没有的。还有，CSS box model中，width/height不算入padding和border，许多开发者对这点很不适应，这实际上是GUI的控件思维与CSS排版思维的冲突。这个冲突在浏览器技术实现上的遗迹就是IE臭名昭著的“hasLayout”。元素“has layout”的真实意思是这样的元素直接对应一个控件。也正是由于IE很naive的在实现中直接结合了这两种矛盾的模型，从而导致了无数的布局bug。 &br&&br&言归正传，CSS1时代的网页还很简陋，但是随着万维网的迅猛发展，Web界面也迅速进化，当初简单的如同书页般的通栏式网页迅速绝迹，frameset由于天生存在的一堆问题也很快退出主流，这时CSS在GUI布局方面就显出了缺陷，开发者被迫使用各种trick。比如历史悠久的table布局。后来table布局被鄙视，开发者逐渐转向了float布局。 &br&&br&要说float布局之所以流行，IE“功”不可没。在IE中，has layout的元素是不会环绕float元素的（因为has layout的元素自己是一个控件，所以总是保持一个矩形区域）。这本来是一个bug，但是其效果却正好符合常见的双栏布局的需要。另外IE下float元素会自动撑开其父级container元素（当然前提是container元素也是has layout的），这其实也是bug，但是也恰好符合模块布局的需求。后来所谓inline-block布局其实正是这些bug的合理化。 &br&&br&站在今天回望过去十多年的CSS实践，我们可以发现，无论float布局还是后来的inline-block布局，其实都是trick。所谓trick，就是将一些特性挪作他用，以很曲折的方式实现出想要的效果。CSS作为样式语言，其可维护性的最终来源，就是代码能清晰的表达出设计意图。而CSS trick当然不能很好的满足这一点。 &br&&br&那么如何才能真正用CSS来表达布局？如田乐所说，这有赖于“CSS3的进化”。如multiple column、flex box、grid layout等。其中直接对应目前float布局/inline-block布局所要达到效果的，是flex box。当然，考虑到兼容性问题（IE9仍不支持flex box模块，IE10才支持），我们可能很长时间内还是会继续使用float布局，不过必须始终牢记这是trick，是workaround。如有可能，最好引入SCSS/LESS之类的CSS框架来对此种布局trick做进一步抽象和解耦。 &br&&br&再说position布局。position其实比float要更接近“布局”属性。但是position的问题是，所谓布局是设定各区域（元素）的关联和约束，而定位只是设定单一元素的位置大小。要实现一个布局，要对多个定位元素中手动设定相关的参数（如左栏width:200px，右栏left:200px），相当于人为的把大小和位置参数计算出来。这违背了DRY原则，也无法真正实现关联约束。（如左栏设了max/min-width之后，最终实际width未必是200px，此时右栏怎么设left值？又如一个水平固定width、垂直自适应height的绝对定位元素，我们如何从它的底部继续排下一个元素？）除非我们引入JavaScript脚本来进行计算。因此运用position布局的限制条件相当多，通常只适合那些相对孤立的部件（如页头页脚）或较为简单且各区域大小位置固定的布局。至于说以JavaScript实现的布局管理器，是将position作为实现布局的底层技术，已经算不得CSS了（因为你也不写CSS）。
在已有的回答中，我最赞同田乐。这里稍作补充。 在绝大多数Web开发者的语境中，“布局”这个术语和“排版”是有差异的。“布局”偏向于指宏观的GUI区域划分，比如双栏布局或三栏布局等。从这一点出发，float其实本不是一项用于“布局”的属性。float对应的…
我建议使用　(全角空格)代表空格，万一你的项目后期想更换字体，使用&的话在不同的字体下差异很大。。。
我建议使用　(全角空格)代表空格，万一你的项目后期想更换字体，使用&的话在不同的字体下差异很大。。。
&p&第一本，入门&/p&&p&《Head first HTML&CSS》&/p&&p&最好的入门书。看两遍就对HTML & CSS 有个大概印象了。&/p&&p&此时把w3cschool作为备查手册收藏起来&/p&&br&&p&第二本《CSS权威指南（第三版）》&/p&&p&最权威的CSS书籍，除了阅读W3C的文档外的不二选择（就是翻译有点操蛋，遇到感到难理解的地方可能还是要求助于网络资源）。有时间（无论是现在还是将来）可以反复看，并当做字典随时查。&/p&&br&&p&第三本《精通CSS》&/p&&p&广受前辈推荐的一本书。上一本书是字典的话，这本书相当于《中学生作文大全》，汇集了一些CSS的最佳实践。&/p&&br&&p&第四本《图解CSS3：核心技术与案例实践》&/p&&p&这本书比较新，讲解的是最新的CSS3（前三本书停留在CSS2.1时代），CSS3也是必学的，不是什么可学可不学的最新技术。&/p&&br&&p&HTML CSS值得看的书就这些（之后会有一本《CSS秘密花园》，尚在翻译中，也很值得期待），剩下的就是自己写还有看技术博客了。接下来是JavaScript，HTML和CSS都是没有逻辑的标记型语言，JS才是真正的编程语言，评价前端工程师的水平就看这个了。&/p&&br&&p&第五本《JavaScript DOM编程艺术》&/p&&p&最好的JS入门书籍，一目了然地告诉你如何用JS操作DOM（这是浏览器端编程的基本功），还灌输了最符合标准的编程理念。可惜有点老，最新一版是2010年的，以至于部分内容有点过期，例如本书内经常提到“某某方法浏览器不一定支持，需要小心使用”，而这些历史遗留问题当今已经不存在了，阅读过程中无视就好。&/p&&br&&p&第六本《JavaScript高级程序设计》&/p&&p&每个前端必看的书，此书是前端工程师科技树的关键一环。看完此书后再看看之后各类进阶书籍会比较好。&br&&/p&&p&俗称红宝书，也算入门书籍，虽然是大部头（七百多页），但至少通读一遍。&/p&&p&全部掌握了，你可以在网络社区里谈笑风生了，经过实践的锻炼后，面试个前端工程师的岗位应该都没问题了。&/p&&br&&p&第七本《JavaScript语言精粹》&/p&&p&也是前端必看。薄薄一百来页，对JS的去粗取精。&/p&&br&&p&第八本《你不知道的JavaScript》&/p&&p&这是一套丛书， 目前为止仅翻译了第一卷。每本都挺薄，深入介绍了JS中的重要概念。&br&&/p&&br&&p&第九本《JavaScript设计模式》&/p&&p&“设计模式”是软件工程的重要课题，相当于高考时候的答题套路。前人总结出来的应对各种问题的模板。也算是必看书籍。关于JavaScript设计模式的书籍目前也有好几本，也有国人写的，挑一两本看看就好。&/p&&br&&p&第十本《高性能网站建设指南》（及其续篇《高性能网站进阶》）&/p&&p&告诉你真正的商业公司的前端是怎么优化一个网站的。当然优化的问题不是看看书就能解决的，最好时刻了解你的同行们的经验。&br&&/p&&br&&p&看
完以上十本算是前端入门了。到现在为止，配合搜索引擎，已经可以无障碍地做出静态网页、各种特效、用AJAX配合后台构建Web应用了。然后是各种框架、
库、预处理语言的学习，而且现在JavaScript也可以用来写服务器了（Node.js），这样一来JS通吃前后端，前端工程师都欢欣鼓舞，这也是个
学习热点。下面是一些补充书籍，可以穿插着看。（&b&至少看了两遍《JavaScript高级程序设计》再看下面的书&/b&）&/p&&p&《图解HTTP》和《HTTP权威指南》&/p&&p&每个Web程序员都应该熟悉HTTP协议里的内容。《图解HTTP》算是科普级别的书，《HTTP权威指南》则是大部头，需要点耐心才能看完。建议在了解AJAX后立刻开始学习HTTP协议。&br&&/p&&br&&p&《锋利的jQuery》&/p&&p&讲JS最著名的库——jQuery的，快速入门的书。光会原生JS不够，还要会用库。&/p&&br&&br&&p&《数据结构和算法的JavaScript描述》&/p&&p&作为程序员如果连基本的数据结构和排序、查找算法都不会实在丢脸。&/p&&br&&p&《JavaScript编程精解》&/p&&p&巩固对JS的理解，很薄&/p&&br&&p&《JavaScript启示录》&/p&&p&同上，也很薄。&/p&&br&&p&《JavaScript权威指南》&/p&&p&号称“圣经”，最权威的JS书本，买来当作字典备查吧，没事也可以翻翻。&/p&&p&然后就是向高级前端工程师发展了，由于我是个菜鸟，也没办法做什么推荐。这时候全靠上社区、看博客来开阔眼界追赶潮流了。&/p&&br&&br&&p&=========&/p&&p&最后不得不说的是，所有的书里面的一些理念、方法等，只是作者自己认为的最佳方案，不代表就是绝对的真理，有的甚至因为时代的发展反而成为了错误内容，“尽信书不如无书”，大家还是应该结合工作实际和当前的潮流来学习新知识。&/p&
第一本，入门《Head first HTML&CSS》最好的入门书。看两遍就对HTML & CSS 有个大概印象了。此时把w3cschool作为备查手册收藏起来第二本《CSS权威指南（第三版）》最权威的CSS书籍，除了阅读W3C的文档外的不二选择（就是翻译有点操蛋，遇到感到难理解的地方…
11年，在一家做APP的公司上班，测试部的同事给我反馈了一个Bug，说是怎么怎么操作APP就会崩溃，我就按照他的描述，反复操作了有十几次都没有复现这个Bug，我就去找他，并且让他再操作一次给我看看，我好确定是不是我操作的步骤不对。结果他操作了7、8次也没有再复现这个Bug，这下我俩都傻了，然后我就帮他回忆，看他到底是怎么发现的这个Bug。最后终于找到原因了，这货在写字楼的楼道里边走边用这个APP，然后走到某个地点的时候这个APP就崩溃了。后来我俩就走到他说的那个位置，果然，每次操作都会复现这个Bug，最后发现，这个位置的网络信号极差，是APP向服务器发送请求/接收服务器数据时超时导致的崩溃。。。&br&&br&这个Bug的难调之处在于，必须在这个特定的位置才能复现这个Bug，其实就是这个位置能连上公司的WIFI但是又恰巧WIFI信号是最弱的，有点类似于时断时续。然后那天就看见那个测试拿着手机站着在那儿操作APP，我蹲在地上用数据线将手机跟笔记本连上，抓LOG解决问题。而且只要那货稍微一转动方向，就会出现Bug复现不了的情况。&br&&br&--------- 更新--------&br&刚刚出炉的Bug，是关于objective-c中float转int的。浮点数12.98在乘以10000以后，转成int时，会变成129799，ios开发的同事在代码里用6.98，39.98等等数值测试，都没问题，只有12.98这个会变，而且就是这么巧，用户在使用的时候就碰到了有一个物品是12.98万元，在转成以元为单位时会变成129799。。。。。。
11年，在一家做APP的公司上班，测试部的同事给我反馈了一个Bug，说是怎么怎么操作APP就会崩溃，我就按照他的描述，反复操作了有十几次都没有复现这个Bug，我就去找他，并且让他再操作一次给我看看，我好确定是不是我操作的步骤不对。结果他操作了7、8次也没…
我建议学AI，而不是PS.&br&因为你不是美工，你只需要了解就够用了。&br&有个工程师的打算自己做产品，我也是这样建议他。这样能最快速出产品。&br&&br&1）AI是矢量图，能方便改成任意尺寸。&br&小尺寸，大尺寸，超大尺寸，绝对没问题。&br&&br&2）现在流行扁平化，大量图标，修改颜色就是另一个风格。&br&AI超快速能搞定。&br&而且Android，ios原始的按钮，天气，日历，设置等等各种图标，网络大量矢量素材。&br&一搜一大把。稍微修改一下就能用。平面加投影，或者3D的改成平面的。都很快。&br&这要是PS，抠图改颜色，要哭死。&br&&br&3）AI更简单。&b&任何一个正常工程师，我能教他4小时内学会&/b&。而且是连吃饭带聊天讲八卦。&br&&br&4）我的APP全部设计，都是用AI做的。&br&所有图标都是网络搜Android原始素材。速度超快～～&br&&br&5）在AI里面设计整个界面，速度超快无比。&br&矢量图真心很爽，拖拖就搞定了。&br&这样你&b&能集中注意力在整个界面和功能上&/b&（这才是PM要做的事情）。不至于死扣细节死掐像素。&br&&br&&br&&br&&img src=&/0b33fec2c8af3cfa121b_b.jpg& data-rawwidth=&290& data-rawheight=&163& class=&content_image& width=&290&&&img src=&/f2aaab2acc06ad65b17ad8247ae3eabf_b.jpg& data-rawwidth=&576& data-rawheight=&335& class=&origin_image zh-lightbox-thumb& width=&576& data-original=&/f2aaab2acc06ad65b17ad8247ae3eabf_r.jpg&&&br&&img src=&/e8c02a2ae006dd_b.jpg& data-rawwidth=&450& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&/e8c02a2ae006dd_r.jpg&&&br&&img src=&/0ec36cf0ffb9a1c24ea015_b.jpg& data-rawwidth=&720& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/0ec36cf0ffb9a1c24ea015_r.jpg&&猫咪不是我画的，其他都是。&br&AI也可以做很赞效果的。&br&APP的图标，也是AI，而且都是很快完成的。&br&速度真心很重要。&br&理工男不会选颜色，从色版里面选个颜色系列然后就行了。不用特别去考虑。&br&AI真心很够用。嗯嗯，强烈推荐！&br&&br&&img src=&/4d1ad9ad39dfdf_b.jpg& data-rawwidth=&448& data-rawheight=&388& class=&origin_image zh-lightbox-thumb& width=&448& data-original=&/4d1ad9ad39dfdf_r.jpg&&&br&&br&补充下：&br&我的确觉得AI很简单，只用部分功能，足够完成APP整个设计了。AI复杂功能，我现在也没用过。&br&在产品经理这个语境下，我的确认为AI是最简单最实用的。&br&目的是完成方案。过度推崇技术，跑题研究技术，也很奇怪。&br&我觉得最最简单的是手绘，只是因为我手绘太差，才说AI。&br&推荐我个人觉得最简单的画界面工具。拿纸笔画，万一真画不准，淘宝买个模板，框住画也超级快。&br&或者打印出iphone，Android手机外形，很多公司出原型图都是这样。线下听讲座，很多人PPT里面展示原型，都是纸张手绘。都是画框框，手绘真的超快的～ &br&『我不推荐买下面的模板～不太好用，我买了又退了，发现直接手绘是最快的。打印原型大小手机界面，很有帮助。』&br&&img src=&/fc0b31a3fcb5ad9d0461e_b.jpg& data-rawwidth=&800& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/fc0b31a3fcb5ad9d0461e_r.jpg&&&br&补充快速找矢量图，或者图标网站：&br&&a href=&///?target=http%3A///vector/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&矢量图素材_懒人图库&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&设计宝-免费图标下载，图标搜索引擎ICON(PNG/ICO/ICNS)图标下载&i class=&icon-external&&&/i&&/a&&br&&br&嗯，设计师日常工作中，的确做不少简单设计。
设计师能当美工用。虽然美工不能当设计师用。&br&产品经理利用已有素材，快速做出符合android或者ios风格界面，的确够用了。&br&UI，UE等等，他们能继续改进的。不必是全才。&br&&br&————————补充——————————&br&学习视频地址在：&br&&a href=&/question//answer/& class=&internal&&如何在四小时内学会用 AI 做 UI？&/a&&br&一小时视频，一小时练习，一小时啃鱼，一小时聊天讲八卦嗯嗯~~~
我建议学AI，而不是PS.因为你不是美工，你只需要了解就够用了。有个工程师的打算自己做产品，我也是这样建议他。这样能最快速出产品。1）AI是矢量图，能方便改成任意尺寸。小尺寸，大尺寸，超大尺寸，绝对没问题。2）现在流行扁平化，大量图标，修改颜色就…
已有帐号？
无法登录？
社交帐号登录
2791 人关注
199 个回答
1225 人关注
116 个回答
1663 人关注
287 个回答
2348 人关注
351 人关注}