恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
资源礼包 | 这36个设计网站帮你精准找到想要的素材
0.0°
2017-07-19 原创文章 规范/资料 举报 8795 152 65 3

在信息纷杂繁冗的时代,精准获取想要的东西显得尤为重要。

本文来源于公众号:可能性与大设计


即使已经出现了不少资源整理类文章,但很多设计师在找素材时效率仍不够高。东百度右花瓣地找安卓控件集合就浪费了大半天时间,关键是还不一定齐全;很好的设计素材却不能同时找到PSD、EPS、PNG版本,只能不停地转换格式……你很忙,效率却很低。这些都特别让人抓狂。今天小编二次精选了一些设计网站,并逐一地去试用,总结其特点。你可以把它当成一套体系去使用,每个网站都对应一个需求,能够精准地直达目标:安卓、 iOS系统控件一个平台就可搞定;轻轻一搜,多格式素材也都有了……整理的目标就是为了节省时间,产出一套可复用的模式。希望可以帮到大家。


一.图标及LOGO设计

图标是设计的基础与第一步,看起来很简单,实则当要亲自去设计时却往往难以有明确的方向,下面的网站都各有特点和优势,适用于不同的场景需求。希望大家不要只是收藏,更能真正派上用场。


1.http://iconmonstr.com/

Image title


Image title


全都是黑白线性icon,极简风格。

特点:可以下载多种格式(SVG EPS PSD PNG)。

妈妈再也不用担心我心力交瘁地穿梭于各大格式之间进行转换啦。


2.https://thenounproject.com/

Image title


icons for everything。

顾名思义,在这儿只要输入关键词即可搜索到你要的everything。

以下是“cat”的搜索结果,意不意外,惊不惊喜?

Image title

当然,要用英文搜索。

3. https://icons8.com/web-app/new-icons/all

Image title

特点:左侧的分类标准。

Image title

作为一名设计师,iOS、Android、Windows各大平台的资源你敢说不清楚不明了不想要?

不用辛辛苦苦地跨平台去搜集素材了,一个网站就可搞定80%。


4. https://www.iconfinder.com/

Image title

Image title

特点:付费与免费并存,线性icon与微材质图标齐飞。

也终于有彩版icon了。

想知道付费资源与免费资源之间有哪些不同吗?


5. https://logopond.com/

Image title

和dirbbble的页面很像,不过dribbble是动效、界面、图标啥都有的一个集市。

而logopond它只提供图标,是一家专门的图标供应网站。


6. http://iosicongallery.com/

    iOS APP高清图标展示平台

Image title

因为是高清展示平台,重点在于展示。

特点:不能直接下载图片格式。没错,就是这么傲娇。

Image title


不过可以十分清晰地看到图标上的细节,纸质感、木质感令人赏心悦目。

高清不是盖的。

Image title

△保存时只有网页格式。

Image title

△保存后长得和自家浏览器一样。


习惯习惯就好啦~


7. http://www.iospirations.com/

   优秀iOS APP图标与界面展示平台

Image title

特点:可以看到此图标背后的产品界面。


打开图标这个入口就可以看到它背后的故事、内容,即完整的把一个产品呈现出来。

有助于我们把握大局观,图标不再是分离的个体,应该要与产品融为一体。

让我们看看优秀的设计师们是如何做的吧。(这个可以下载图片格式。)

Image title

△点击DEVELOPER WEBSITE即可看到完整的产品详情页面。


二.分专题设计网站

1. http://thedesigninspiration.com/

Image title

ILLUSTRATION ARTS专题里竟然有这么多优质的原画,眼前一亮呐。


2. http://www.ui4app.com/

Image title

也是可以很方便的查询到自己想要的分类素材。


三.移动端设备设计

1. http://pttrns.com/

Image title

绝对是神器一般的存在。


设备上从 iOS 到 Android,尺寸上从iPhone、iPad到Watch,类目上从登录界面到图片库……你想要的都一网打尽,移动端设计师的福利。


2. http://www.mobile-patterns.com/

Image title

针对不同形式(地图软件、拍照软件……)的界面进行分类,不用下载这些app就可以直接明了地看到它们的界面。和手动搜索说再见吧。


3. http://www.designshock.com/

Image title

包含了图标、网页设计。


