UI设计师必备!10个免费的UI素材网站推荐。

2023-05-26 0 352

Hello 诸位好,我是皮仔。

许多 UI 结构雕塑家在已经开始结构设计以后,会去到片断中文网站收集结构设计须要加进的各式各样 UI 片断。皮仔平常在采用 UI 结构设计片断时,会利皮扬卡这些Lannemezan高效率的中文网站,即便免(bai)费(piao)的谁不爱呢,逛完Lannemezan中文网站假如没找出最合适的片断,才会考量启用片断团体会员。

话不多说,和诸位撷取皮仔偷窃的 10 个好用的 UI 结构设计片断中文网站,期望能试试题主和有完全相同市场需求的知友。

01 Pixso 天然资源街道社区

Pixso 天然资源街道社区,是新浪网协作结构设计应用软件 Pixso 面世的结构设计街道社区,提供更多了 UI 结构设计时常会加进的各式各样类型片断和模版,片断模版不但产品质量高,关键性却是完全Lannemezan的~

Pixso官方网站 – 第三代UI结构设计辅助工具,代替Sketch,Figma,全力支持新浪网动态协作pixso.cn/?source=zhihuUI设计师必备!10个免费的UI素材网站推荐。

片断:向量辅助工具栏、插图片断、emoji 眼神、3D 辅助工具栏、原型机片断

模版:数款终端端 UI 模版、页面端 UI 模版、海内外为数众多小厂的 UI 结构导则和结构设计控制系统
UI设计师必备!10个免费的UI素材网站推荐。

对 Pixso 天然资源街道社区的模版或片断,能点选左上角的「珍藏」或「拷贝」,留存到自己的帐号中,方便快捷后须要加进的这时候能即时寻回。

UI设计师必备!10个免费的UI素材网站推荐。

将模版拷贝到对个人帐号后,点选「关上文档」能间接初始化 Pixso 便携式的GUI,关上刚拷贝的模版,Pixso GUI全力支持新浪网撰稿模版,且大部份撰稿操作方式会手动留存到用户端。

UI设计师必备!10个免费的UI素材网站推荐。

每一个 UI 模版包含了多个不同的页面——开屏页、注册页、主页、用户页、搜索页等等,页面中的大部份元素都是能自由撰稿的。

点选左侧的「组件」选项卡,能看到 UI 模版中加进的大部份组件,组件能在文档的多个页面复用,假如你在模版的基础上创建了新的页面,能优先从中挑选组件作为页面元素,保证整体风格的统一。

UI设计师必备!10个免费的UI素材网站推荐。

模版自有的组件假如不能满足市场需求,能切换到「天然资源」选项卡,初始化来自其他组件库的组件,这一点大大提升了 UI 模版的可拓展性,将模版原有组件进行替换,就能得到另外一套不同风格的模版。

UI设计师必备!10个免费的UI素材网站推荐。

对模版中加进的位图片断,假如想更换为自己更喜欢的图片,能点选左上角的「插件」,关上内置的 Pexels 图库插件,选中须要更换的图片,点选 Pexels 插件中的图片就能一键更换。

UI设计师必备!10个免费的UI素材网站推荐。

多个模版不同的页面结构设计,既能给我们的结构设计提供更多灵感,也能将其中的一些组件拷贝到自己的项目中,稍加修改就能间接采用,减少不必要的重复劳动。

UI设计师必备!10个免费的UI素材网站推荐。

新浪网 UI 结构设计辅助工具 Pixso 目前对大部份对个人用户Lannemezan开放,现在前往 Pixso 官方网站注册帐号,能采用 Pixso 内置的大部份功能和片断天然资源,且能享受到多项专属权益:无限文档数量、无协作者人数限制、无限云存储空间等等,快来尝试一下吧~

Pixso官方网站 – 第三代UI结构设计辅助工具,代替Sketch,Figma,全力支持新浪网动态协作pixso.cn/?source=zhihuUI设计师必备!10个免费的UI素材网站推荐。

02 Icons 辅助工具栏中文网站

① unDraw

unDraw,一个开源Lannemezan的向量片断中文网站,中文网站提供更多了许多简约、风格统一的向量片断,非常适合用在结构设计项目中。下载片断时,unDraw 有 svg 和 png 两种格式可供选择。

UI设计师必备!10个免费的UI素材网站推荐。

点选中文网站左上角的取色器,关上取色器面板,修改面板默认的颜色,可以批量调整大部份向量片断中的主色。

UI设计师必备!10个免费的UI素材网站推荐。

② manypixels

manypixels,同样是一个免版权的向量片断中文网站,目前已有的片断数量超过 2500,中文网站提供更多的片断格式为 svg 和 png,下载时可根据需要选择相应的格式。

UI设计师必备!10个免费的UI素材网站推荐。

