有没有UI设计师必备的网站推荐?

时间：2023-12-12 04:24:01 | 来源：网站运营

时间：2023-12-12 04:24:01 来源：网站运营

有没有UI设计师必备的网站推荐?：有的哈！皮仔这就来给大家分享 UI 设计师必备的 8 个网站，每一个都是亲测后觉得好用才推荐给大家的，诚意满满，记得看到最后哦～

在线设计网站 Pixso

虽然现在不少人的电脑硬盘随随便便都是 1 TB，但本着「能省就省」的原则，皮仔还是更喜欢使用在线的设计工具——Pixso。

Pixso：一款集 UI 设计、原型设计、交互设计和设计交付功能于一身的在线设计工具，软件功能不仅全，而且也好使，拿来做 UI 设计也不在话下。

如果你是第一次接触 Pixso，对它还不够了解，可以戳下方的视频，5 分钟即可快速上手▼▼

在 UI 设计方面，Pixso 提供了多个可以提升 UI 设计效率的功能，例如布局网格(栅格系统)、自动布局、组件变体等。

UI 设计中有些组件会有多种状态，每种状态会对应一种图标样式，当组件状态数量比较少的时候，组件的管理和复用还比较简单，而当状态数量一多，其复杂度也会随之上升。

对于这类场景，可以使用 Pixso 的「组件变体」功能，通过组件状态间的切换，来更高效地管理和复用组件。

以下图的两个锤子为例，有填充和没填充的锤子图标，分别代表组件的两种不同状态。选中两个锤子图标，在右侧栏选择「创建组件集」。

创建组件集之后，在左侧栏的「组件」选项卡，就可以看到我们刚刚创建的组件集，将其从左侧栏拖拽添加到中间的画板。

从组件集添加的组件，看似只有一个组件，但它实际上包含了组件的两种状态。我们可以点击右侧栏的「属性」，通过切换下拉菜单的选项，来得到不同状态的组件。

这样一来，借助 Pixso 的组件变体功能，可以在缩减组件数量的同时，保证组件状态的丰富度，实现更高效管理组件的目的。

Pixso 目前对所有个人用户免费开放，内置的所有功能都可以免费使用！

现在前往 Pixso 官网注册账号，可以享受到 Pixso 会员的所有权益：无限文件数量、无协作者人数限制、无限云存储空间等等，快来尝试一下吧～

灵感网站

Pixso 资源社区

Pixso 本职是一个 UI 设计软件，它额外提供了一个网站——Pixso 资源社区，作为素材灵感网站也特别好用。

Pixso 资源社区，是一个将社交、作品浏览、模板复用融合到一起的「开源式」设计社区，你可以在社区中发布作品，也可以在社区中浏览其他用户发布的作品来搜集灵感，大家也可以在模板中留言互动、沟通。

Pixso 资源社区已有的资源：矢量人物头像插画、Icons 图标、国内众多大厂的 UI 组件库、移动端 App 和网页设计 UI 模板等等。

Pixso 资源社区最方便的点在于，你可以直接复用该作品模板，点击右上角的「复制」，就可以将该作品拷贝到编辑器中啦！

这对于 UI 设计师来说，一方面解决了保存优秀作品的麻烦，可以把众多作品归档在一个地方，另一方面「一键使用模板」也提升了设计效率。

用户能够直接从工具到社区，再从社区回到工具：

传统设计路径：去 A 素材网站找资源 → 下载 → 用 B 设计工具打开模板 → 开始设计
Pixso设计路径：在Pixso社区寻找资源 → 选择使用 → 开始设计

Dribbble

Dribbble，也叫「追波」，与 Adobe 旗下的 Behance 齐名，是一个用于展示设计作品的线上社区，在这里可以看到诸多平面设计、网页设计、UI 设计、插画和摄影等作品。

如果你想搜集国外好看的 UI 设计作品，将其作为设计参考，可以使用相关的关键词，例如 ui design trends、best ui 等进行搜索，就可以看到非常多的作品。

在搜索返回的结果中，还可以使用下方提供的筛选条件——动画、品牌、插画、移动端、出版、产品设计、排版和网页设计，从中更快地筛选出与设计主题相契合的案例。

Screenlane

Screenlane，一个提供网页和移动界面设计的灵感网站。网站提供了多个 App 不同界面的多张截图，打开任意一个 App，可以看到 App 在不同状态、交互操作、页面下的所有截图，非常全面地展示了一个产品界面设计的全貌，也能学习到一个产品的设计风格是如何保持统一的。

在网站的左侧边栏，可以页面类型、组件、产品类别、产品名称作为筛选条件，从众多的界面设计作品中，找到符合自己需求的案例。

素材网站

Unsplash

Unsplash，是国外知名的免版权图片网站，图片质量非常高，上面的图片分类细致，涉及多个题材，包含壁纸、自然风景、艺术、商业等。

由于 Unsplash 是国外的网站，虽然使用中文也能搜索，但搜出来的图片较少且结果不准确，因此搜索图片时建议使用英文。

logosc

Logosc，是一个免版权图片聚合搜索网站，输入一个关键字，可以获取来自多个免版权网站的图片，包含 Unsplash、Pixabay 和 Pexels 等网站，支持中英文搜索。

如果你用不惯前面介绍的 Unsplash（需要使用英文进行搜索），可以换到 logosc，而且这个网站是国内的网站，在加载速度方面比 Unsplash 更快。

免抠图片网站

平面设计中，经常需要对拿到的素材进行处理，其中就有一个非常高频的操作「抠图」，即抠去素材的背景，得到一个包含透明背景的素材，方便与其他素材做进一步的加工。

如果你不会抠图或者懒得抠图，使用现成的包含透明背景的素材，是一种比较讨巧的方法。

pngimg，一个专门提供免抠图片素材的网站，网站顶部列出了现有的免抠素材数量，累计超过 10 万+。

网站按照英文字母 A-Z 的顺序，展示所有和素材相关的名词或关键词，搜索素材时，可以按字母顺序来找，也可以使用顶部的搜索功能进行搜索。

随意进入一个详情页，可以看到内置的多张包含透明通道的素材，图片的分辨率都非常可观，而且边缘不会带有毛边，应用到设计中不会影响作品最终的效果。

码力全开

这是国内的一位个人开发者 Larry 维护的网站，资源库会收录适合产品经理、设计师、个人开发者使用的各种网站或工具，包含矢量图标网站、产品模型生成器（样机）、调色工具、UI 套件、背景素材等等。

网站的内容会不定期更新，日常有空的时候可以多来这里逛逛～




以上就是皮仔认为 UI 设计师必备的 8 个网站，希望对你有帮助。

码字不易，如果对你有帮助的话，请别忘了赏个【三连】或是【关注】我哦，关注不迷路！

我是皮仔 @Pixso协同设计 ，那我们下次再见咯。