总的来说Webp格式就是一种专门应对网页来开发设计的一种图片编码格式。它与其他的jpg相比在画质相同的情况下，WebP格式比JPEG图像小40%。
搜索内容：t
Instagram大家应该不会陌生，在电商设计圈最近很流行ins风。很多人也在ins上关注了很多时尚、设计等等的一些ins博主，不失为一个不错的平台。 当然也有人说，现在ins已经被各种营销号、卖假货的、假网红什么的充斥了，但是还是有一些不错的博主可以值得去关注的，作为设计师，大家可以发现一些好的设计师插画师，从而去找找灵感。 不管ins好坏与否，今天给大家推荐一位ins插画师 @paperbybb 作者插画视频 博主经常发一些绘画…
目前做手机 UI 通常只有 Android 和 iOS，所以此文也先提供这两组字体。（打包下载地址在文尾） iOS 中文字体：苹方 / PingFang SC 下载包的字体包含：苹方-简、苹方-繁、苹方-港。 如果在 Web 上使用，Font-family 编码分别为简：「PingFang SC」、繁：「PingFang TC」、港：「PingFang TC」。同时包含了六种字重：常规体、中等、细体、特粗体、特细体、粗体。 字重在 CSS 中用 font-weight 来表示。分别为： …
今天和大家分享拥有180种渐变配色方案的网站：Web Gradients，此网站特色不仅提供漂亮的渐变配色，而且还有更多格式选择，比如 PSD, Sketch, PNG 以及可直接复制成一段 CSS 渐变代码，如此一来，设计师们就可以很方便的使用这个配色方案了。 网站名称：Web Gradients 网站地址：https://webgradients.com/ CSS库：https://github.com/itmeo/webgradients 打开网站我们就能直接看到 N…
今天为大家分享配色网站:Grabient，这个网站的交互体验还真不错！拥有它可以方便实现漂亮的渐变效果。 网站名称：Grabient 网站地址：https://www.grabient.com/ 网站特色 支持 CSS 样式代码复制 可以操控360度渐变旋转 自由增加或删除渐变颜色 超方便的交互操作 下面我们来看看这个交互体验不错的配色网站，试过之后你一定会喜欢上它！ 渐变角度变换 点击左下…
伴随着 iPad Pro 与 Apple pencil、Surface 与 Surface Pen 等产品的相继问世，专业绘图领域涌现了越来越多的新工具，其中不乏一些刚刚起步没多久就有赶超前人趋势的「潜力股」。 今天我要介绍的是由知名大厂 Autodesk 所开发的一款同时支持 iOS、Android、Windows、macOS 的跨平台专业绘图工具：SketchBook。 SketchBook 既面向专业的设计绘图、艺术创作、插画绘制，同时也面向普通用户绘制涂鸦、草图、记录想法。其移动版本将臃肿的界…
最近刚刚开启网站HTTPS，看着在谷歌流量浏览器下打开显示安全的绿色小锁，瞬间觉得高大了不少， 但是发现个问题，就是文章页面图片不显示了，，，，表情瞬间凝固，一个大写的尴尬￣□￣｜｜ 于是f12看了下源码，发现图片还是保持http的状态，，然后谷百了一下，问题解决： 找到当前主题下的 function.php 文件，编辑之，在里边代码的末尾追加如下代码： 原文：http://www.mobibrw.com/2016/3047
留白是设计中的一种高级运用手法，它是一个空白空间，在极简主义的设计里最为常见了，留白听起来很简单，然后是否运用得当，就要看设计师的水平到了那一个阶段了，今天我们来说说关于留白的一事情，会告诉你如何运用留白这种设计手段，把你的设计提升并给用户一种整洁感觉。新人或进阶设计师都可以一看。 “Whitespace is to be regarded as an active element, not a passive background” — Jan Tschichold “留白不单单是一个被动的背景，而是一个活跃的元…
今天给大家分享一套适合制作夏季海报的英文字体，Vayentha Sans，作者是来自印尼的Ryan Prasetyaa；喜欢的朋友可以免费下载使用： 百度网盘下载： 此处内容已经被作者隐藏，请输入验证码查看内容验证码：请关注本站微信公众号，回复“”，获取验证码。在微信里搜索“”或者“”或者微信扫描右侧二维码都可以关注本站微信公众号。
今天为大家分享来自 Inkration 的手绘游戏UI设计大作，他的插画生动有趣，而每幅作品都绘制得精致而细腻，非常考验设计师功底。 设计师：Inkration Studio 个人主页：https://www.behance.net/inkration 如果你也想学手绘 UI，那么也建议你临摹一下这位大神的作品，保证会有收获，下面一起来欣赏下这位优秀的设计师的神作吧。 喜欢这组插画吗？欢迎分享给更多有需要的设计师们吧，当然有空你也可以临摹一下，顺便提升手绘技能哦！ 原文：设计达人
Kitten是一个漂亮字体，2016年被《Print Magazine》杂志评为年度最受欢迎字体之一；完美的曲线设计、高度的连笔变形，使之适合各种logo、pop板式等设计，欢迎到页尾下载！ 百度网盘下载： 此处内容已经被作者隐藏，请输入验证码查看内容验证码：请关注本站微信公众号，回复“”，获取验证码。在微信里搜索“”或者“”或者微信扫描右侧二维码都可以关注本站微信公众号。
Aprillia Script是一个现代书法字体，由Rabbittype 设计。这个华丽的字体完美的用于请柬，标志，卡片，T恤等。下载地址见页尾↓↓↓↓↓ 百度网盘下载地址： ------------------------------------------------------------------------------------------------------------------ 此处内容已经被作者隐藏，请输入验证码查看内容验证码：请关注本站微信公众号，回复“”，获取验证码。在微信里搜索“”或…
Sublime Text很多人或多或少都用过，可能很多人会发现。在Sublime Text无法直接打开浏览器，没有像DW那样的快捷键。有的只是右键打开默认的浏览器。而有时候又需要打开不同的浏览器。 这时候主角登场了——SideBarEnhancements。 SideBarEnhancements是一个可以自定义打开方式快捷键的工具包。他可以定义不同的快捷键打开不同的浏览器。接下来，我们先安装它。 在Sublime Text按下ctrl+shift+P打开命令面板，输入pcip，第一个就是安装控制包的选项了。 搜索…
今天分享一个元素周期运动表，这个并不是化学元素，你可以理解为「元素运动规律」，因为这个元素表是由一些常用动效组成，并且每个动效的实现都有一个理论依据，而不是凭空想象出来。动效有弯曲、偏移、流动线、噪波、回旋路径、极坐标、音频波浪、对称旋转、连接、遮罩消除等效果。对到交互设计师，想了解动态设计原理，建议收藏此表。 网站名称：Periodic Table Motion 网站地址：http://foxcodex.html.xdomain.jp/ 进入网站后，我们点击每个动画都有尽介绍！ 下面来看看这些元素动效 GIF 截…
atom-plugins some awesome atom-plugins ! ... 1. emmet html补全 2. active-power-mode 文字泡沫 3. power-mode 随地泡沫 4. atom-miku 跳舞的姑娘 5. autocomplete-plus 当输入的时候，提供可能的候选项。 5. atomic-chrome chrome里面的编辑框直接在atom编辑 6. minimap 源码预览图，提供丰富的自定义选项 7. file-icons || file-icon-sup…
