大厂设计师都在用的色彩设计指南(爆肝整理)
CSSGradientGenerator是一个在线渐变生成器,用户可以选择颜色和渐变类型,然后获取对应的CSS代码。链接:httpscssgradient.io/十、使用灰度鉴别色彩合理性如果我们在设计的时候,不知道使用的颜色是否过于泛滥,那么可以通过“灰度”的方法来进行测试,灰度的是一种常见的设计技巧,通过黑白灰的模式,来去看整体设计...
CSS变量(自定义属性)实践指南
上面的代码创建了一个--my-gradient变量,是一个渐变样式,它的值被设为--top-color的值和--bottom-color的值组合的结果。现在,你可以在任何时候修改你的渐变样式,仅仅是修改变量的值就可以了,而不再需要在样式表里满文件地去找用到这个渐变样式地方。示例2代码(httpsgitee/GrapeTech/css-variable-demo...
我是这样用“色”做设计的 !|渐变|配色|明度|色板|色相_网易订阅
网站的特色不仅可以提供漂亮的渐变配色,而且还有更多格式选择,比如PSD,Sketch,PNG以及可直接复制成一段CSS渐变代码,设计师们就可以很方便的使用这个配色方案。2、扁平化设计配色网站推荐:httpflatuicolors/这个网站会定期更新一些扁平化设计中很受欢迎的色彩组合,里面的配色都很棒。3、可生成一...
色彩在产品设计中的应用|配色|渐变|色板|明度|对比色_网易订阅
网站的特色不仅可以提供漂亮的渐变配色,而且还有更多格式选择,比如PSD、Sketch、PNG以及可直接复制成一段CSS渐变代码,设计师们就可以很方便的使用这个配色方案。扁平化设计配色网站推荐:httpflatuicolors/这个网站会定期更新一些扁平化设计中很受欢迎的色彩组合,里面的配色都很棒。可生成一套色板的网...
这才叫设计:看Medium如何精雕细琢下划线
于是,我们的最终方案是:一个细小的1px或2px高渐变,水平拉伸,垂直放置。7.清除字母的下伸部分我的同事想出来了一个虽机灵但不切实际的办法——应用白色text-shadow或text-stroke来模拟下划线与文字间的间隙。不幸的是,为了取得最佳效果,需要放置多层阴影,代价太大,而text-stroke则会遮盖下划线里面部分,所以最终...
精选干货 | 色彩在产品设计中的应用|配色|渐变|明度|色板|对比色...
黄色明度最高,蓝紫色明度最低,红色和绿色的明度中等(www.e993.com)2024年10月3日。同时,一般纯度发生改变时,明度也会随之改变。色相、纯度和明度。如下图所示。6.色彩在界面设计中的作用彩色文字会告诉用户可以点击的文字链接,而灰色的按钮则会让用户认为此按钮不可点击。1)整体思考色彩在设计中的构成元素...