常用网页设计网址笔记

常用

Behance全球设计师的作品展示平台

Dribbble界面设计推荐必去网站

CSSWINNER国外优秀CSS网站画廊

MUUUUU日本网页画廊，更新较快

韩国设计森林韩国网页画廊网站

我图网免费正版素材库，海量原创高品质素材下载

千图网设计必备！海量优质设计素材免费下载

创客贴极简的平面设计工具，托拉拽创建精美设计

包图网1000万套品质素材免费下载

视达网专注（电商、平面）设计视频教学

摄图网100万高清正版图片免费下载

Pinterest 全世界的灵感都在这了花瓣 | UI中国 | 站酷

设计素材每周3张免费商用高清图下载

UI干货: NicePSD优质设计素材下载站; UI-Cloud海量UI资源，可当素材库或灵感库使用; flypixel目前已有800多个优秀UI资源; PixedenAPP UI、网页模板、纹理等; 优秀设计资源不定期分享免费高品质干货; freebiesgalleryWEB, APP UI等PSD素材; 365webresources分享网页和UI相关免费素材 365PSD; DBL专门分享Dribbble和Behance的素材网站; Graph BerryMockup、icon、模板等素材分享; Freebiesbug综合UI素材网站

网站模板: Themeforest质量极高的网页模板分享平台也可以在这里找灵感; 网站模板不定期精选优秀PSD/HTML网站模板; Templated响应式模板分享站; Freewebsitetemplates免费网页模板分享，有的质量不错; 网页模板巨人提供多行业企业网站、CMS、商城模板

图标: Easy icon图标搜索引擎(中英); Icon Finder图标搜索引擎(英); Logo EPS可以免费下载矢量LOGO模板的网站; Font Awesome 流行的网页图标字体 Cheatsheet | 4.7.0; The Nounproject高度可识别性的符号、图标; iconmonstr设计风格简约的图标素材; 阿里图标库阿里巴巴矢量图标库; Icomoon在线网页字体图标制作工具; Fontello图标字体制作工具; iconShock这里可以找到一些精致的拟物化图标

矢量图 / 笔刷 / 纹理: Freepik百万级矢量素材库; Qbrushes有PS笔刷以及纹理素材; Subtle Patterns平铺背景分享，很漂亮; Textures3D类材质纹理素材; High Resolution Textures高分辨率纹理素材; FbrushesPS笔刷下载站; BrusheezyPS笔刷、纹理背景; psdboxPS教程及素材分享; Texture King纹理王，各种材质纹理素材分享; Sketchfab 优秀3D模型展示社区

字体下载: 中国字体中文字体下载推荐网站; dafont大量免费英文字体下载站; fontsquirrel字体松鼠，可商用的免费字体; 求字体可通过图片查找对应的字体，也提供字体下载; Font Fabric提供漂亮的免费字体下载; Font CDNGoogle Web 字体CDN; losttype非常多漂亮的英文字体，带banner展示; fontex免费可商业的字体下载站; Abstract Fonts较全的字体下载站; 谷歌Web Font做英文站，来这里找字体吧，直接用在web上

免费高清图片: Unsplash高品质图片素材，可免费用在任何地方; Pexels免费图片分享; Gratisography免费高分辨率真图片，可个人及商用; DesignersPics设计师图片素材; Foter超过2亿张免费图片; Girlydrop免费女子写真素材; Twnsnd免费怀旧、复古照片分享; Pixabay共有约 370000 张免费的照片、矢量文件和艺术插图; Pakutaso日本的免费写真素材站; Little Visuals免费图片，可用于任何地方

付费图片素材: Veer图库【iStock中国】独家优质可靠，永久版权担保; 图虫国内正版图片库，不定期有免费图片分享; 海洛图库代下载官网70元/张，本站8元/张; 500px国外高质量摄影照片网站; PixelSquid去背景3D素材下载站

