设计网站索引
本文是我自己平时常去的设计网站，有些会经常去看，有些可能去过几次。在设计的不同阶段每个都会有参考价值。我会不定时更新。
Design Principle
UX Design
- InfoDesign | Hand-picked since 1997
- Nielsen Norman Group：大名鼎鼎的 NNG。
- SitePoint
- NYTimes - Products of Design Thinking
- The Laws of Simplicity：John Maeda 的个人网站
- UX Toledo Region
- Recommended Books for your User Experience and Usability Library：推荐图书
- A List Apart: For People Who Make Websites
- http://boxesandarrows.com
- http://www.digital-web.com
- OK/Cancel
- User Experience Professionals Association
- UXMatters
- http://www.themobileplaybook.com/en-us/#/home
- Design & Emotion
- Don Norman: Designing For People
- Experience design and information architecture resources
- RosenFild：UX 电子书籍
- http://www.aiga.org
- http://www.cs.umd.edu/hcil/
- https://www.usability.gov
- A Book Apart, Store：UX 电子书籍
- https://medium.com
Information Architecture
- Search Engine Watch：专注于搜索引擎和 SEO 优化的网站
- Dublin Core Metadata Initiative：专注于元数据设计的网站
- Flamenco Search Interface Project：专注于大型数据搜索的网站
- Glossary of Terms Relating to Thesauri：一份关于建立元数据的指南文章
- Taxonomy Warehouse：一个有关「分类学」的的网站，整理了大多数相关的内容
- Thesauri - Online Reference Resources：同义词词典
- Online Thesauri and Authority Files：同义词词典列表
- Information Architecture Resource Library | IA Institute
- 信息架构协会：
- http://www.iasummit.org
- Stanford Credibility：可信度研究
- Stanford Guidelines for Web Credibility：网页可信度指南
- Search Engine Watch：搜索引擎相关
Interaction Design
- 给程序员的设计学习指南
- Cooper | A user experience design and strategy firm
- Interaction Design Association – IxDA
- http://interactions.acm.org
- http://www.louisrosenfeld.com/home/ ：不再更新
- http://semanticstudios.com
- http://www.humanfactors.com/index.asp
- http://credibility.stanford.edu
- http://www.usabilityfirst.com/glossary/
Usability Test
- Nathan.com | My World and what I’m up to.：各种可用性测试的文章
- Software Usability Research Lab
- Glossary | Usability First
- Baymard：电商可用性报告
- MSF&W ContrastRationCalculator：色彩对比度可用性计算
- UsabilityHub：可用性测试
- MeasuringU：用户体验测试。
- WebAIM：网站对比度可用性测试。
Interface Design
User Research
Website Design
Design Workflow
- Agile Topics | Mountain Goat Software：敏捷软件开发
- IBM Design Thinking：IBM 的设计思维
- IBM Design Thinking
- design/product-design-roles.md at master · buzzfeed/design · GitHub：设计人员晋升指南
- 描述信息结构和交互设计的图示词汇表
Design Practice
- Google Design：Google 的设计博客
- The Lean Startup：快速产品设计
- Google 无障碍
- Facebook Design | What’s on our mind?：Facebook 的设计博客
- Building Windows 8 – 来自 Windows 工程团队的内部视点
- Subtraction.com + Khoi Vinh’s Web site
- 交互案例分享 @ICOjump
Design Tending & Discussion
- Designer News
- User Experience Stack Exchange：设计师的知乎
- UCDChina：无法打开
- http://www.amizhang.com/
- Dorm Room Tycoon：设计播客，会邀请许多著名的设计师来做客，讨论设计的方法。
- 人人都是产品经理 | 产品经理、产品爱好者学习交流平台
- Design News - Dexigner
Idea Inspire
Information Architecture
Website Interaction
- Level - Landing：网站的交互动画做的很炫酷，但也不算张扬
Website Interface
- Google Now：Material Design 的设计风格
- CSS Zen Garden：CSS 禅意花园
- Code School’s 2013 Report Card | Code School：整体的设计风格很漂亮
- GMAT Prep Online | Practice Tests & Questions | Economist GMAT Tutor：没想到经济学人也有这么漂亮的网站
- Cuberto：网站页面的设计非常清爽
- Marvel：Marvel 自己的官网也很不错
- Airbnb：Aribnb 的网站不用多说，非常漂亮
- BB：一个设计师博客和作品集，网站本身就很漂亮
- Top Secret America：网站的设计就像一份报纸
- Medium：不仅内容好，网站本身的设计也很好
- 报喜鸟：很少能看到这么漂亮的淘宝店铺
- UNMADE：网页的设计非常清爽，干净
- Stripe: Amex Express Checkout：不愧是设计师出身
- Online Department：网站很干净、漂亮
- http://cuberto.com
Design Collection
- 设计网站导航
- Little Big Details - Your daily dose of design inspiration：收集了许多产品设计中的小细节
- Good Copy • Email copy from great companies：收集了许多大公司的 Email 模版
- Dribbble - Show and tell for designers：Dribbble 不解释
- Reeoo - web design inspiration and website gallery：类似于 Dribbble，收集了许多不错的设计图。
- Pinterest：不解释
- Behance：不解释
- UI中国-专业用户体验设计平台
- Designspiration — Design Inspiration：有点像 Pinterest 的网站，收集了许多不错的设计图
- Incredible Types：收集了许多关于排版设计的图片
- Material Design, Daily – MaterialUp：Material Design 产品设计参考
- The Grid System - dedicated to all things Grid.：网页设计中的网格系统收集
- Sidecar | By designers. For designers.：设计网站素材合集，类似于 UI8.
- Celebrity Trainer Branding Design：平面设计集合
- The Best: Network：收集了不少漂亮的网页设计
- Awwwards：专门收集高水平网页的设计图
- straightline™_bookmark：一个日本的网页设计收集站，内容很不错。
- Web Design Clip：网页设计收集
- I/O 3000 | Webデザインギャラリー：网页设计收集
Induction Design
- Design History：收集了许多经典的设计
- Sony Desgin：Sony 的设计风格
- Graphic Design History：平面设计历史
- Monster Design：收集了许多经典、漂亮的产品
Production
UI Pattern
Website
- UI-Patterns.com：类似于在线的设计模式
- Interaction Design Pattern Library - Welie.com
- Grid System | MailChimp
- Tapdaq | Ad Mediation and Cross Promotion - One Powerful Platform
Mobile
- Pttrns：截图最多的 Pattern
- lovely ui：移动版的 UI 元素
- Mobile Patterns：移动版的 UI 元素，包括多个版本的
- Capptivate：移动端的设计图，包括带有交互的动态图片
Social
PC GUI
Design Guidelines
- Design guideline：各类设计规范索引
- Find Guideline：同样也是一个设计指南的索引网站，资源更多一些。
- Website Style Guideline Resources：网页设计的规范索引，以及一些网页设计的文章和书籍推荐。
- Brand Style Guide Examples：品牌设计的规范索引
- Brand identity style guides | Logo Design Love：LOGO 设计指南索引
- Oculus Developer Center Overview：Oculus VR 设计指南
- Design Universal Windows Platform (UWP)：UWP 设计规范指南
- Microsoft Design：Microsoft 设计指南
- Material Design：Material Design 官网
- Apple Human Interface Guidelines：Apple 设计指南
- Designing for Google Cardboard：Google Cardboard 设计指南
- Android Wear Design Guideline：Android Wear 设计指南
- Android Auto Design Guideline：Android Auto 设计指南
- SAP Fiori Design Guidelines：SAP 的设计指南
- Lighting Design Pattern：Salesforce 的设计规范指南
- Ant Design - A UI Design Language 蚂蚁金服的设计规范。
- WeUI：微信的设计规范
- Visual Style Guide — Web Starter Kit：Google Web Starter 的视觉规范
- Material Components：Google 出品的网页版的 MD 设计模版
- 用户界面 | Android Developers
Tools
Sketch plugin
- Sketch Material：Material Design 组件生成器。
- Sketch Measure：强大的标注导出插件。
- RenameIt：强大的重命名插件。
- Sketch Palettes：可以导入导出调色板。
- Craft by InVision LABS
- GitHub - lucaorio/sketch-styles-generator
- GitHub - devinmancuso/sketch-rtl
- Auto Layout for Sketch
- 插件 - sketch.im
- Output a JSON colour palette to Sketch 💎
- Sketch 压缩图片插件
Framer tools
- https://learnux.io/framer/ ：Framer iOS Kit
Online tools
- Framer Curve：贝塞尔曲线动画调节工具。
- Modularscale：生成排版规模的网站。
- 给你一张无限宽广的素材收集板：Milanote
- Navigation stress test | Keith Instone：网站导航压力测试
- Adobe Color CC
- HSL Color Picker
- Stylify Me：输入 URL 来自动分析网站的视觉风格
- MSF&W ContrastRationCalculator：色彩对比度可用性工具
- Color Blindness Simulator：色盲模拟器
- ColorBlender：配色生成器
- Flat Surface Shader：色彩参考
- Paletton：色彩参考
- Frontify：在线创建视觉标准
- Webflow：在线创建响应式网站工具。
- RealtimeBoard：在线白板和便利贴工具。
Applications
- Markly App：Sketch 和 PS 的标注插件。
- Flinto：可交互原型制作工具。
Design Elements
Sketch
- Sketch Repo - 💎 Free Sketch App resources
- 素材 - sketch.im
- https://www.sketchappsources.com
- UI8 — The marketplace for design resources
UIKit
- Apple UI Design Resources：Apple 官方出品的 UIKit
- UX Kits by Eric Miller Design：一整套线框图
- https://ios.uplabs.com
- Free PSDs & Sketch App Resources for Designers - uipixels
- https://freebiesbug.com
- http://uikits.com
- https://visualhierarchy.co/shop/
- https://designmodo.com/shop/
Wireframe
Icon
- UI8 — The marketplace for design resources
- Iconfont-阿里巴巴矢量图标库
- Material icons - Material Design
- Flat Icon
- Material Design Iconic Font :: Icons
- Material Design Icon Labrary：第三方库
- 图标下载，ICON(PNG/ICO/ICNS)图标搜索下载
Picture
- IPPAWARDS | iPhone Photography Awards™ ：iPhone 摄影大赛
- iTunes Artwork Finder：APP Store 封面下载
- iOS Icon：iOS 中漂亮的 icon 收集
- https://applypixels.com
- Free Stock Photo：无版权图片
- Free Stock Video：无版权视频
- Coverr - Beautiful, free videos for your homepage
- Imgur
- Things Organized Neatly：强迫症的福音，各种物品摆拍
- Diverse UI：头像生成器
- Subtle Patterns | Free textures for your next web project：免费背景图片
- Game Wallpaper：游戏壁纸
- Free Stock Photos · Search 40+ sites with LibreStock：免费图片搜索
Color
- LOLCOLORS：许多颜色组合
- 中国色：各种中国的传统颜色
- 日本色：日本的传统颜色
- Pantone：每年都会推出流行色
- Material Design Color Palette Generator - Material Palette：MD 风格的色彩