huhuの文章

sketch文件与PSD文件互转

刚才遇到一个很棘手的问题。 前几天在做一套界面，交接给另外的设计师，然而，对方可能是Windows用户。这样，我的sketch文件就不能直接给他用了。 但是，还是有解决方法的。 Photopea，一款可以在线编辑Sketch和PSD源文件的工具，有一个神奇的功能就是在线转换sketch为PSD文件。（使用网址：https://www.photopea.com/） 打开页面，就能看到支持PSD、XCF、Sketch、Any格式。不过这个网站有个最大问题，就是打开图层是中文，都会显示 口口 格子（不要紧，有办法）。 大法开始： 1、打开Photopea网址，选择Open Frome Computer 打开你需要转换的sketch文件； 2、会发现一个页面里面中文全部变成口口 格子，可以不管他（如果有强迫症，后面告诉怎么样显示中文方法）； 3、选择左上角，点击File - 选择Save as PSD, 保存成PSD文件（如果发现没有所选项，有可能是因为浏览器自动翻译了网页导致；如果发现点击了，还是没有转换为PSD，应该是因为没有登录）； 4、打开PSD文件。 保存后，Chrome浏览器会直接出现底部。（其他浏览器，看你默认下载位置吧）； 5、打开PSD文件，发现还是口口 格子（不要紧）； 6、选择批量替换文字。（注：Sketch的隐藏图层，都会被显示，建议转换前，先将隐藏图层删除。）使用文本图层过滤器，可以仅显示文本，方便替换。 经亲身试验，除了文字可编辑，其他都变成了图片。 以下是针对过程中强迫症处理方式！（口口去除） 1、在Photopea打开sketch文件之前，确定，自己设计稿的字体文件。 2、在Photopea打开，选择设计稿字体文件 （支持TTF/OTF字体格式） 提示已经导入。 然后再打开skethc文件，发现中文顺利显示出来。（如果还有口口，就是你的字体不对应） （当然，我们也可以用最原始的方式。我们都知道可以直接复制ai的元素，粘贴到sketch中，同理，也可以从sketch中拖出画板或元素到ai中，然后再转为PSD，这样的好处是，过程可控，放进AI的元素也可以最大程度保留其可编辑性。） 另外，怎么把PSD转换为sketch呢? 有个叫做Avocode的工具（官方下载：https://avocode.com/convert-psd-to-sketch）， 整个转换操作只要3 个步骤： 1、上传需要转换格式的psd源文件； 2、填写自己的邮箱地址，接收转换成功的 Sketch 文件； 3、登录自己的邮箱，查看收件箱里的新邮件。 转换结果是：

  • 分组和图层——完整保存，基本没有发生变化（有些文字不出现了）。
  • 文件大小大幅缩小。
  • 智能对象——原Status bar 为智能对象被转化为图片。同样，其他智能对象都被转为图像。
  • 形状和嵌套——保留，形状依旧可以在编辑。
  • 文本——保留，但会发生错位，会需要重新调整
  • 形状——保留，按照 Sketch 样式保留布尔运算。
huhuの文章

用Mac的时候有哪些操作能够提高效率

近七天，我用Mac的时候有一个非常蛋疼的事情，选择文字、画图和拖移窗口、图片、文件等都要按下触控板不放并移动，今天我终于忍不了（特别是看到男票轻松进行上方操作，心里及其不平衡），于是我百度了一会，找到了解决方法：

  1. 系统偏好设置>辅助功能>鼠标与触控板>触控板选项>启动脱移>三指拖移。
huhuの文章

Mac转换视频格式方法

