经验分享 未读
Sketch 组件编组、组件化后蓝湖无法查看标注在使用蓝湖的过程中一直会出现各种各样的bug活着体验上的问题。有的时候我们给图层编一个组、加一个symbol等都无法查看蓝湖的标注。其实除了我们常用的单(双)击以外,也可以使用右键单击的方法来进行查看。
右键单击需要查看的组件,选择选中图层,你就可以看到以设计师的视角的图层列表。选择你要查看的组件所 ...
经验分享 未读
在使用 hexo-admin-qiniu 时使用 webp 图像格式并适配兼容性webp图像格式是Google推出的一款非常小体积的图像格式,它的优点很多,现在被大厂比如微信文章、豆瓣网等完美支持。可以降低图片对带宽和流量占用。
因为使用webp需要图片采用https(或者将网站降级为http),否则会出现加载异常
所以本博客暂时还是使用jpg。
WebP 百度百科
WebP ...
经验分享 未读
illustrator、Photoshop 中制作的图标转化为网站图标 ico 格式这个是群里有人问的问题,找了很多ico生成的网站,在这里推荐一个。
1.将设计软件中制作的图标生成PNG格式的图片。
2.使用PNG转ico格式在线转换器进行格式转换
引用站外地址,不保证站点的可用性和安全性
在线转换图标 ...
经验分享 未读
Sketch 旋转画板用于上传蓝湖Sketch不支持旋转画板,蓝湖也不支持。当你的设计稿是横屏但是需要竖屏的标注(便于开发)时,土方法是通过sketch的横竖屏切换进行变更。但是更改完里面的元素并没有旋转:
更改之前:
更改之后:
当然,还有人会选择选中画板中的所有元素,然后cmd+G建立群组,然后再旋转。这样虽然能解决一时问题 ...
经验分享 未读
移动端视频播放器UI控件位置适配全面屏移动端适配全屏播放能考虑到是采用计算StatusBar的高度来进行适配。为了旋转屏幕时防止左侧旋转和右侧旋转位置位置不同,所以全屏状态下的左右两次均留出StatusBar的高度。可以注意到bilibili的进度条距离左侧屏幕边缘约有52(44+8)pt。
(疑似采用状态栏高度计算的斗鱼)
...
经验分享 未读
响应式网页的断点及设计稿尺寸这是基于bootstrap框架的断点
设备
断点区间
设计稿宽度
手机
0-576px
576px
平板
576-768px
768px
笔记本
768-992px
992px
独立显示器
1200px以上
1200px
相关阅读:响应式布局设计
经验分享 未读
如何将 Sketch 设计的图标上传至 iconfont很多小伙伴使用iconfont来做为app/网页中的图标,但是这些设计小伙伴使用的是Sketch来进行设计。如果你是用illustrator来进行设计,那么直接生成的svg不会有任何问题,只需要注意以下几点:
1.最好扩展你的图标(转曲)2.将多个相连的路径合并3.不要使用剪切蒙版4.不 ...
经验分享 未读
二维码生成教程 - 掌握的二维码处理方法(入门向)二维码生成是一个每个设计师都绕不开的话题,如今二维码的设计已经非常普遍,设计工具也非常好用。所以这个博文定位为【入门向】,所以高阶设计师可以略过此教程。
关于工具目前二维码生成工具非常多,我也不一一来介绍了,很浪费时间,所以只推荐一个最好用的、也是最普遍的。那就是草料生成器。
草料生成器
可以将此 ...
经验分享 未读
潘通 2020 年度色发布 — PANTONE 19-4052 Classic Blue
潘通2020经典蓝这种耐人寻味的蓝色调包含了宁静,信任和联系,突显了我们渴望在我们跨入新时代的门槛时建立可靠和稳定的基础。
在本文章更新后,本博客主题颜色同时更新为PANTONE 19-4052 Classic Blue。
——————————
——————————
PANTONE 19-4 ...
经验分享 未读
在 Mac 上查看图片的像素尺寸、分辨率等照片信息在mac上查看图片尺寸有的时候是一个非常困难的事情。如何让它变得更容易呢?
一、在详细信息中查看图片尺寸1.打开查看图片尺寸的显示选项在访达中选择显示、显示预览选项
2.勾选图像详细信息中的尺寸、分辨率选项
3.之后就可以通过点击图片来查看图片的像素尺寸了
二、在图标视图下查看图片尺寸你注意到了吗 ...
经验分享 未读
Photoshop 中制作背景虚化(毛玻璃)效果很多做UI的小伙伴非常喜欢sketch背景虚化这个功能。背景虚化在iOS中非常常见也非常好看。但是在Photoshop中没有很好的背景虚化功能,那我们怎么做背景虚化效果呢?
当然,我们要用到的就是高斯模糊工具。
高斯模糊工具作为Photoshop界最常见的模糊类型一直广受喜爱。高斯模糊生成的效果也 ...
经验分享 未读
Mac 中安装 illustrator、Photoshop 插件通用方法有的时候需要安装Photoshop插件,比如我最常用的参考线插件GuideGuide。那么当下载的插件为一个文件夹时(特殊手段安装包),那么问题就来了——我该如何安装它?
在windows下有很多教程和路径目录,但是我却怎么也找不到mac的插件目录在哪里。搜索引擎就像是xx了一样。这么简单的问题还搜 ...
经验分享 未读
在 illustrator(Ai)中去色、对图片进行简单调色今天看到这样一个问题:
ai可不可以去色,就是彩色变黑白
当然可以啦。
通过转换为灰度来进行去色
当然,菜单中还有很多调节颜色的功能。你也可以去试试。illustrator中提供了简单的颜色调节功能来让用户不用去到Photoshop中去调节。
搞定!是不是很简单~
还有其他问题可以到我的公众号 ...
经验分享 未读
Photoshop衣服荧光质感如何拯救、过曝修复方法如何挽救极限场景下类似荧光质感衣服
原图:
修复这张图片的之前首先判断一下这幅照片出现的问题和理论应该的解决方案:
照片在弱光场景下使用曲线/亮度调节等工具增加亮度
照片的色温过高降低图片色温
照片暗部细节缺失降低对比度
于是开始进行简单地调节:1.通过曲线调整图层来增加亮度、降低对比度
我 ...
经验分享 未读
Sketch 上传蓝湖切图尺寸与标注约定尺寸不符的解决方案很多小伙伴会使用蓝湖作为切图的首要工具。蓝湖支持自动标注、自动切图、无广告、免费等等特性,让人们非常喜欢使用蓝湖作为生产力工具。
但是有的时候会遇到一些问题,比如在上传图标到蓝湖时,原本约定的尺寸与蓝湖上的切图不符。
图:在Sketch上的图标尺寸
图:在蓝湖上的图标尺寸
出现所有图标尺寸问题时 ...
经验分享 未读
Principle合并Sketch的图层的方法是不是变了,加*不管用了Principle是一款非常适合入门级设计师使用的动效软件,操作十分简单,非常易学。但是还会出现一些小问题。比如在导入Sketch画板的时候会有很多Sketch图层。从Sketch导入Principle时会发现这些图层太多了,调节的时候非常麻烦。而且命名不规范的情况下还会造成动效乱飞等情况。
例:非 ...
经验分享 未读
Sketch 组件是 @1x 一倍设计稿怎样转换成 @2x 二倍设计稿很多小伙伴在网上下载了Sketch组件,但是一般UI设计师为了考虑到性能需求通常采用一倍图设计。一倍图设计不仅不需要考虑二倍像素问题,而且对于动辄几个G的设计文件都能轻松驾驭。
但是有些小伙伴的使用习惯很难更改,从网上下载下来的@1x的一倍图如何更改成@2x的二倍图呢?
很简单,只需要「缩放」工具
...
经验分享 未读
Wwrite使用教程Wwrite是一款高效率的写作软件,本软件可以自定义背景、加密文本、跨软件传输、计算表达式等等等等
1.概述1.1我们先了解一些Wwrite的历史吧在v1系列版本,Wwrite被制作了出来,虽然界面非常粗糙,但是有着核心的文字写作功能
在v2系列版本,Wwrite可以自定义背景颜色,让写作环境不再是 ...
经验分享 未读
全新高考线差查询工具3.0使用教程
本文来自旧博客转载而来,因为新浪微博停止运行,所以转载到现在在用的博客上。
此工具可能已经过时,本文仅作为备份使用。
引用站外地址,不保证站点的可用性和安全性
线差查询工具v3.0下载地址
新 ...
经验分享 未读
高考线差工具使用教程
本文来自旧博客转载而来,因为新浪微博停止运行,所以转载到现在在用的博客上。
此工具可能已经过时,本文仅作为备份使用。
首先,查询中意的相关高校分数线
例如(以v2.0版本为例,其他版本差别不大):二本大连大学2014年软件工程专业辽宁省考生
最高分520最低分510
2014辽宁二本批次线450 ...