高清壁纸: Bing Gallery必应电脑桌面壁纸; WallHaven高清壁纸搜索引擎，原wallbase.cc; 猫猫壁纸酷众多类型壁纸下载; InterfaceLIFT有3000+免费壁纸下载

灵感酷站

WEB: CSS Design Awards欧美网页设计欣赏; Awwwards欧美网页设计欣赏; 4db日本网页设计欣赏; straightline日本网页设计欣赏; krwz韩国网页设计欣赏; ivdesign韩国网页设计欣赏; 81-Web日本网页设计画廊; One page love单页网页设计欣赏; Mobile Patterns移动网页设计欣赏; hoverstatWeb 交互动画欣赏 CodeMyUI (css动画); FWA超高水准的互动网站案例，不要让客户知道~; io3000日本网页画廊更新超快无广告; Web Design Clip日本网页设计画廊; site inspire欧美网页设计画廊; TheBestDesigns除了分享网页，还有一些设计师/机构推荐

移动APP UI: Dribbble设计师必备灵感站; Pttrns收集移动APP界面设计作品; UIparade UI零碎组件分享 UIDB（备用）; UIgarage优秀UI碎片整理; IOSicongallery分享优秀IOS应用程序图标的网站; app-iconsAPP图标集合; Love UI分享移动端APP设计作品; Uplabs分享Material和iOS风格的设计作品; Inspired UI.分享iPad、iPhone和Android UI设计作品; Call to idea细节分类各种UI设计元素的UI酷站

动效设计: UI Movement主要展示移动APP的动效界面，更新快; Motions有APP和其它好玩的GIF动画作品; Design Patterns分类展示的动效元素，并且已实现代码编写; Capptivate展示的优秀的动效作品(更新有点慢); Little Big Details分享APP界面、软件界面、网页\智能手表等界面; UYI收集一系列动效界面，方便你激发动效设计灵感; UI Interactions分享带动效的UI设计作品，更新快; SIX UX分享6秒内的交互设计作品; User Flow Patterns可能需要“科学上网”才能正常访问; NavNav收集优秀Web&APP菜单

综合推荐: Designspiration设计灵感站，我经常筛选颜色来参考大神的作品配色^^; deviantART被墙！DA，艺术家与设计师展示各自作品的平台; inspirationde类似花瓣、Pinterest，作品量少质量高; abduzeedo每天创意作品分享; LogopondLogo设计灵感来源

灵感画板

推荐: 中文字体设计中文字体设计灵感; 英文字体设计英文字体设计灵感; 网页设计网页设计灵感; 扁平化专题页面扁平化专题页面设计灵感; UI设计规范Android / iOS相关规范

APP UI: 引导页APP引导页; 拟物化icon拟物化图标分享; 弹窗设计精美的弹窗设计; UI界面原型原型草图、线框架图，但精美不一定是好原型; 扁平化ui扁平化ui设计作品

电商设计: BannerBanner设计灵感; 电商海报电子商务海报设计; 淘宝直通车淘宝直通车广告设计; 化妆品首页详情页 | 海报 | 直通车; 家具首页详情页 | 海报 | 直通车; 母婴首页详情页 | 海报 | 直通车; 儿童服饰首页详情页 | 海报 | 直通车; 女装服饰首页详情页 | 海报 | 直通车; 男装服饰首页详情页 | 海报 | 直通车; 女鞋首页详情页 | 海报 | 直通车; 男鞋首页详情页 | 海报 | 直通车; 女士箱包首页详情页 | 海报 | 直通车; 家电数码电器首页详情页 | 海报 | 直通车; 珠宝饰品首页详情页 | 海报 | 直通车; 餐饮美食首页详情页 | 海报 | 直通车

设计教程设计类视频教程

68PS联盟学习Photoshop教程的好网站

虎课网5000+设计案例课程从入门到大师

tutsplus分享入门到高级的设计教程，详细易懂

UI设计教程专注APP UI设计教程和课堂学习

WDL国外网页设计信息博客

digitalartsonlineWEB、APP、PS教程应有尽有

配色

