Skip to content

Web设计

Awesome Web Design Awesome

> 为数字设计师提供的精选资源列表.

看看我 website & blog. ✨

Blog & News

  • Web Designer News：为设计师精心策划的最佳故事.
  • Marvel Blog：Marvel 团队的最新消息、资源和想法.
  • The Next Web：国际科技新闻、商业和文化.
  • Medium：一个由读者和作家组成的社区，他们对大大小小的想法提供独特的观点.
  • Creative Bloq：艺术与设计灵感.
  • Smashing Magazine：适用于专业网页设计师和开发人员.
  • Sitepoint：网络开发人员和设计师的中心，可以分享他们对构建令人难以置信的互联网事物的热情.
  • Designer News: 设计界聚会的地方.
  • Reddit Web Design：设计师发布有用帖子、提出问题或参与讨论的地方.
  • Morning Reader: 突发科技新闻.
  • Google design：Youtube 频道，为设计师提供有关 Google 设计的视频.

Inspiration

  • Awwwards：最佳网页设计趋势.
  • One Page Love：展示最佳单页网站的设计画廊.
  • Inspired UI：移动应用程序设计模式.
  • Behance：展示和发现创意作品.
  • Dribbble：为设计师展示和讲述.
  • Product Hunt：发现您下一个最喜欢的东西的地方.
  • UI Movement: 最好的 UI 设计灵感，每天都有.
  • Pttrns：设计模式、资源和灵感的最佳集合.

Colors

  • Brandcolors：世界上最大品牌的官方颜色.
  • Adobe Color CC：使用色轮创建配色方案或浏览 Kuler 社区的数千种颜色组合.
  • Paletton：一种设计工具，用于创建可以很好地协同工作的颜色组合.
  • Coolors：为您的设计生成无限的调色板.
  • Lol Colors：精选的调色板灵感.
  • Colordot：人类的颜色选择器.
  • Gradients.io：为设计师和开发人员精心策划的渐变.
  • UI Gradients: 漂亮的颜色渐变.
  • Colorzilla：吸管、颜色选择器、渐变生成器.

Typography

  • Google Web Fonts：提供直观且强大的开源设计器 Web 字体目录.
  • Font Face Ninja Browser Extension : 你正在浏览一个网站，你想找到一种字体的名称？ 忍者来了！
  • Fontpair：美丽的谷歌字体组合和对.
  • Type Anything：创建出色的字体组合.
  • Type Scale：预览并为您的项目选择正确的类型比例.
  • WhatTheFont : 看到图像中的字体并想知道它是什么？ WhatTheFont 将找到最接近的匹配项.
  • Typewolf：全面的网络排版信息、字体替代建议以及野外使用链接.
  • Typ.io：来自真实网站的排版灵感.

Icons

Images

  • Pexels：最好的免费库存照片集中在一个地方.
  • Unsplash.it：占位符使用漂亮的图片库.
  • Pixabay: 高质量的照片和插图免费用于商业用途.
  • Placehold.it：一种快速简单的图像占位符服务.
  • Imgur: 互联网上最棒的图片.
  • Flickr：您所有照片的主页.

Guidelines

  • iOS Human Interface Guidelines：提供设计美观、引人入胜的 iOS 应用程序所需的一切.
  • Google Material Design：仔细查看 Google 品牌的设计、组件和资源.
  • Laws of UX：设计人员在构建用户界面时可以考虑的格言和原则的集合.
  • Ultimate Guide：让您的应用程序大放异彩的移动应用程序设计原则的终极指南.
  • GoodUI：获得更好 UI 的 5 种方法.

Design Tools

  • Sketch：用于 Mac 数字设计的轻量级程序.
  • Figma：协作界面设计工具.
  • Adobe XD：原型制作和线框图工具.
  • inVision Studio：快速原型制作、动画、内置设计系统和协作.
  • Canva：非常简单的图形设计软件.
  • Framer X：交互设计和用户体验设计软件.

Prototype Tools

  • Zeplin：设计人员和开发人员之间出色的协作工具.
  • Avocode：一个对所有设计人员和开发人员开放的工作区.
  • inVision：世界领先的原型制作、协作和工作流平台.
  • Justinmind: Prototype faster, communicate better, for web and mobile apps.
  • Marvel App：为设计师提供免费的移动和网络原型设计.
  • Atomic.io：免费的浏览器交互设计工具.
  • Flinto：用于创建交互式和动画设计原型的应用程序.

Tutorials

  • Treehouse：为世界各地的人们提供负担得起的技术教育.
  • Tuts Plus Web Design Tutorials：免费的网页设计和开发教程.
  • Springboard：个性化的方法，旨在帮助您实现目标并推进您的职业生涯.
  • Learn Sketch：帮助您入门的短视频和汇编的宝贵资源！
  • Adobe XD Guide：针对 XD 初学者和当前用户的 12,000 字的综合指南.

Books

Productivity

  • Pomodoro：一种很酷的时间管理技巧，可以更高效地工作和学习.
  • Toggl：提高工作效率的时间跟踪器.
  • Trello：以有趣、灵活和有益的方式组织您的项目并确定其优先级.
  • RescueTime：帮助您了解您的日常习惯，以便您可以集中精力并提高工作效率.
  • Qbserve：自动时间跟踪、开票和实时生产力反馈.
  • Paste：适用于 Mac 的智能剪贴板历史记录管理器.
  • Sip: Mac 的颜色选择器.
  • Timing：Mac 的自动时间和生产力跟踪.
  • Taskade：团队的协作任务列表和大纲.

Slack Teams

  • Team Sketch: 由 Slack 提供支持的 Sketch 设计师社区
  • Designer Hangout：来自世界各地的 UXer 讨论用户体验的地方.
  • Design Talks：UI/UX 设计、网页设计、自由职业、设计评论等社区.
  • TheDesignerShip：一个拥有超过 1,500 名设计师和创始人的社区.

Share

License

CC0