UI设计师常用网站推荐!

作者:像素范儿像素范儿发布时间:2017-11-17

作为一枚走在设计大牛路上的UI设计师,日常最多的事情就是打开网站汲取灵感。

除了国内外大家耳熟能详的各大设计网站外,王宇老师把UI设计师日常使用频率最高的各个类型网站做了一个整理,分成了每日必看篇,日常开眼篇,设计导航篇,icon篇,kit篇,设计规范篇,mockup篇,工具下载篇… 等等

通过这些网站,我们可以每天吸收到设计行业最新的行业动态、设计作品、创意灵感以及素材等等。


每日必看篇

1,dribbble-追波

v2-25fa02b856ccb85a50c759fc99b72165_hd.jpg

身为全球最大的UI设计论坛,融汇了全球最顶尖的设计大咖作品。

Dribbble的定义是“为设计师而展示和解答”(Show and tell for designers)。鼓励创作者上传个人的作品以及正在创作的作品。追波像是一条简短的微博,设计师们可以随时晒下自己在做什么。

https://dribbble.com/


2,Behance

v2-bf7e53bf92829c7af5ec8765227f0780_hd.jpg

隶属于Adobe旗下的一个作品展示网站。

Behance将自己定义为“展示与挖掘创意作品的领导平台”。有人将它看作设计师的博客,分类详细,内容广泛,涵盖网页设计、交互设计、用户界面/用户体验、摄影、工业设计等多题材的内容。上面各种精彩又新颖的内容总能给设计师带来海量的设计灵感。

https://www.behance.net/




日常开眼篇

1,站酷 (ZCOOL)

设计师互动平台 - 打开站酷,发现更好的设计!

http://www.zcool.com.cn/


2,优阁网(UIGREAT)

优秀UI设计网

http://www.uigreat.com/


3,ZEALER

科技生活方式第一站

http://www.zealer.com/


4,互动中国

广告设计及H5

http://www.damndigital.com/


5,NEXT

不错过任何一个新产品

http://next.36kr.com/posts


6,Poweron

官方的自频道-优酷视频

http://i.youku.com/i/UNTEyNjQ5ODgw/navcustom?id=520358&spm=a2hzp.8244740.0.0




设计导航篇

1,UI设计师导航网

优阁团队倾情打造,包含了UI设计师最常用的网站合集。

http://so.uigreat.com/


2,创造狮导航

为创意工作者而设计

http://www.chuangzaoshi.com/


3,seeseed

无穷尽设计可能,不仅包括了设计师日常需要的网站,而且里面还有每日一粒,播种者,我的种子,发觉其他有趣网站的功能。

https://www.seeseed.com/


4,牛大拿设计师导航

增加设计文章导读,以及不用跳转网站,直接站内搜索dribbble,behance,Pinterest,花瓣作品素材等的功能。

http://www.niudana.com/




icon篇

1,iconfont

阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。是现在最大的免费下载icon的网站之一,支持SVG,png,AI格式下载。

http://www.iconfont.cn/


2,easyicon

非常全面的icon下载

http://www.easyicon.net/


3,iconfinder

国外最早的icon下载网站

https://www.iconfinder.com/


4,icons8

国外最大的icon下载网站

https://icons8.com/


5,flaticon

扁平化图标下载天堂

https://www.flaticon.com/




kit篇

1,sketchim

最全面的sketch工具网站,主推kit,包含插件下载,视频,手册,快捷键等等。

http://sketch.im/


2,psddd

看到这个网站名字的格式就知道这是个跟追波有关的网站,网站里面整理了所有在dribbble上传设计附件的集合,包含PSD格式和sketch格式,十分常用的kit下载网站。

https://psddd.co/


3,madefordesigners

国外的免费kit下载网站

http://madefordesigners.com/


4,reeoo

最大的网页设计,APP,icon等合集,只能浏览不能下载

http://reeoo.com/


5,uikit

名字就是这么简单粗暴,最直接的UIkit的下载网站。

http://www.uikit.me/


6,freebiesupply

免费的PSD,sketch素材下载

https://freebiesupply.com/free-sketch-ui-kits/page/3/


7,sketchappsources

最大最全的sketch素材下载库,但是需要翻墙浏览。

https://www.sketchappsources.com/


8,ui8

无敌的来了,无敌的来了,无敌的来了!!!

