设计案例网站（吐血整理）

学府敲门砖必备，学术类书单：那些清华、浙大、同济老师们都列作必读书目、考研参考书目、教科书级别的著作，慢慢啃的工具书类目录交互设计重点书籍推荐界面设计推荐个人推荐书单，有趣又好读的名校设计类学生参考书单BAT内部推荐书单数据开发类设计自学资源网站推荐界面设计类网站好的交互设计案例类国外交互设计高校网站关于交互设计的商业模式用户体验设计类书单国内用户体验设计团队网站推荐服务设计网站推荐服务设计书单推荐数据可视化类满满的干货~么么哒重点书籍推荐：《About Face 4: 交互设计精髓》Top1～《用户体验的要素 －以用户为中心的Web设计》鼻祖之一，基础工具书，战略层范围层结构层框架层表现层概念请牢记。《Web导航设计》工具书，不好读，但是做学术时必参阅。《Web界面设计》同上《设计心理学》（唐纳德 A 诺曼）《情感化设计》《网页设计指南》 （较老，教科书级）《语音用户界面设计：对话式体验设计原则 》语音对话交互设计必读工具书。由拥有17年从业经验的资深语音用户界面设计(VUI)系统设计专家Cathy Pearl撰写，VUI经典。《交互设计沉思录》内容一般 偏交互的语义关联。界面设计推荐：《Web信息架构：设计大型网站》《About face 4》《网站交互设计模式》《锦绣蓝图:怎样规划令人流连忘返的网站（第2版）》《Web导航设计》《瞬间之美——web界面设计如何让用户心动》《写给大家看的设计书》偏美学/平面设计科普，4个基本原则及设计实例。《认知与设计-理解UI设计准则》.jeff.johnson UI设计准则工具书。与这本类似，更好读的书是《Don’t Make Me Think》《启示录：打造用户喜爱的产品》硅谷科技公司的产品设计流程，揽括设计、开发、管理、测试、运营等等方面的经验思考总结。《视觉可用性-数字产品设计的原理与实践 》学习应用视觉设计的最佳入门指南。《兼济天下 用户无障碍体验的可访问性设计》深度剖析可访问性思维以及可访问性设计原则。个人推荐书单，有趣又好读的：《IDEO 设计改变一切：设计思维如何变革组织和激发创新》《创新设计综合研究报告》 中国工程院创新设计相关的重大咨询项目组，建议阅读《积极计算》Rafaeo Calvo等《用户体验设计成功之道》Jodie Moul等，《简约至上：交互式设计四策略》 好看，简单又深刻，推荐《破茧成蝶-用户体验设计师》 实用，有些好的道理和心得，推荐《游戏设计艺术》从0开始到结束的游戏设计过程以及设计思维，有趣易懂。《Don’t Make Me Think 点石成金》 界面设计/Web设计原则、实例 入门必读、易理解且全干货。《设计方法与策略：代尔夫特设计指南》72种代尔夫特理工大学核心设计方法、策略和技巧。《通用设计法则》原作名: Universal Principles of Design从“80／20法则”、“意元集组”、“娃娃脸偏见”、“奥卡姆剃刀”、“自相似性”到“讲故事”等通用法则。125条法则非常全面，是正在学习设计专业的学生的实用宝典。《通用设计方法 》 原作名: Universal Methods of Design100种实用的设计方法集合，着重用户调研方法，更强的工具书，考研的同学可以看这本书快速掌握一些必备的设计概念！《這就是服務設計思考》《设计中的设计》设计洞察能力启蒙书《平面设计中的网格系统》从字体到行距、页边距、页码的网格工具系统介绍，排版工具书《文字排印系统-平面设计不只是网格系统》文字排版八大系统的完整介绍，进一步提高文字编排设计能力。《无界面交互》 作者Google用户体验设计师，提倡最好的交互体验是无界面设计。轻松易读。《第三种创新》设计驱动创新，这是清华浙大同济的导师们都挂在嘴边上的词语，建议大家看看本书，详细阐述了各类企业内部的设计驱动创新的模式。　　《设计未来：基于物联网、机器人与基因技术的UX》针对未来科技浪潮下的交互体验设计,囊括目前已进入大众视野的物联网、机器人与基因技术，更是展望未来移动数字与可穿戴设备等新兴技术大爆发场景之下，如何面向集群机器人、嵌入表皮的计算机及可生物打印的器官等下一代设备进行产品交互设计。名校设计类学生参考书单：《商业模式新生代》《通用设计方法 》《产品制造工法入门》《商业创新设计》《信息可视化交互设计》原作名：Information Visualization《视不可当-信息图与可视化传播》《Envisioning Information》《机器识别与机器学习（机器学习圣经）》《模式分类》Richard O.Duba《Exploratory Data Analysis with MATLAB》《Arduino.Cookbook》《设计心理学》[欧美工业设计5大材料顶尖创意：玻璃].(英)…[欧美工业设计5大材料顶尖创意：金属].(英)…[欧美工业设计5大材料顶尖创意：陶瓷].(英)…[欧美工业设计5大材料顶尖创意：塑料].(英)…[欧美工业设计5大材料顶尖创意：陶瓷].(英)…设计类本科生必备设计软件：犀牛/AI/PS/Axure/AE/Premier非常落地的设计类书单，大公司出品，有利于找工作、面试、求职BAT内部推荐书单：《交互设计之路》《About Face 4交互设计精髓》《认知与设计-理解UI设计准则》《瞬间之美-Web界面设计如何让用户心动》《史蒂夫·乔布斯传》官方正式中文版电子书 (1)《启示录-打造用户喜爱的产品》《认知盈余》（美）克莱·舍基《至关重要的设计》 罗伯特·布伦纳《情感化设计》《IDEO 设计改变一切》《Don't make me think》《定位》《失控》〔美〕凯文·凯利《黑天鹅》纳西姆·尼古拉斯·塔勒布《爆发·大数据时代预见未来的新思维》《互联网创业密码》《结网》数据开发类：《网站重构—应用Web标准进行设计[中文版]》《代码整洁之道》《编写高质量代码—Web前端开发修炼之道》《高流量网站CSS开发技术》迷你书《用户体验度量》《谁说菜鸟不会数据分析 入门篇》《谁说菜鸟不会数据分析（工具篇）》《数据挖掘与数据化运营实战：思路、方法、技巧与应用》《Linux内核设计与实现》《[Linux命令、编辑器与Shell编程》《unix环境高级编程》设计自学资源网站推荐：国内的自学网站推荐优设、人人都是产品经理、Seeseed、站酷…https://www.seeseed.com Seeseed 设计导航，内容很用心。看到有自己喜欢的网站，也可以收藏进去。hao.uisdc.com 优设的设计导航站收录很多不错的设计网站，此外优设自己的网站里也有大量干货文章https://www.uisdc.com/。https://idesign.qq.com/#!index/feed 设计订阅-腾讯设计导航界面设计类：Dribbble Behance Collect UIhttps://design.tutsplus.com/ 学习PS/AI/Indesign/AE/Cinema 免费视频教程（全英文）、资源下载https://uimovement.com/ UI界面/动态原型https://www.invisionapp.com/inside-design/design-resources/ 免费UI资源、Icon打包下载。以下也是一些其他设计师们经常推荐的网站资源，大家可以试用了再收藏～。https://www.awwwards.com/Awwwards是欧美网页设计类网站，里面有许多高端的设计作品+Behance上没有的教程文章。http://abduzeedo.com/ 设计灵感网站：建筑设计、版式设计、视觉设计、界面设计的流行趋势。https://500px.com/ 图片资源网站https://www.iconfinder.com/ Icon资源网站 最好用的icon网站之一muuuuu.org Muuuuu 日本的高质量设计作品网站，许多排版设计灵感好的交互设计案例类：BehanceVimeoCoroflot https://www.coroflot.com/KickstarterIndiegogoIssuu https://issuu.com/ 里面有很多国外学生的作品集DeisngKitMethods: http://www.designkit.org/methods 网站里收录了IDEO 的设计方法总结，所有你可能用到的设计方法参考，可以说很全面了。Slideshare https://www.slideshare.net/search/slideshow?searchfrom=header&q=designLittle Big Details 好的交互设计细节案例集锦 http://littlebigdetails.com/国外交互设计高校网站：关键词：student work / projects / student galleryMIT Medialabhttps://id.iit.edu/projects/美国Art Centerhttp://www.artcenter.edu/academics/student-gallery/undergraduate-degrees/interaction-design.html斯坦福D-schoolhttp://dschool.stanford.edu/卡内基梅隆http://www.cmu.edu/芬兰阿尔托大学 Aalto Universityhttps://www.aalto.fi/department-of-design瑞典于默奥大学设计学院http://www.dh.umu.se/en/applications/programmes/mfa-in-interaction-design/projects/皇家艺术学院http://www.rca.ac.uk/波茨坦大学http://www.hpi.uni-potsdam.de/加州艺术学院http://www.cca.edu/更多设计院校http://www.otis.edu/https://www.otis.edu/student-work?field_program_of_study_tid=Allhttp://ciid.dk/education/http://www.newschool.edu/parsons/http://www.risd.edu/http://www.tamabi.ac.jp/http://www.tamabi.ac.jp/pro/g_works/2018/pd/自学资源：UXPin — 电子书，涵盖了信息架构、扁平化设计、移动端排版、可用性测试、响应式设计等干货交互设计/用户体验设计教程；Udemy — UX课程，Udemy是现在特别火的学习平台，内容非常高质量，全英文。包含从基础设计入门到高端VR开发等；UX Mastery，用户体验设计的网站，含有电子书、播客、课程、会议讨论、技术文档、工具等资源。Medium，Core 77, Frog、 IDEO、Smart, Ziba Design等设计公司，会从用户、科技、文化与商界角度分析设计的价值，都很值得看。关于交互设计的商业模式：TechCrunch / 哈佛商业评论 / Wired的主编、相关文章等http://techcrunch.com/The Startup Economy / BussinessInsider /The Designer Fund（建议快速认识一下这些导师，这样就可以找到各种延伸的资源）Kickstarter (Discover Projects )http://www.kickstarter.com/MIT Technology Reviewhttps://www.technologyreview.com/用户体验设计类书单：《用户体验要素-以用户为中心的产品设计》《用户体验可视化指南》这本书也真的非常好，好到可以成为用户体验设计和研究领域的大辞典。作者引经据典，却因为篇幅受限，很多没有详细展开。不知前因后果的读者，因此会错过很多有意思的观点。《用户体验度量：收集、分析与呈现》用户体验数据量化的指南，可以用来学习做用户体验报告等。《精益设计：设计团队如何改善用户体验》提升设计团队的用户体验设计的方法。《破茧成蝶-用户体验设计师》《U一点·料-阿里巴巴1688UED体验设计践行之路》《在你身边，为你设计》《腾讯网UED体验设计之旅》腾讯10年用户体验设计的核心方法《用户体验草图设计：正确地设计，设计得正确》《用户体验草图设计工具手册（全彩）》《项目指南UX设计》A Project Guide to UX Design 用户体验书，解释了用户体验项目是如何从早期用户测试从一开始就建立到三维的。《101设计方法》101 Design Methods。用户体验书籍之一。该书将设计方法具体化为具体的过程，即意图、上下文、框架解决方案、实现产品。这本书的每一步都附有例子和解释。《IDEO Method Cards》IDEO方法卡片是一种纸牌。然而，它的质量是最好的用户experiencebook一样好。主流设计方法在卡片上被巧妙地分割和打印。我们一直在问什么？学习与游戏。《Handbook of Usability Testing》可用性测试手册工具书，详细学到如何根据用户需求选择测试方法。国外用户体验设计推荐网站：UX Magazine | Defining and Informing the Complex Field of User Experience (UX)Interaction Design AssociationWireframes MagazineSmashing MagazineUI & UX | Co.Design，文章普遍很长，质量也不错，貌似被国内翻译的不多Usability Geek—专注于设计与业务的交叉结合，有许多关于改进设计、提高转换率类相关的文章。Medium—与其他设计师进行故事互动的社区平台，每天都有成千上万的新故事持续更新。Mockplus—优选用户体验、界面设计以及趋势预测的博客，所有文章都是经过精心挑选的，也提供如何进行有效设计的指南和技巧。UXPin—国外市场上最流行的博客网站之一，主要从网站的角度来进行UX设计分析，有大量的文章资源，适合于硬件开发人员和设计人员。国内用户体验设计团队网站推荐：腾讯CDC腾讯MXD移动互联网设计中心TGideas-腾讯游戏官方设计团队QQ游戏设计中心腾讯ecd – 电商用户体验设计部 E-Commerce User Experiencehttp://isux.tencent.com/blog让生活支付更完美|TID-财付通设计中心阿里支付宝 UED 官方网站Tmall_UED | 天猫UED文章 -一淘-UX-用户体验中心http://www.lpued.com/阿里巴巴（中国站）用户体验设计部博客网易 网易用户体验设计中心百度百度MUX百度联盟用户体验中心http://ued.baidu.com搜狗 搜狗UED博客360 360UXC用户体验设计中心微博 微博UDC | 让设计无“微”不至服务设计网站推荐：米理服务体系设计 http://www.servicedesigntools.org/Service design toolkit: http://www.servicedesigntoolkit.org/SDN国际服务设计联盟 https://www.service-design-network.org/Service Design World Map 开放MAP英国皇家艺术学院https://www.rca.ac.uk/showcase/show-rca/?school=schoolofdesign&programme=servicedesign服务设计书单：《这就是服务设计思考》《为真实的世界设计》《From Products to Service》这三本是比较经典的，再加上服务设计综合性较强，要看更多的工业设计/交互设计+商业设计的书籍。服务设计案例推荐：以下这些大公司内有许多好的服务设计案例IDEO: https://www.ideo.com/Engine: Engine Service DesignFjord: Fjord. The Design & Innovation consultancy.Nile: Nile | An experience and service design consultancylive|work: Home – Liveworkcontinuum: Continuum | The future. Made real.thinkpublic: thinkpublic数据可视化类：著名数据可视化网站、博客汇总一些能给可视化工程师、信息设计师带来巨大帮助的blog及网站，提供了 创建方法、案例、类型以及其他资源。有些还提供了工具来帮助您创建自己的可视化数据。（站点的排序的大致原则为：1.更有影响力的站点排序更靠前；2.侧重数据可视化站点比侧重设计资源的站点更靠前。）Visualising DataVisualising Data 是Andy Kirk 创建的比较有名的可视化博客，介绍最新的可视化技术、软件资源和应用实践。Information is beautifulInformationisbeautiful 是David McCandless的可视化网站，展示他的精美的可视化作品,颂扬了精美的数据设计。网站还进行可视化竞赛，赞助商们提供数据，可视化爱好者们提交可视化作品，优胜者将获得奖励。FlowingdataFlowingdata 是可视化专家Nathan Yau 建立的著名的可视化案例网站，提供了一些令人震惊图表。Information AestheticsInformation Aesthetics是由Andrew Vande Moere设计和维护的著名可视化案例网站，宗旨是探索信息可视化和创造性设计之间的密切关系。转载了许多细节精致的图表和可视化数据，涉及政治、经济、金融及其他类型。FILWDFILWD (Fell in love with data)以享受从数据中获取信息的乐趣为宗旨，并不提供可视化相关的资讯和案例分享，着重于数据可视化的经验分享，致力于在可视化的研究和实践之间建立桥梁。Visual Business IntelligenceVisual Business Intelligence 是和商业图表相关的一个博客，介绍商业图表可视化的案例、设计经验，评论可视化的趋势和资源。DatavisualizationDatavisualization 是数据可视化和信息图表的资讯网站，分享可视化资源，发布自身的可视化研究成果，也转载评论他人的优秀案例。视物 | 致知视物 | 致知是一群热爱信息可视化和数据分析的程序员建立的可视化中文站点，分享最新的可视化案例和经验。图表汇图表汇是一个专注于信息图表（INFOGRAPHICS）的学习与分享的主题博客平台，学习和交流信息可视化（InformationVisualization）的理论、技巧和方法，共享信息可视化之美！visualizing.orgvisualizing.org是面向多种人群的可视化站点，任何人都可以分享、评论可视化作品，创作者可以上传自己的作品，团体组织可以发布自己的数据，学校老师也可以组织一些可视化比赛。Visual complexityvisual complexity 是可视化专家Manuel Lima创建的关于复杂网络的可视化博客，致力于研究复杂网络的可视化方法和原则。汇集了大量的工程项目图表。图表都进行了分类并提供缩略图，以便于对海量信息进行检索。number27number27是we feel fine 的作者之一Jonathan Harris创建的博客。他的惊人的作品融合了计算机，人类学，虚拟艺术、叙事等元素。Edward TufteEdward Tufte 介绍了来源广泛的信息可视化图表。每张图表都有独立评注，其中有一些令人难以置信的有趣图片。Edward Tufte是信息图表设计的一代宗师。visual.lyvisual.ly 是非常专业的可视化站点，收集了数千件可视化作品。用户可以搜索可视化实例，上传自己的可视化作品，利用其软件生成自己的图形化简历。Many EyesMany Eyes提供了工具让你创建自己的可视化数据，同时还可浏览别人的作品。他们也拥有一个很大的图库。Well-formed DataWell-formed Data 这个blog的题材：交互界面设计、信息图形、数据及统计可视化等。所附评注非常有趣，就某些话题进入了深入的探讨。The New York Times 纽约时报在The New York Times的网站上花一点力气找到最好的图表绝对是值得的。它们拥有商业领域最好的信息图形，保证平均水平的读者能轻易理解那些实际上非常复杂的数据。Cool InfographicsCool Infographics 是一个令人敬畏的blog——信息可视化的编年史及大量搜集来的可视化数据。只要你所能想得到的话题，这儿都有。基于tag的架构便于你查找特定类别的图表。Simple ComplexitySimple Complexity 这个网站展示了一些简化复杂信息的可视化数据，用一种易于理解的方式来体现他们的真实意图。也包括一些关于如何图表优化的教程。Strange MapsStrange Maps 上有许多基于图表的地图，涵盖古今。地图里所带的标注，其中最有趣的是那些历史地图。Wall StatsWall Stats 用海报招贴的形式制作了“美国个人可自由支配收入的统计”图表。它们还提供了其他关于政治及经济议题的图表。Data MiningData Mining 涉及的领域为数据可视化、社会化媒体和数据挖掘。这个Blog从包括《美国国家地理》及《经济学人》在内的其它媒体上聚合了大量的信息可视化图形Infographics NewsInfographics News主要提供新闻类信息可视化图像，也发布了一些和新闻相关的不同寻常的图表Chart PornChart Porn 提供来至全国各地的图示和图表，设计精美，涉及广泛。按话题分类，易于检索。Behance Network网站 Behance Network 基于Tag机制，内容涉及信息架构及其他一些特定类型。可以按作者进行检索。Good MagazineGood Magazine 推荐了一些极有趣的原创图表，从“水危机”到“食品券的增长”到“奥巴马对投票率的影响”。Matthew Ericson这个BLOG展示了图表设计师Matthew Ericson及其他人的创作作品。NiXLOG InfographicsNiXLOG 上从互联网上聚合了大量信息可视化的内容，还包括一份原创图表：关于苹果电脑及其消费观如何普及的演变历程。Virtual WaterVirtual Water是一个专业blog，主题是用水量的统计。他们用招贴的形式展现信息并（全部或部分地）出版发行。History ShotsHistory Shots是一个商业网站，出售各种主题的数据图表及可视化产品（招贴、明信片等）。他们的主要提供历史事件、时代及包括政治、军事、体育或其它有趣科目在内的数据图表。这是一个相当有趣的网站，你可以在屏幕赏缩放图片进行浏览。Nicolasrapp.comnicolasrapp.com 是一个信息设计blog，其作者为美联社进行创作。DataVizDataViz 搜集了许多漂亮的数据化设计。尽管没有标注，但是那些图片已经完全足够说明自己了。iGraphics ExplainediGraphics Explained –对于图表和数据可视化的有效性和制作方式，这个blog希望能阐明一些启示。他们展示了一些来至互联网的精美图表，这是一个启发创意的好去处，你还可以在这里认识到哪些图表形式是有效，而哪些不是的。信息图形的Flickr群组Flickr 群组可以成为信息和灵感的源泉。下面案例中的图表，大部分来至世界各地的不同时期。这是一个获取想法和感知全球图表设计趋势的好地方。Infografia | Infographics拥有700多张图表的群组，由120多位成员上传。Infografistas.com / Infographics News 拥有350个类目的发布，来源的种类繁多。Visual Information 包含650类目的群组。从餐馆到图书馆地图都有。The Info Graphics Pool这个可能是Flickr里这一类群组中规模最大的了，拥有超过700名成员和1800个类目。