返回 编程语言
Awesome Product Design
Awesome product design
Awesome Product Design
¶
> 产品设计师的书签、资源和文章合集.
Digital product design 是用正式解决方案解决功能问题的迭代设计过程. 数字产品设计师确定一个真正的问题,提供可能的最佳解决方案,并将其投放到对该特定解决方案有需求的市场.
随意地 add something interesting 通过拉取请求.
Research¶
Methods¶
Research Plan¶
- Smashing Magazine - 利益相关者喜爱的用户体验研究计划.
- NN Group - 用户研究项目管理:计划.
- Interaction Design - 一页用户研究计划.
User Interview¶
- NN Group - 尽管存在许多弱点,但访谈是探索性用户研究的一种有价值的方法.
- UXDesign.cc - 如何充分利用用户访谈.
Stakeholder Interviews¶
- Boxes and Arrows - 采访利益相关者的备忘单.
- UX Apprentice - 利益相关者访谈模板.
- Interaction Design - 准备用户体验利益相关者访谈.
Research Synthesis¶
- UX Movement - 如何将用户研究转化为可用数据.
- SlideShare - 设计研究综合.
- Medium - 使用 Trello 进行用户研究综合.
- Tuts+ - 如何准备和使用亲和图.
- Medium - 亲和图:提示和技巧.
Competitive Analysis¶
Job to be Done¶
Personas¶
- Usability.Gov - 人物角色的目的是为您的主要受众创建可靠且真实的代表.
- UX Mag - 角色:出色用户体验的基础.
- Tuts+ - 定义人物角色并将其应用于用户体验设计.
Empathy Map¶
Storyboard¶
- UX Magazine - 软件设计过程中的故事板.
- Medium - 用户体验设计中的故事板.
- NN Group - 何时以及如何创建客户旅程地图.
- UX Lady - 体验地图、用户旅程等.
- Smashing Magazine - 您需要了解的有关客户旅程映射的所有信息.
- Medium - 如何构建体验地图.
Articles¶
- Smashing Magazine - Rainbow 电子表格:协作式精益用户体验研究工具.
- Coglode - 一口大小的行为研究分析.
Testing¶
- User Testing - 解锁客户洞察并增加收入.
- Optimal Workshop - 帮助您和您的团队自信地做出设计决策的用户研究平台.
- Measure Success - 您如何衡量用户体验设计的成功(或失败)?.
- Lookback - 简单、强大的用户研究.
- Full Story - 关于您的客户体验,您想了解什么?
- Desinion - 为您的公司或您客户的公司做出明智且明智的设计决策.
- Survey Monkey - 将直觉转化为洞察力.
- Etnio - 为用户研究拦截真人.
UX¶
Guidelines¶
- The UX Bookmark - 收集全球最佳用户体验网站.
- Gov.Uk - 帮助政府团队创建和运行出色的数字服务.
- Methods 18F - 将以人为本的设计带入您的项目的工具集合.
- Guides 18F - 18F Guides 是我们团队最佳实践的存储库.
- Usability.Gov - 改善用户体验.
- Medial Lab Amsterdam - 设计方法工具包.
- Design Kit IDEO - 释放您的创造力的分步指南.
- Gamestorming - Gamestorming 是一套供全球创新者使用的共同创造工具.
Articles¶
- UX Magazine - UX 杂志是一个免费的社区资源,探索体验设计的各个方面.
- UX Booth - UX Booth 是用户体验社区的出版物.
- UX Mastery - 我们帮助用户体验专业人士入门并变得更好.
- UX Myths - 根据证据而不是错误的信念构建您的产品.
- A List Apart - List Apart 探索网页内容的设计、开发和意义.
- 52 Weeks of UX - 讨论为真人设计的过程.
- UX Pin - 探索用户体验设计各个方面的指南、文章和电子书.
- The IxD Library - 收集与交互设计相关的资料.
- LukeW - 关于数字产品设计背后的关键细节和大局的出版物.
- NN Group - 基于证据的用户体验研究、培训和咨询.
- Information Design - 自 1997 年以来精心挑选的 InfoDesign.
- Intercom - 设计、客户成功案例和创业博客.
- UXDesign.cc - 用户体验、可用性、产品设计. 关注 UXDesign.cc.
- UX Reactions - 好玩的东西.
Tools¶
- UX Recipe - 这个项目是反对“用户体验”一词客观化的个人宣言.
- UX Checklist - 用户体验项目清单.
- UX Stackexchange - UX Stack Exchange 是一个问答网站.
UI¶
Guidelines¶
- Ant Design - 一种用于企业应用程序的 UI 设计语言.
- iOS Guidelines - 获取有关设计与 Apple 平台无缝集成的出色应用程序的深入信息和 UI 资源.
- Google Material - Material Design 是一个统一的系统,结合了用于打造数字体验的理论、资源和工具.
- Google Design - Google Design 是由 Google 的一组设计师、作家和开发人员领导的合作成果.
- Facebook Design - Facebook 设计师制作的文章、视频和资源的集合.
- UsTwo - Pixel Perfect Precision Handbook 3.
- Vinsol - 给设计师的提示:来自开发人员.
Inspiration¶
- Pttrns - 所有设计资源之母.
- Call To Idea - 点亮你的想象力!
- Android Niceties - 旨在为 Android UI 约定提供灵感和洞察力.
- Lovely UI - 移动用户界面元素的集合.
- Brian Lovin - 最佳产品的视觉探索.
- Inspired UI - iOS 移动应用程序设计模式.
- Sloppy UI - 这完全是关于知识分子的诚实,而不是拖钓.
Tools¶
- Pattern Lab - 使用 Pattern Lab 创建原子设计系统.
- Huge - 使创建和维护样式指南变得容易的工具.
- Figma Bootstrap 5 UI Kit - UI 工具包包含 300 多个有组织的 Bootstrap 5 组件,使用原子设计系统和自动布局构建.
- Sketch Bootstrap 5 UI Kit - UI 工具包包含 300 多个有组织的 Bootstrap 5 组件,使用原子设计系统和智能布局构建.
Visual¶
Resources¶
- Design Principles FTW - 互联网上最大的设计原则集合.
- Awesome Design Systems - 设计系统、模式库以及介于两者之间的所有内容的精选列表.
- Awesome Sketch - 精彩的 Sketch 视频、文章、插件等精选列表,适用于设计师、开发人员或两者皆不.
Icons¶
- Use Iconic - 认识标志性的. 专为现代网络设计的权威图标集.
- Icon Finder - 搜索 1,739,045 个图标或浏览 42,226 个图标集.
- We Love Icon Font - 这是一个免费和开源的图标字体托管服务.
- The Noun Project - 一切的图标.
- Iconmonstr - 在 263 个集合中发现 3847 多个免费的简单图标.
Font Foundries¶
- Open Foundry - 无噪音环境中的开源字体新平台.
- Use & Modify - 提供一组在自由或开源许可下分发的当代字体,由排版和自由文化爱好者手工挑选.
- Font Fabric - Fontfabric 是一家独立的字体代工厂.
- Font Squirrel - 免费字体乌托邦.
- Play Type - 浏览我们精选的一百多种字体和近 500 种不同的字体粗细.
- Identyfont - 通过回答有关关键特征的问题来识别字体.
Typography¶
- NN Group - 版式术语备忘单.
Colors¶
- Coolors - 超快的配色方案生成器!
- Colour Lovers - 创意社区.
- Color Hunt - Color Hunt 是一个面向所有热爱色彩的人的社交平台.
- Brand Colors - 在 sass、less、stylus 和 css 中提供 1100 多种颜色集合.
- Atmos - 创建调色板所需的一切
- Branition Colors - 最适合品牌推广的手工精选调色板.
Stock Images¶
- Unsplash - 免费(随心所欲)- 高分辨率照片.
- StockSnap - 每周添加数百张高分辨率图像.
- Pixbay - 您可以在任何地方使用的免费图片和视频.
- Jay Mantry - 免费图片 (CC0).
- Get Refe - 免版税、高质量、真实生活的照片.
- ISO Republic - ISO Republic 为创意专业人士提供免费库存照片.
- All The Free Stock - 在一个位置获取所有免费图片、视频、音乐和图标.
- Pexels - 各种风格的免费库存图片,包括过滤、自然和商业.
- unDraw - 为您可以想象和创建的每个项目提供开源插图.
Stock Videos¶
- Vimeo - 免费个人、公司或商业用途的免版税股票视频.
Tools¶
- Polarr - 照片编辑器.
- Licecap - 简单的动画屏幕截图.
- Hand Brake - HandBrake 是一种工具,可将视频从几乎任何格式转换为一系列现代的、广泛支持的编解码器.
Prototype¶
Articles¶
- The 12 Principles - 动画的 12 条基本原则是由华特迪士尼工作室的“老人”制定的.
- Hoverstat - 另类数字设计之家.
- Microinteractions - 细节设计.
- Motion UI Design - 灵感资源、软件列表、库以及与 Motion UI 设计、动画和过渡相关的其他内容.
Softwares¶
- Pop - POP 帮助您将笔和纸的想法转化为交互式 iPhone 或 Android 原型.
- Invision - 世界领先的原型制作、协作和工作流平台.
- Marvel - 简单的设计、原型制作和协作.
- Flinto - Flinto 让设计师能够快速制作他们的移动、桌面或网络应用程序的交互式原型.
- Origami Studio - 探索、迭代和测试您的想法.
- Framer - 一体化设计工作流程.
- Proto - 创建完全交互式的高保真原型,其外观和工作方式与您的应用程序完全一样. 无需编码.
- ProtoPie - ProtoPie 是构建高级、高度交互原型的最简单的原型制作工具.
Tools¶
- Lottie - 轻松将高质量动画添加到任何本机应用程序.
- Keynotopia - Keynotopia 将 Keynote 和 PowerPoint 转变为用于创建移动、Web 和桌面 UI 模型的最佳快速原型制作工具.
Accessibility¶
Articles¶
- Gov.Uk - 让您的服务无障碍:介绍.
- Smashing Magazine - 颜色对比以及为什么你应该重新考虑它.
- Medium - 设计师的可访问性. 注意你的RGB.
- Web Credible - 视觉设计和颜色可访问性.
- A List Apart - 简单的颜色对比测试.
Tools¶
- WAVE - Web 可访问性评估工具.
- Contrast Ratio - 一种计算任意两种有效 CSS 颜色之间对比度的工具.
- Snook - Colour Contrast Check.
Writing¶
- Google trends - 现在流行的故事.
- Google Ngram - 在 Google Books Ngram 查看器中输入短语,它会显示一个图表,显示这些短语如何出现在书籍语料库中.
- Hemingway - 海明威应用程序让您的写作大胆而清晰.
- Readable - 你有 7 秒的时间来吸引别人的注意力. Readable.io 帮助您消除噪音.
- The Writer - 你的文章可读性如何?
- Taskade - 协作编辑器和大纲.
Data¶
- London Datastore - London Datastore 是一个免费开放的数据共享门户.
- YouGov - 我们相信参与的力量.
- Data.Gov - 查找政府部门和机构、公共机构和地方当局发布的数据.
- The Tate Collection - 在这里,我们展示了大约 70,000 件艺术品的元数据.
- NASA - 我们正在免费设置数据、代码和 API.
IoT¶
Articles¶
- IoT Weekly News - 订阅 Justin Grammens 关于物联网的精选文章.
- IoT Agenda - 设计物联网用户体验,而不是物联网产品.
- IoT For All - 设计物联网——5 条关键原则.
Tools¶
- Node RED - 物联网的低基础编程.