全球最屌的KIT下载网站,最全面,最贴心,没有之一的kit下载网站。

但是,里面的kit需要花钱下载,而且还是美金,而且还死贵。推荐给土豪同学。

https://ui8.net/




设计规范篇

1,UI Design Do’s and Don’ts

iOS官方设计规范。UI设计师的红蓝buff,跟产品经理撕逼专用,啪啪打产品经理脸神器。

https://developer.apple.com/design/tips/


2,Designing for iPhone X

苹果公司手机尺寸的规范,同上一样,撕逼神器。

https://developer.apple.com/design/


3,material design

谷歌官方的安卓设计规范,一定基础上会增加对安卓界面的设计。

https://design.google.com/


4,microsoft,微软的设计规范

虽然英雄迟暮,但是毕竟很多地方可以值得我们学习。

https://developer.microsoft.com/zh-cn/windows/apps/design




mockup篇

1,Printable

最全的手机模板下载网站

http://sketchsheets.com/


2,Mockup Vectors

国外的各种展示模板下载网站

https://www.freepik.com/free-photos-vectors/mockup


3,Best Free Mockup

behance里面的设计模板分享大神,最新最全的模板下载。

https://www.behance.net/collection/20880985/Best-Free-Mockup


4,mockupworld

分类最全的模板下载网站

https://www.mockupworld.co/




设计工具下载篇

1,精品MAC应用分享

教你如何科学的使用软件

http://xclient.info/


2,爱情守望者

没错就是爱情守望者,你没听错,也是教你如何科学的使用软件。

https://www.waitsun.com/


3,麦克叉

最早的科学使用软件网站

https://www.macx.cn/




视频下载篇

1,savevideo

输入你想要下载的视频地址链接,点击download。

http://savevideo.me/


2,clipconverter

同上一样,输入地址链接即可,可以选择视频格式,或只下载音频。

http://www.clipconverter.cc/




UI动效篇

1,Home - App Animations

点击即可预览动效的网站

http://www.appanimations.com/


2,Appealing

APP交互动效

http://app-ealing.com/


3,UI Movement

https://uimovement.com/


4,Animaticons

简单的GIF动效

http://animaticons.co/

5,http://loading.io

有趣的加载动画动效网站

https://loading.io/


6,button Design Inspiration

有趣的按钮动效网站

https://codemyui.com/tag/button/


7,codemyui

微交互参考

https://codemyui.com/


8,Principle Repo

动效软件principle源文件下载网站

http://principlerepo.com/


9,PrincipleUX

同上一样,也是principle源文件下载网站

http://principleux.com/




UI动效进阶篇

1,CocoaChina动效专题

真正懂动效,最全面的动效理论网站,深挖动效设计必看网站

http://www.cocoachina.com/special/appdesign/


2,uplabs

涵盖ios android web的动效参考

https://www.uplabs.com/material


3,uimovement

更加精细的动效集合

https://www.uimovement.com/


4,Hollywood Camera Work

国外动效网站

https://www.hollywoodcamerawork.com/




灵感图库篇

1,zoommyapp

图片整理下载工具,自带免费图片网站集合

http://zoommyapp.com/


2,Unsplash

墙裂,墙裂,墙裂推荐的高清无版权图片网站!!

https://unsplash.com/


3,Pexels

超级推荐,无版权

https://www.pexels.com/


4,Pixabay

免费图片,随意下载

https://pixabay.com/


5,500px

最出色的摄影社区

https://500px.com/


6,Flickr

快要死掉的雅虎公司旗下的收费图库,帮帮雅虎,今晚我们都是雅虎人。

https://www.flickr.com/explore


7,Instagram

不是让你用来截图发朋友圈的,不是让你来单纯玩装逼社交的。

https://www.instagram.com/


8,Wallpapers

高清壁纸网站

https://alpha.wallhaven.cc


9,GIPHY

全球最大的gif网站

https://giphy.com/entertainment


10,Mapbox

超强逼格地图下载,再也不用截其他地图应用的图了。

https://www.mapbox.com/


11,Pinterest

Pinterest,花瓣网他爹,瀑布流的开山鼻祖,内容涉及建筑、景观、摄影、时装、美食、音乐……