用win电脑时，转换视频、音频格式或裁剪视频、音频，我都是用的格式工厂，但是有时候，格式工厂就不太好用了。 比如，ae不能导入H265格式的视频，想把H265转成H265的，格式工厂就不好用了，转出来也是不能用于AE。 另外，很多情况下，我只想转换格式，并不想压缩视频品质，而格式工厂虽然提供了参数设置，但最终还是效果很不好。 ffmpeg是一个比较有名的命令行视频编辑软件，格式工厂算是是它的图形版。由于是命令行工具，像我们这些非开发人员用起来还是有一些障碍的。（mov视频用FFmpeg转出来的MP4文件有时也不能正常打开。） 可惜暂时好像是没有Mac版的格式工厂，premiere导出的视频又灰常大，只能用用FFmpeg这样子。 我常用的操作是把mov转换为无损的MP4，命令是：ffmpeg -i 视频位置\视频名称.mov -vcodec copy -acodec copy 视频位置\视频名称.mp4。（Mac上斜杆要反着来？） win：配置环境教程； Mac，配置环境教程； 其他操作我还木有去使用，藏两篇文章备用。 Ffmpeg用法总结上； FFmpeg用法总结下；

huhuの文章

音乐剪辑

一直对音乐不怎么敏感，这对做视频时不利，我有时很难把一段音乐剪辑出来当BGM。早上研究了会苹果的最新iPad广告，BGM是Masterpiece-nonono，苹果对这首歌进行了处理。 截取开头的“I say I really really wanna You think I’m really really gonna I’m an illusionist throwing cards and doing tricks”三句， 然后跳过了中间相似音律的一段， 然后截取 “I move my head from left to right Everybody it’s a brand new sound Ooi buckle up and follow me” 接着又跳过 “I move my feet like one two three Everybody in symmetry Oooui buckle up and follow me”这段， 截取 “And follow me And follow me And follow me” 结束。 我只简单的用ae截取某首歌的某一段，却不会剪辑几段在一起，并做的毫无“PS”痕迹。 之前在微博中推荐过小米的广告视频，也是朋友推荐看的。她说“你可以参考看看，做这样的视频”。我看了一眼，欣赏之余，我表示无能为力。 之前待过创维，创维的大牛绝对都做不出，何况我一个菜鸟。当然，我也想做出这种一看就让人有购买欲的产品视频，就像苹果那样，希望未来两年可以做到。 另外，周末有空用Audition剪辑把这首歌剪辑成苹果广告那样。

huhuの文章

我为什么要买mac

这个问题从大一开始就在思考和纠结了。那个时候看到做设计很厉害的同学，他们用的是Mac，就很心动。我觉得，这肯定是有原因的，另外Mac外观好，价格贵，那时候也是有想想装逼的心态掺杂在其中。 后来，我用过两台win电脑，第一台是我哥的，第二台才买距今一年半。但是这两台电脑我都不是很满意，系统非常不稳定，虽然iOS系统也会不稳定。 现在在用的电脑是华硕的，买的时候四千多，是用了一年才发现它屏幕色差的问题。我非常忍受不了，一度认为是电脑显卡松了或者屏幕有问题。我又是换系统又是换屏幕的，最终还是解决不了。它颜色偏紫色调偏灰，每次导出图片在手机上或是其他电脑预览，图片饱和度和明度立刻变高。土土的，很难受。 蓝牙从来没有能够用上（那它有个蓝牙功能是作秀的吗），后来又多次出现声卡有问题，播放经常没有声音。 还有系统更新的问题，微软它不管你是不是情况紧急，它就是那么任性的想更新就更新，想重启就重启，按照正常流程，是关不了更新的。我搜遍各网，动用了系统文件、系统设置，终于是再也没有可耻的更新了。 作为一个设计从事人员，win上面没有sketch和principle等真的是很遗憾。我对UI这个行业还是很感兴趣的，但是PS真的在这一点上很难用，我时常PS+AI制作，非常麻烦。 Mac的手势功能很强大，我可以省去鼠标，再加上电源线等。我再也不用塞得乱七八糟的一书包去图书馆。 我翻看了很多对比win和Mac的回答，大都觉得Mac有软件上的缺憾的人是程序员或商业人员（常用office），但是没什么设计师更支持win的（有说sai的，但是PS cc2018有抖动修正的功能，其实我认为不靠抖动修正，更利于帮助自己练就好的线条），这也证明我很有必要入手一台Mac。 我有想过，是买16版还是17版，配置上基本一样，但是这种疑虑就那么几分钟，因为苹果官网找不到购买旧款Mac的途径，而我又完全不信任其他平台。另外，就是不想买旧的，就是这么任性。 我在苹果官网上定了一台pro，中国官网显示的是11888人民币，我加了一千六换成了16G定制版，我的理由是，内存后续加不了，硬盘可以外加，这也是我的经济承受能力边缘了。 电脑还没拿到手，心理持续性激动。 更新于2018/3/30 作为一个菜鸟设计师，我讲述一下我买了电脑之后做了哪些准备工作。

  1. 系统偏好设置，把手势和屏保设置了下，屏保用的是“fliqlo”。
  2. 用Adobe cloud creative下载了Adobe 全家桶(破解教程)，买了sketch，下了unarchiver解压文件用，shadowsockX翻墙用，priciple做交互动效用，pxcook（配合sketch自动标注，设计与前端协作工具），c4d，cheatsheet查看快捷键用，数位板OSX驱动，Microsoft remote desktop beta登录腾讯云（Windows）服务器用，mindnode做思维导图用。
  3. 日常使用工具：微信、QQ、迅雷、百度云、Chrome（翻墙后登录谷歌账号，自动同步书签）、搜狗输入法。
  4. 熟悉Mac的键盘及快捷键、比较有用的自带工具（相当于office的page、numbers、keynote）、iMovie、其他里面的“终端”“磁盘工具”“自动操作（Automator）”、spotlight、字体册。

