本文涵盖UI人必上、必备工具、在线工具、;灵感酷站、H5生成、网站小工具、设计规范、网页设计、图标参考、APP界面参考、国内顶尖团队、免版权图库、配色工具、主题指南十四类工具导航,有需要的自取。
一、UI人必上:
1、站酷网(中国最好的设计平台,设计师互动平台)https://www.zcool.com.cn/;
2、UI中国(专业用户体验设计平台)https://www.ui.cn/;
3、Dribbble(艺术作品的交流网站)https://dribbble.com/;
4、Behance(全球设计师作品展示平台)https://www.behance.net/;
5、Arestation(设计网站中的A站)https://www.artstation.com/;
6、花瓣网(创意灵感天堂,探索、发现设计灵感)https://huaban.com/;
7、Collectui(每日UI设计灵感)http://collectui.com/;
8、Pinterest(洞见全球设计创意)https://www.pinterest.com/;
9、Uwhtml平台(国内新兴的设计平台)http://www.uehtml.com/;
10、优设网(国内优秀的设计师学习平台,拥有海量优质设计文章,包含了PS教程,AI教程,UI设计,网页设计,排版教程等)https://www.uisdc.com/;
11、UI8(虽然收费,但是不得不看的网站)https://ui8.net/;
12、求字体(不要在群里万这是啥字体了)http://www.qiuziti.com/;
13、IOS图标库(真的必须看一下啦)https://www.iosicongallery.com/;
14、deviantart(示用户制作各种艺术品的在线社区)https://www.deviantart.com/;
二、UI人必备工具:
1、screensiz(在线查询不同设备屏幕尺寸)http://screensiz.es/phone;
2、Sketch Plugins(Sketch官方插件中心)https://www.sketch.com/extensions/plugins/;
3、Mockuphone(快速生成各型号设备模型图)https://mockuphone.com/#ios;
4、Sketch中国(Mac端专注于UI设计+原型图工具)https://www.sketch.com/;
5、Sketch中文网(让UI设计更简单,更高效)http://www.sketchcn.com/;
6、Principle(Mac平台交互动效设计神器)https://principleformac.com/;
7、蓝湖(一键共享产品文档神器)https://lanhuapp.com/prd
8、Cutterman(实时预览Ps/Sketch/xd中的设计稿)http://www.cutterman.cn/zh;
9、eagle(设计师图片管理工具)https://cn.eagle.cool/;
三、在线工具类;
1、Tinypng(在线压缩png/jpg)https://tinypng.com/;
2、Cloudconvent(在线任意转换图片格式)https://cloudconvert.com/;
3、Biteable(最简单的在线动画制作工具)https://biteable.com/;
4、Trianglify(低多边形生成工具)https://trianglify.io/;
5、Processon(免费在线作图,实时协作)https://www.processon.com/;
6、智图压缩图片(高效优质的图片优化平台)https://zhitu.isux.us/;
7、制作icon图标(在线制作ico图标)http://www.bitbug.net/;
8、字由(设计师必备字体利器)http://www.hellofont.cn/;
9、Photomosh(快速生成故障风格)https://photomosh.com/;
10、Sketch转PSD(Sketch转PSD)https://www.photopea.com/;
11、超酷片头生成(一键生成大片)https://panzoid.com/;
12、JPG转PDF(做作品可以用)https://smallpdf.com/cn/jpg-to-pdf;
四、灵感酷站类;
1、CSS Design Awards(欧美网站设计参考)https://www.cssdesignawards.com/;
2、4db(日本网页设计参考)http://4db.cc/;
3、Hovertart(Web交互动画欣赏)https://hoverstat.es/;
4、FWA(高水准的互动网站案例)https://thefwa.com/;
5、io 3000(日本网页画廊,更新快无广告)https://io3000.com/;
6、Designspiration(用来筛选颜色来参考大神的作品配色)https://www.designspiration.net/;
7、Inspirationde(类似花瓣/Pinterest,作品少质量高)https://www.inspirationde.com/;
8、Logopond(Logo设计灵感来源)https://logopond.com/;
9、Bestwebsite(设计感——有没设计网站搜罗)https://bestwebsite.gallery/;
五、H5生成:
1、Maka(免费H5页面制作)http://maka.im/H5.html;
2、兔展(免费制作PPT一样制作H5)https://www.rabbitpre.com/;
3、易企秀(H5场景应用制作工具)http://www.eqxiu.com/;
4、初页(轻松制作HTML5页面)http://www.ichuye.cn/;
5、百度H5(百度做的,怎么样?试试看)https://h5.bce.baidu.com/;
6、人人秀(一个很不错的H5平台)https://rrx.cn/;
7、epub360(老牌H5设计工具,支持PSD)https://www.epub360.com/;
8、Ih5(国内的H5神器)https://www.ih5.cn/not-logged-in;
9、H5案例(H5案例,没灵感的时候可以看看)https://www.h5anli.com/;
六、网站小工具:
1、1stwebdesigner(网页设计与开发)https://1stwebdesigner.com/;
2、Uxpin(在线UI/UX设计工具)https://www.uxpin.com/;
3、Webflow(谁都能用的强大建站工具)https://webflow.com/;
4、Logosc(在线logo生成)https://www.logosc.cn/;
七、设计规范:
1、UI-design-spec(最新Android&ios设计尺寸规范)http://www.shejidaren.com/examples/tools/chichun/ui-design-spec.html;
2、小程序(微信小程序官方样式库)https://weui.io/;
3、HIG(苹果官方设计规范)https://www.logosc.cn/https://www.logosc.cn/;
八、网页设计:
1、FWA(这是一个世界性的网站推荐站)https://thefwa.com/;
2、awwwards(awwwards同样推荐最好的Webdesign)https://www.awwwards.com/;
3、thebestdesigns(最好的网页设计展)https://www.thebestdesigns.com/;
4、暴雪娱乐(游戏网站第一站)https://www.blizzard.com/;
5、GE官网(适合大中型企业学习)https://www.ge.com/;
6、louisansa(louisansa个人设计站)http://louisansa.com/;
7、verticalparis(verticalparis工作室官网)http://www.verticalparis.com/en;
8、Igoodi(Igoodi官网,太霸气了)https://www.igoodi.eu/en/who;
9、5erue(我最喜欢的工作室)https://www.5erue.com/fr/;
10、fractalfantasy(我也不知道干啥的,反正很炫酷)https://fractalfantasy.net/#thirst;
11、aquest(aquest官网)https://www.aquest.it/it/projects/fornasetti;
九、图标参考:
1、iconfinder(找图标必备网站)https://www.iconfinder.com/;
2、conmonstr(图标怪兽,非常好用)https://iconmonstr.com/;
3、iconfont(阿里巴巴出品的图标库)https://www.iconfont.cn/;
4、app-icons(做APP图标没灵感时必看)https://app-icons.net/;
十、APP界面参考:
1、pttrns(图标界面截图最全网站)https://www.pttrns.com/;
2、mobile-patterns(比上面网速更快的站点)https://www.mobile-patterns.com/;
3、pixeden(很多界面元素可供下载)https://www.pixeden.com/;
4、uimovement(UI界面动效参考)https://uimovement.com/;
5、freshdesign(动效参考最佳网站)https://freshdesign.io/;
6、前端动效大全(有前端最全的动效库)http://fff.cmiscm.com/#!/main;
7、动效周期表(太酷了吧,动效怎么能不看这个?)http://foxcodex.html.xdomain.jp/;
十一、国内顶尖团队:
1、腾讯CDC团队(腾讯顶尖团队CDC)https://cdc.tencent.com/;
2、腾讯网UED(腾讯出色的设计团队)https://ued.qq.com/;
3、腾讯ISUX团队(主要负责移动端等设计)https://isux.tencent.com/;
4、腾讯TGIDEAS团队(负责游戏包装盒设计策划等)https://tgideas.qq.com/;
5、搜狐畅游VC(搜狐负责包装盒延展设计团队)http://vc.changyou.com/;
6、阿里巴巴国际设计团队(负责海外业务设计等)http://www.aliued.com/;
7、Google设计团队(世界知名团队)https://design.google.com/;
8、360UXC(负责360业务相关设计)http://uxc.360.cn/;
9、alloyteam(腾讯前端知名团队)http://www.alloyteam.com/;
10、阿里妈妈MUX(负责阿里妈妈业务设计)http://mux.alimama.com/;
11、百度EUX(百度企业产品设计)http://eux.baidu.com/;
12、百度用户体验中心(百度知名团队MUX)http://mux.baidu.com/;
十二、免版权图库:
1、Unsplash(最保险最安全的免版权图片库)https://unsplash.com/;
2、拍信(国产图库,有免费有收费的哦)https://v.paixin.com/popular;
3、Pixabay(很多免费商用图片库)https://pixabay.com/;
4、Gratisography(同样有很多免费资源的图库)https://gratisography.com/;
5、Pexels(免费商用免费图库)https://www.pexels.com/;
6、Wallhaven(免费壁纸天堂网站)https://wallhaven.cc/;
7、Vactualpapers(同样免费商用版权网站)https://www.vactualpapers.com/;
8、锐景创意(部分免费部分收费哦)http://www.originoo.com/ws/p.index.php;
9、站酷海洛(图库非常靠谱,而且价格低廉哦)https://www.hellorf.com/video?utm_source=video_zcool;
十三、配色工具:
1、Kuler(Adobe官方配色工具)https://color.adobe.com/zh/create;
2、日本传统配色(特别好用而且超级好看)http://nipponcolors.com/;
3、Colorfavs(色彩粉丝网)http://www.colorfavs.com/;
4、Colourlovers(傻瓜都会用的配色网站)https://www.colourlovers.com/;
5、materialui(做安卓设计必须看一下啦)https://www.materialui.co/;
6、uigradients(UI渐变色不会调?快来看这个啊)https://uigradients.com/#Aubergine;
7、Cookors(非常好用的配色网站)https://coolors.co/browser/latest/1;
8、Materialpalette(安卓MD设计必备)https://www.materialpalette.com/;
9、MD配色神器(同样很好用的配色工具)https://material.colorion.co/;
十四、主题指南:
1、小米主题设计站(做小米主题就看这个啦)http://designer.xiaomi.com/;
2、搜狗输入法开放平台(做搜狗的设计就要看这个)https://open.shouji.sogou.com/;
3、魅族FLYME(魅族主题市场)http://open.flyme.cn/;
4、OPPO开放平台(给Oppo做主题?来吧)https://open.oppomobile.com/service/distribute#id=3。