在寻找片断时,manypixels 提供更多了两个筛选条件——片断目录和类型,目录与片断的采用场景、行业相关,类型则体现为片断的风格(单色、等距立体、双色、扁平等),搜索时搭配采用这两个筛选条件,返回的片断能更有针对性。

UI设计师必备!10个免费的UI素材网站推荐。

③ WorldVectorLogo

除了前面介绍的两个中文网站,做结构设计的过程中,有时还会加进一些品牌的 logo,比如登录页面的微 X 登录或苹果帐号登录,就须要加进微 X 和苹果的 logo。

许多人采用其他品牌 logo 时,往往都是从搜索引擎下载 PNG 格式的片断,这样得到的片断要么清晰度不高,要么在采用以后须要进行抠图处理。

WorldVectorLogo,一个专门提供更多各式各样类型品牌 logo 的中文网站,正如中文网站的名字,这里的 logo 片断都为向量格式,可无限放大不失真,一般比较大的品牌,都能在这里找出向量格式的 logo。

UI设计师必备!10个免费的UI素材网站推荐。

④ freepik

freepik,一个拥有海量高效率片断的中文网站,这里的片断分为Lannemezan和收费两类,Lannemezan片断可用于对个人和商业项目。

在搜索片断以后,可设置多个筛选条件:搜索单张片断却是片断合集、Lannemezan却是付费、片断的格式(向量、位图、psd、辅助工具栏),这样搜索返回的结果能更符合我们的市场需求。

UI设计师必备!10个免费的UI素材网站推荐。
UI设计师必备!10个免费的UI素材网站推荐。

03 Mockup 原型机模版

① ls.graphics

ls.graphics,一个提供更多高效率原型机模版的中文网站,这里的原型机模版有Lannemezan和付费之分,Lannemezan原型机的产品质量也非常高,既有平面也有 3D 风格的模版。

中文网站提供更多的原型机模版一般为 psd 或 sketch 格式,采用以后须要下载到本地。由于这是一个国外的中文网站,遇到体积比较大的模版,下载须要花费比较多的时间。

UI设计师必备!10个免费的UI素材网站推荐。

② Device Shots

Device Shots,一个可自定义原型机模型的新浪网中文网站,提供更多的原型机模型包含手机、平板、电脑、显示器、手表。

左侧是原型机模版预览界面,右侧是中文网站提供更多的模版,点选右侧的原型机,能自由更换采用的原型机模型。

UI设计师必备!10个免费的UI素材网站推荐。

点选右侧的「Devices」选项卡,切换到设备页面,点选 Add Device 下拉菜单,能给左侧的模版添加额外的原型机。

UI设计师必备!10个免费的UI素材网站推荐。

左侧的原型机模版全力支持简单的撰稿操作方式,譬如选中其中一个原型机模型,按下 Del 键,就能删除模版中原有的原型机,只留下我们刚添加的原型机模型。

UI设计师必备!10个免费的UI素材网站推荐。

③ MockRocket

MockRocket,一个新浪网的 3D 原型机辅助工具,能将制作好的结构设计作品放到内置的设备中,例如下图的 Macbook Pro,让作品瞬间变得更有立体感。

使用 MockRocket 顶部辅助工具栏中的终端、旋转辅助工具,能改变原型机的位置和旋转角度,这种可交互的结构设计比常见的原型机模版具有更高的自由度,可得到各式各样不同角度的原型机图片。

UI设计师必备!10个免费的UI素材网站推荐。

MockRocket 下方的时间轴还全力支持给原型机设置动画,分别调整原型机在起始位置和结束位置的位置或旋转参数,应用软件就会手动生成顺滑的过渡动画。

导出原型机时,MockRocket 提供更多了两种导出格式:静态图片和视频,图像分辨率最高为 4K,免费用户导出的图片和视频会带有水印。

04 高清图片片断

① Unsplash

Unsplash,国外知名的免版权图片中文网站,这里的图片基于 CC0 方式进行授权,下载的图片可用于商业目的而不需支付任何费用,最大限度地降低了图片侵权的风险。

Unsplash 提供更多的图片类型非常广泛,包含:时下热点、电脑壁纸、3D 作品、材质和纹理、艺术、自然、商业、时尚、电影、食物、健康等。

UI设计师必备!10个免费的UI素材网站推荐。

② Pexels

Pexels,一个和 Unsplash 非常相似的中文网站,这里的片断同样能Lannemezan采用。区别在于,Pexels 额外提供更多了视频片断,而且中文网站全力支持中文搜索,英文不太好的朋友,能优先来 Pexels 下载图片片断。

UI设计师必备!10个免费的UI素材网站推荐。

以上就是皮仔偷窃的 10 个好用的 UI 结构设计片断中文网站,期望对你有帮助。

我是皮仔

,那我们下次再见咯。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务