头疼的是，都玩了一周了，我还是对一些常用的快捷键不熟，特在此做个笔记： Fn：Home键=Fn+左方向、End键=Fn+右方向、PageUP=Fn+上方向、PageDOWN=Fn+下方向、向后Delete=Fn+delete键。 截屏：Command + Shift + 3/4； 网页切换：option（+shift）+tab； 关闭：command+W；退出：command+Q； spotlight： command+空格； 切换输入法：Ctrl+空格； 选中部分图片按空格键打开，即可上下翻看。 Mac有几个软件貌似挺好玩的：GarageBand、词典。

huhuの文章

怎么截取整张网页

（可能仅适用于谷歌浏览器） 之前试过几种截图扩展，但是常常会出现很多问题，比如截不全、被压扁、被裁剪。 今天发现谷歌自带截图功能。

  1. ctrl+shift+i，打开console 按 Ctrl + Shift + P 然后搜索’full’ 找到对应的截图按钮。
  2. 也可以切换设备预览模式（Toggle Device Toolbar），然后单击最右侧的三个点，选择 Capture full size screenshot。

一些效果比较多、带有视频和很多炫酷交互动效的网站用这种方式截图会黑掉一部分等。

huhuの文章

书籍推荐

继上篇《影视推荐》，总结了部分我看过的并值得推荐的影视。 今天总结一下我看过的并想推荐的书籍。 我算是一个粗人，没看过多少书。但是其中还是有一些想推荐的。 （基本按阅读时间的先后顺序；漫画、杂志、期刊等等不包含在内；有些并没有看完） 《红与黑》 《假如给我三天光明》 《红楼梦》 《傲慢与偏见》 《战争与和平》 《茶花女》 《钢铁是怎样炼成的》 《简爱》 《创字录》 《CSS权威指南》 《don’t make me think》 《潮流:UI设计必修课》 《Photoshop智能手机APP界面设计》 《白夜行》 《解忧杂货店》 《水色赞美诗》 《瓦尔登湖》 《字体设计进化论》 《人人都是产品经理》 《通用设计理论》 《栅格系统与版式设计》 《进阶版零基础学_UI_》 《苏菲的世界》 《股票大作手回忆录》 《杀死一只知更鸟》 大概是初三到高三这段时间，热衷于看一些名著。大学开始会看一些专业的比较实用的书，我也有看过《设计中的设计》等业界有名的设计理论的书电子版，可能自身境界和理解不够，看了十几二十页就没有看下去了。 其实我以前喜欢过郭敬明的书（没去看韩寒的，那时候觉得他写的东西有点故作老成，郭敬明的文风比较活泼、辞藻堆砌严重，适合常年写议论文的我们），比如《小时代》和《悲伤逆流成河》，高中还是初中看的来着，但是喜欢归喜欢，并不觉得它们值得推荐。