配色工具: Color Scheme在线配色中文版; coolors APP在线配色以及查看优秀的配色方案; Color Hunter上传图像获取配色方案; colourco.de简单易用的在线配色工具; Colllor轻松创建色调一致的配色板; Colormind智能生成中性色调颜色 (推荐); UIgradients生成美丽的渐变颜色（推荐）; Colorfavs抓取图像配色，带收藏配色功能（推荐）; colors.css一个包含16种全新标准色CSS样式表; PALETTABLE推荐！智能匹配的颜色赞哦！

Google Material Desgin 系列: Material风格配色轻易搭配出Google Magerial Design的配色方案; Material UI把所有颜色汇聚在一个页面上; material mixer快速 DIY 美观的 Material design APP 界面配色; MD Palette Generator根据自定义颜色生成配色; Random material随机搭配一套UI配色方案; Material Colors精选 500 和 A200 色板的颜色; MD Colors又一个简单的可视化的Material Design工具; tintui只显示 Material Design 中的 500 颜色; MD Colors 2将色板中的颜色连同他们的正式名称可视化; Colorion分享 Material 设计配色，带收藏夹功能

配色灵感: 设计配色方案; 126个著名品牌颜色; 日本传统色系; 日本和色大辞典; Colour Lovers看别人的优秀配色方案

浅谈色彩学：对比色配色

浅谈色彩学：人性化的 HSB 色彩空间

全球大品牌LOGO色彩分类

世界100强网络品牌用色分布图

Web配色基础：色彩设计方法

设计师配色宝典！教你从零开始学配色

设计工具首推墨刀：标注切图神器！

在线设计工具: FOTOR懒设计在线设计淘宝 Banner, 名片, 邀请函, 二维码; 蓝湖免费自动标注强烈推荐：自动标注、切图神器，免费！; LogoSC在线生成中文LOGO; figma支持多人同时在线设计工具; Mockplus简洁高效的原型设计工具软件，关注设计，而非工具

辅助: Assistor PS功能强大的标注工具; 在线JPG/PNG压缩Optimizilla在线图像压缩工具，可批量; DDD.ONLINE在线制作3D作品H5展示页，及3D模型下载; GuideGuidePS参考线快速绘制工具; pixlr在线Photoshop绘图工具; 创客贴推荐！一个可以告别PS的免费平面设计工具; 在线多边形制作在线low poly制作工具，简单几步即可创作一幅艺术作品; stylestats输入网址获得该网站配色; Gridzzly网点网格纸在线生成; BG Patterns在线制作平铺背景工具; mindmeister在线思维导图; fontsquirrel在线生成@fontface工具; 有字库生成中文@fontface字体; Vector magic强大的位图转矢量图工具; Velositey快速排版网页布局的PS扩展; Fontello在线生成Web font字体; infogr 信息图制作在线制作漂亮的可视化信息图工具; 比例计算工具16:9, 4:3, 21:9, 2:1 在线计算工具; UI Faces提供真实用户头像，社交UI/用户列表设计必备; Sketch Sheets可打印手机、浏览器、Pad等设备的原型模板; Grid Guide极好用的Web栅格工具; 书法字体生成工具书法、手写、毛笔字体设计利器; X-Icon Editor在线网站 ico 图标生成器; 黄金比计算工具Golden Ratio，可以计算黄金比例的工具; 信息图表在线制作几分钟内制作美丽的图表、数据报表

团队协作 · 效率: Eagle设计师图片管理工具，支持 Mac 与 Windows 系统; Worktile团队协同工具，让你的团队随时随地一起工作; Tower高效管理你的团队以及项目; Trello国外免费团队协作工具; 白板设计图讨论工具; Teambition让你可以和同伴共享项目进展，随时沟通，从而轻松完成目标

尺寸规范

App UI设计规范Android / iOS设计规范

平面设计尺寸设计师实用尺寸手册

屏幕尺寸大全全面的设备屏幕尺寸，含桌面、平板、手机等平台

Screensiz.es移动屏幕尺寸