Pinterest是美国的一个图片分享类社交网站,Pinterest(Pin+Interest),意为把自己感兴趣的东西用图钉钉在钉板(PinBoard)上,用户可以按主题添加和管理自己的图片收藏,并与好友分享,页面底端自动加载无需翻页的瀑布流功能,让用户不断发现新图片。Pinterest由美国加州帕罗奥多的一个名为Cold Brew Labs的团队创办于2011年,为用户提供图片的在线收藏和分享。Pinterest是继facebook、twitter、tumblr之后,又一个受世界瞩目的网站。

https://www.pinterest.com/


12,花瓣网

陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等)

http://huaban.com/




国外设计资讯篇

1,Medium

世界上最大的最全面的设计师博客

https://medium.com/


2.InVision Blog

国外设计推荐博客

https://www.invisionapp.com/blog


3,Smashing Magazine

专业网页/ UI设计/ 开发文章

https://www.smashingmagazine.com/


4,The Next Web

International technology news, business & culture

https://thenextweb.com/#.tnw_4k1Og0c1




国内设计资讯篇

1,ifavart(辣椒酱)

最出色的视觉艺术分享

http://ifavart.com/index.html


2,少数派

高品质数字消费指南

https://sspai.com/


3,人人都是产品经理

产品经理、产品爱好者学习交流平台

http://www.woshipm.com/


4,优设

优秀设计网站,最全的设计资讯

http://www.uisdc.com/



推荐设计公司篇

1,ManvsMachine

国外顶级外包公司

http://mvsm.com/


2,eico

国内顶级设计网站

http://eicodesign.com/


3,INVES Design

北京因唯思设计

http://www.invesdesign.com/


4,MIUI

小米设计团队

http://www.miui.com/


5,ZUI2.0

联想设计团队

http://www.zui.com/


6,09UI设计工作室

由小米UI设计师构成

http://www.09ui.com/


7,ARK

Design For Change

http://www.arkdesign.cn/


8,Flyme 6

魅族设计团队

http://www.flyme.cn/flyme6/index.html



色彩搭配篇

1,Fresh Background Gradients

渐变颜色,有sketch和psd,从此渐变不用愁。

https://webgradients.com/


2,Material Design Color Palette Generator

MD色盘,按照颜色色值分布。

https://www.materialpalette.com/blue/purple


3,NIPPON COLORS

日式色彩搭配网站,中国水墨画的颜色名字,逼格提高两万档。

http://nipponcolors.com/


4,uigradients

在线生成高大上渐变色

https://uigradients.com/#NeonLife


5,Pantone

潘通,流行色官方机构

http://www.pantone.com/pages/pantone/index.aspx




字体设计篇

1,字体下载

求字体网提供中文和英文字体库下载、识别与预览服务,找字体的好帮手

http://www.qiuziti.com/


2,字体传奇网

中国首个字体品牌设计师交流网

http://www.ziticq.com/


3,Type is Beautiful

讲述每一款字体的故事

http://www.typeisbeautiful.com/


4,Google Fonts

谷歌的字库 要翻墙

https://fonts.google.com/



手绘艺术篇

1,插画交流网站pixiv

全球最大的二次元绘画网站,需要注册

https://www.pixiv.net/


2,DeviantArt

国际上出名的绘画交流网站

http://www.deviantart.com/


3,乐艺leewiART CG

国内比较专业的插画网站

http://www.leewiart.com/WebPage/default.aspx


4,涂鸦王国

小白画师学习交流网站

https://www.poocg.com/works


5,CGSociety

国际交流画工网站

http://www.cgsociety.org/news/articles/


6,Cargo - Gallery

意识流,概念天马行空的绘画

http://cargocollective.com/


先说到这里,等后期有新的有趣的设计网站,再来更新。

v2-98d05349026411fa0fc547125c96828f_hd.jpg

推荐网站太多? 需要一个一个打开并加入书签栏?太麻烦???

追求用户体验的王宇老师怎么会不知道这一点,来吧,最后小彩蛋。

v2-1028e3e4d306da5414811870d85ac30e_hd.jpg

附件上传到了百度网盘里,请移步下载。

链接: https://pan.baidu.com/s/1mhTW5YC 

密码: xeap


使用方法:进入浏览器书签管理页,点击从HTML文件导入书签,选择下载好的html文件即可。

然后文章上述的所有网站都会精细的按照分类躺在你的书签栏里。


更多精彩文章,请关注公众号“石家庄像素范儿”。

石家庄像素范儿官网:www.pxfer.com