特点:提供的图标有多个尺寸,虽然一看到上面满满的资源就激动,但放大细看单个的绝对是灾难。


所以它为每套图标设置了不同的尺寸,从小到大,服务贴心。

Image title

Image title

Image title

△同一套图,不同尺寸(32px-64px-128px),可适用于不同场景需求。


四.网页设计展示

https://onepagelove.com/

Image title


五. 收集各类设计文章的网站

http://abduzeedo.com/

Image title

特点:可阅读一手、新鲜的设计资讯。我们不只是要做好眼前的事,对于未来设计趋势、行业动态的把控同样不能少。


六.手绘类作品分享展示社区

http://designiskinky.net/

Image title

特点:它的手绘作品。


在这里你无法直接看出软件制作的线条与框架,展现在眼前的只有精致细腻的笔画。一逛绝对停不下来。


艺术的魅力就在于会让人深深沉沦其中吧。


七.封面、海报、插画等设计

https://designers.mx/

Image title

特点:这里几乎不提供小清新风格的设计作品。


色彩比较暗,艺术氛围浓厚。适用于喜欢欧美风、口味稍重的同学。


八.配色相关

1.  https://www.design-seeds.com/

Image title

很常见的形式,从图片中提取出配色方案。


2. http://www.colourlovers.com/

Image title


3. http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

Image title

鼠标选取色环中的颜色之后在右边的方块中显示出来,并自动生成与其相匹配的配色条。


特点:自动显示出色号,不必再用吸管工具了。


八 . 设计规范

Material design 

https://material.io/guidelines/#introduction-goals

http://design.1sters.com/(中文版)

 

iOS10设计规范

https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/


九.设计教程

1. http://www.doyoudo.com/

Image title

设计教程见过不少,但用心把封面做的这么有设计感的还真是不多见。


2. http://bezier.method.ac/#

Image title

帮助初学者掌握钢笔工具的趣味网站。


在钢笔工具面前我们只能自称“手残党”,但在这个网站面前你可以完全放松心情。


进入网页的交互方式是活泼有趣的,里面的教程也是系统一笔一笔引导的。

Image title

一步步引导,不怕出错!


十.设计师个人网站

1. http://iconmoon.com/blog2/category/tutorials-chn/

Image title

  设计师JJ Ying的设计博客,分享设计思路与经验。


2. http://www.jasperhauser.nl/

Image title

设计师Jasper Hauser的个人网站,分享过往作品与思路。


3. http://iconutopia.com/

Image title

  立陶宛设计师Justas Galaburda个人网站,分享设计经验及扁平化图标作品。


十一 . 设计公司

Frog  http://www.frogdesign.cn/

IDEO  http://cn.ideo.com/

eico  http://eicodesign.com/

Bri体验科技  http://www.brixd.com/

Face UI  http://faceui.com/

inves http://www.invesdesign.com/

墨默交互  http://www.momosj.com/

酷九设计  http://c9-d.com/cn/


作为设计师,办公桌可以尽情的乱,但思维却要很清晰~希望本篇整理能够节省大家不少时间,准确找到心仪的素材。
马力,设计师、产品经理,最美应用创始人,创新工场早期成员,豌豆荚创始成员、IBM用户体验设计师。最美应用每年评估上万个互联网产品,无论是产品设计,还是互联网的运营和推广等,都有丰富的实践经验。在高校里担任兼职导师,一直努力推动高校的设计专业领域教学。在知乎是用户体验和产品相关领域的优秀回答者,出版《产品设计师技能书》,撰写连载文章《产品设计与用户体验如何思考》、《设计师入门之路》等,希望以专业的力量帮到更多人。
更新:2017-07-19

收藏

152人已收藏

  • 104

    作品

  • 2489

    粉丝

  • 0

    关注

  • M2 课程升级| 产品、交互设计师的入门与提高
  • M1 课程升级| UI 设计师的入门与提高
  • ⾮科班出⾝,能不能来互联网做设计?
  • 从建筑到交互,她转行时的心路历程也许能帮你走出迷茫
相关标签

    猜你喜欢

      2017-07-19 原创文章 规范/资料 举报 8795 152 65 3

      资源礼包 | 这36个设计网站帮你精准找到想要的素材

      0.0°

      你确定要举报资源礼包 | 这36个设计网站帮你精准找到想要的素材

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年07月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      65
      152
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录