设计规范大全设计规范大集合

iOS8人机界面指南pdfPDF版本 - iOS 8人机界面指南 - UI元素与设计尺寸

提升Web用户体验的71个设计要点

字体运用的18条规则

LOGO设计的10条戒律

字体与色彩搭配的10条戒律

DILIGRP IOS APP设计规范

Sketch

Sketch官网Sketch官方网站

Sketch快捷键Sketch快捷键速记表，含中英对照

Sketch素材Sketch素材下载站

SketchcastsSketch视频教程

Sketch tips分享 Sketch 的使用技巧简单易懂

sketch资源集

sketchhunt分享Sketch资源

Sketch NewsSketch综合信息网站，有教程、新闻、素材、插件等信息

Sketch repo分享Sketch 素材，资源质量较好

SketchtipsSketch技巧（更新有点慢）

Sketch Rocks!Sketch插件、素材、教程、杂项...

Sketch Packs纯Sketch插件

Scetch中文手册（ibook格式）

Sketch 常用快捷键速记表

Sketch 一定要会的快捷键

Sketch 中文手册

帮你迅速上手SKETCH的10个技巧

SKETCH 3.2新特性演示

信息图

Designspiration提供不同类型的数据图表

informationisbeautiful数据信息图分享

网易数读轻量化数据阅读体验

infosthetics分享可视化数据

搜狐数字之道搜狐的数据图表新闻

新浪图解天下

coolinfographics酷图表

Best- infographics专注搜寻互联网上每天热门的信息图

GOODGOOD信息图分享

腾讯新闻百科腾讯的图表新闻专栏

网商图媒体解读电商动态

百度浏览器统计份额网页设计师必备，统计国内浏览器使用率

前端开发

推荐: w3school前端入门教程网站 runoob(备用); Codrops前端技术分享博客; Bootstrap中文站Bootstrap流行的响应式前端框架; 缓动函数速查表; 响应式VS自适应让你了解响应式和自适应的区别; 特殊符号表箭头、货币、特殊字符、Unicode、Hex Code、Html Code; emojisemojis表情及其它特殊符号; CSS中文字体对照表中文字体Unicode查看; normalize.css目前流行使用的CSS Reset; bootCDN静态资源库稳定、快速、免费的开源项目 CDN 服务

前端工具: freecodecamp在线学习前端技术(推荐); CSS3 GeneratorCSS3渐变、阴影、动画等在线工具集合; cssanimateCSS动画生成工具; SVG EDITSVG图像绘制及编辑; Screensiz.es移动屏幕尺寸; Codepen在线编辑HTML/CSS/JS，并有很多酷弦的特效代码; jQuery Cards1000个高品质jQuery插件库（推荐）; CSS/JS压缩代码压缩美化~ 备用地址：备用1 | 备用2 | 美化代码; MinifierHTML, CSS, JS在线压缩; PX EM单位换算备用地址：备用1 | 备用2

Designer Game 可提高你设计技能的游戏

Pixact测试你对像素宽度的识别能力

Whatpx写出黑色矩形的宽度

bezier用贝塞尔曲线绘图，提高钢笔工具的运用

RGBchallenge测试你对RGB值的了解

helvarialquiz分辨Arial和Helvetica字体

Color匹配色轮的颜色

Type字体排版练习

Shape钢笔工具使用练习

Real or Photoshop分辨图像是真是假

dedesigntheweb通过原型图来分辨是哪个网站

colorrun点击亮度高的颜色

The Color看你有多色

CSS DinerCSS午餐，简单易懂的 CSS 选择器在线学习游戏

Flexbox Defense边玩塔防游戏边学习 CSS Flexbox 属性

设计公司

21torr作品包括网页、平面广告，企业视觉VI

Fi移动APP和网页领域的作品很棒哦

奥美世界最大的营销传播机构

akqa知名互动创意公司

2advanced优秀互动网站制作公司

Territory Studio国外优秀创意工作室

培训机构

虎课网5000+设计案例课程从入门到大师

空缺中