网页设计配色及字体规范
1、下面列出UI设计网页设计字体规范特点：微软雅黑/方正中黑：在网页设计中这款字体使用的非常频繁，这款字无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。
2、在单个页面中，不要使用超过三种以上的字体。这样可以使页面看起来更加整洁，避免字体混乱的情况出现。字体大小不要过大在网页设计中，不要用太大的字体。过大的字体会让页面看起来很不协调，影响用户的阅读体验。
3、网页设计中，文字间距一般根据字体大小选1—5倍作为行间距，5—2倍作为段间距比如12号字体，行间距是12px—18px，段落间距则是18px—24px。另外，行高/段落之间的空白=0.754。
4、同色配色是指首先选择一种颜色，然后调整其透明度和饱和度，使颜色变浅或加深，从而生成新的颜色。这样的页面看起来颜色统一，层次分明。
设计必看配色资源网站
Canva可画 设计小白和设计师都适合的在线设计平台，无论找排版灵感、版权图片字体视频素材、设计模板还是精美插画都非常方便..稿定 亿级综合素材资源平台，有1500万矢量图、插画资源。
LOL Colors：https：// 这是一个非常简洁，但非常好用的配色网站，可以找到很多色彩组合，把鼠标移到水滴上会提示颜色值。LOL colors，非常贴合logo了。
Adobe-color-cc 没有系统学过设计配色的小伙伴，在设计做到配色阶段，往往会感到纠结和绝望，那么adobecolor提供的配色方案也许能够帮助到你。在刚开始学习设计时我也经常会使用adobe-color进行配色。
MuzliColors可以在线编辑多种配色方案，并且可以上传自己喜欢的作品或图片查看配色方案，还可以查看色彩在设计作品中的应用，比如logo设计等。
官网链接：https：// 觅知网 网站介绍：专注原创版权设计模板图片素材下载。超过200万PPT模板、海报、PNG素材、背景、插画、元、摄影图片、字体、视频、音频素材供会员免费下载。
Icons8是设计师必备的设计网站，里面的资源类型非常丰富，包括图标、插画、3D贴图、3D表情、音频、设计工具等，支持传图建模、抠图、剪辑……功能很强大！里面有些素材真的超可爱。
推荐一些配色的网站
1、Pokepalettes口袋妖怪是一个比较特别的配色网站，它里面所有的配色方案都来自口袋妖怪里面的妖怪角色，口袋妖怪其实就是我们所说的神奇宝贝，相信不少用户看过这部动画片或玩过这个游戏。
2、WebGradients 拥有180种渐变配色方案，都非常的美观。点击一下就色彩就可以大图预览，喜欢的话可以下载png图片，还有更多格式选择，比如PSD，sketchPNG以及可直接复制成一段CSS渐变代码很方便。
3、brandcolors.net，提供多种配色方案，点击颜色即可复制色号到ps中，方便快捷。picular.co，个人钟爱，可以根据关键词智能生成相关搭配颜色，真的很好用。
4、配色网：http：// 网站包括色彩插件下载、色彩知识学习，以及色彩搭配参考。还会对作品的配色，做一些解说，能够帮助新手理解。这个网站对于绘画新手、色彩新手，可以说是相当友好了。
5、网址：https：//color.adobe.com/create 这个adobe出品的调色板应该是比较熟悉了，每种颜色方案由五个颜色组成。您可以自己生成，也可以看流行的搭配方案。