威龙发艺发型设计价格联盟

设计师们做UI设计和交互设计、界面设计等一般会去什么网站呢?

设计师的秘密花园2020-05-22 15:00:30

作者:王宇
链接:https://www.zhihu.com/question/20393170/answer/251847777
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


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

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

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


内容较多,建议先马后看。(最后有彩蛋)


每日必看篇

1,dribbble-追波

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

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

dribbble.com/


2,Behance

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

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

behance.net/




日常开眼篇

1,站酷 (ZCOOL)

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

zcool.com.cn/


2,优阁网(UIGREAT)

优秀UI设计网

uigreat.com/


3,ZEALER

科技生活方式第一站

zealer.com/


4,互动中国

广告设计及H5

damndigital.com/


5,NEXT

不错过任何一个新产品

next.36kr.com/posts


6,Poweron

官方的自频道-优酷视频

i.youku.com/i/UNTEyNjQ5




设计导航篇

1,UI设计师导航网

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

so.uigreat.com/


2,创造狮导航

为创意工作者而设计

chuangzaoshi.com/


3,seeseed

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

seeseed.com/


4,牛大拿设计师导航

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

niudana.com/




icon篇

1,iconfont

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

iconfont.cn/


2,easyicon

非常全面的icon下载

easyicon.net/


3,iconfinder

国外最早的icon下载网站

iconfinder.com/


4,icons8

国外最大的icon下载网站

icons8.com/


5,flaticon

扁平化图标下载天堂

flaticon.com/




kit篇

1,sketchim

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

sketch.im/


2,psddd

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

psddd.co/


3,madefordesigners

国外的免费kit下载网站

madefordesigners.com/


4,reeoo

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

reeoo.com/


5,uikit

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

uikit.me/


6,freebiesupply

免费的PSD,sketch素材下载

freebiesupply.com/free-


7,sketchappsources

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

sketchappsources.com/


8,ui8

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

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

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

ui8.net/




设计规范篇

1,UI Design Do’s and Don’ts

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

developer.apple.com/des


2,Designing for iPhone X

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

developer.apple.com/des


3,material design

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

design.google.com/


4,microsoft,微软的设计规范

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

developer.microsoft.com




mockup篇

1,Printable

最全的手机模板下载网站

sketchsheets.com/


2,Mockup Vectors

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

freepik.com/free-photos


3,Best Free Mockup

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

behance.net/collection/


4,mockupworld

分类最全的模板下载网站

mockupworld.co/




设计工具下载篇

1,精品MAC应用分享

教你如何科学的使用软件

xclient.info/


2,爱情守望者

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

waitsun.com/


3,麦克叉

最早的科学使用软件网站

macx.cn/




视频下载篇

1,savevideo

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

savevideo.me/


2,clipconverter

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

clipconverter.cc/




UI动效篇

1,Home - App Animations

点击即可预览动效的网站

appanimations.com/


2,Appealing

APP交互动效

app-ealing.com/


3,UI Movement

uimovement.com/


4,Animaticons

简单的GIF动效

animaticons.co/?


5,loading.io

有趣的加载动画动效网站

loading.io/


6,button Design Inspiration

有趣的按钮动效网站

codemyui.com/tag/button


7,codemyui

微交互参考

codemyui.com/


8,Principle Repo

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

principlerepo.com/


9,PrincipleUX

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

principleux.com/




UI动效进阶篇

1,CocoaChina动效专题

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

cocoachina.com/special/


2,uplabs

涵盖ios android web的动效参考

uplabs.com/material


3,uimovement

更加精细的动效集合

uimovement.com/


4,Hollywood Camera Work

国外动效网站

hollywoodcamerawork.com




灵感图库篇

1,zoommyapp

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

zoommyapp.com/


2,Unsplash

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

unsplash.com/


3,Pexels

超级推荐,无版权

pexels.com/


4,Pixabay

免费图片,随意下载

pixabay.com/


5,500px

最出色的摄影社区

500px.com/


6,Flickr

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

flickr.com/explore


7,Instagram

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

instagram.com/


8,Wallpapers

高清壁纸网站

alpha.wallhaven.cc/?


9,GIPHY

全球最大的gif网站

giphy.com/entertainment


10,Mapbox

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

mapbox.com/


11,Pinterest

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

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

pinterest.com/


12,花瓣网

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

huaban.com/




国外设计资讯篇

1,Medium

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

medium.com/


2.InVision Blog

国外设计推荐博客

invisionapp.com/blog


3,Smashing Magazine

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

smashingmagazine.com/


4,The Next Web

International technology news, business & culture

thenextweb.com/#




国内设计资讯篇

1,ifavart(辣椒酱)

最出色的视觉艺术分享

ifavart.com/index.html


2,少数派

高品质数字消费指南

sspai.com/


3,人人都是产品经理

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

woshipm.com/


4,优设

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

uisdc.com/



推荐设计公司篇

1,ManvsMachine

国外顶级外包公司

mvsm.com/


2,eico

国内顶级设计网站

eicodesign.com/


3,INVES Design

北京因唯思设计

invesdesign.com/


4,MIUI

小米设计团队

miui.com/


5,ZUI2.0

联想设计团队

zui.com/


6,09UI设计工作室

由小米UI设计师构成

09ui.com/


7,ARK

Design For Change

arkdesign.cn/


8,Flyme 6

魅族设计团队

flyme.cn/flyme6/index.h



色彩搭配篇

1,Fresh Background Gradients

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

webgradients.com/


2,Material Design Color Palette Generator

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

materialpalette.com/blu


3,NIPPON COLORS

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

nipponcolors.com/


4,uigradients

在线生成高大上渐变色

uigradients.com/#


5,Pantone

潘通,流行色官方机构

pantone.com/pages/panto




字体设计篇

1,字体下载

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

qiuziti.com/


2,字体传奇网

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

ziticq.com/


3,Type is Beautiful

讲述每一款字体的故事

typeisbeautiful.com/


4,Google Fonts

谷歌的字库 要翻墙

fonts.google.com/



手绘艺术篇

1,插画交流网站pixiv

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

pixiv.net/


2,DeviantArt

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

deviantart.com/


3,乐艺leewiART CG

国内比较专业的插画网站

leewiart.com/WebPage/de


4,涂鸦王国

小白画师学习交流网站

poocg.com/works


5,CGSociety

国际交流画工网站

cgsociety.org/news/arti


6,Cargo - Gallery

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

cargocollective.com/


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


友情链接