如何下载网页上无下载链接/付费的歌曲

继上篇《如何下载网页上(如站酷)禁止下载的图片》和上上篇《如何下载网页上的视频》后,又get到一项新技能——下载网页上能播放却找不到链接的音频。

emmm……我已经找不到之前写的文章了,或许删了。

图片好办,Ctrl+shift+i,用箭头找到源代码,右击在新窗口打开,另存为就行。视频只适用于部分视频网站,同样Ctrl+shift+i,在“network”下,刷新页面,点击视频播放按钮,进度条格外长的一般就是视频了(当然也不一定)。看自己判断,大部分视频网站用这种方法是行不通的。

一些做的不太好的音乐网站,要下载个音频当素材,还要一系列登录,这时Ctrl+shift+i,在“element”项Ctrl+f搜索一下“mp3”就能得到链接,一些做的好的网站,像网易云,压根就搜索不到,这时就要换一个tab看看了。

教程如下(仅一张图就能搞定):

不仅是音频,网站上的mv、广告等视频也是可以通过这个方法直接下载。

这种下载音频的方法能够奏效还是因为人家给我们听的就是我们想要的音频,昨天晚上去一些BGM素材网站,人家给我们试听的方式是音频每隔一秒加上一句话,这样就算下载了也无法使用,就和千图网等图片素材网站在图片上加水印一样。

我对未来一无所知

最近把黑镜第三季看完了。(以下严重剧透)

很多人刻意贬低第三季,但我认为除了第三集稍微比较普通,有点荒唐之外,其他都仍旧是高水平发挥。

很佩服黑镜编剧的才能,当然导演等也功不可没。黑镜给我的感觉一直都是“离我很近,让我恐惧不安,故事总是能层层掘进,让人不忍直看却又欲罢不能”。

继续阅读“我对未来一无所知”

字体的字重是什么?

几款香水评价

前段时间有朋友去香港,问我需要带什么。其实我是想带个香水的,但是看在对方是一直男以及我很穷的份上,我收回了要剁的手。

嗯,这是前话。今天呢,我想讲讲对几种香水的感受。(另附上官方的前中后调描述和50ml下京东售价。)

杜嘉班纳 浅蓝原版

【前调:苹果、雪松、风铃草 】【中调:茉莉花、白色玫瑰色、竹子】【后调:柏木、琥珀、麝香 】¥390

继续阅读“几款香水评价”

PS cc2015新认识

最近跟一个朋友打电话时,说到设计软件的时候,她惊讶的说到:“你怎么还在用2015版PS啊,都出2018了!”

我都不好意思说我的illustrator还是cs6版本的(装过2015的,同时打开Adobe的两到三个软件,电脑就hold不住了)。

然而,就算是用最新版的软件,在使用时也不一定利用上了此版本的优势,比如我。

现在Adobe开发了一个类似于sketch的软件——experience design(XD)。

但年纪越大,越不想更新软件。

所以我还是选择重新认识一下我现在使用的版本。

其实PS cc 2015做了比较大的改变,其中一些还是应对UI设计人群的设计方案,如过界、多个画板、PS设计空间、导图、段落样式文本样式。

继续阅读“PS cc2015新认识”

怎么做iPhone X适配?

首先我们采用之前用的750*1336px基准来做。iPhone X延用的是@3x。

iPhone X上的显示屏的宽度与iPhone 6,iPhone 7和iPhone 8的4.7英寸显示屏的宽度相匹配。然而,iPhone X上的显示屏比4.7英寸显示屏高145pt,大约20%的内容垂直空间(即750*1624px)。

 

iPhone X有一个很丑陋的刘海,还有一个很特殊的home指示器。

为了适配这两货,我们粗暴的把页面设为750*1624(包含刘海的高度60px)是不对滴。

我们要确保APP布局遵守了安全区域和边距布局指南,布局填满屏幕,并且不会被设备的圆角,传感器外壳或被主屏幕的指示器遮蔽。另外对图片的处理也要适量改变。

如果提供全屏体验时,设计师需要付出更多的时间来测试页面,看看在横竖屏切换的时候,有没有元素遮蔽的现象。.png

 

为了遵守安全区域和边距布局,我们需要顶部状态栏和底部菜单栏都进行了增高。

那么我们最终应该把画布创建为750*1468px(导航栏距离顶部88px、标签栏距离底部68px)。

 

笔刷的正确打开方式

我一直觉得能体现一个人的绘画功底,完全可以从使用笔刷看出来,包括电脑绘画。

像一些新手使用Photoshop的原生笔刷就有时候就算是临摹也不能出好的效果,而且很费时间才能做出有肌理的感觉。如果是自己做的话,就更加不够有经验了。

往往会去下载别人的笔刷,但是下载之后开始的时候也不知道从哪里开始。

从安装开始。

将.ABR文件至Photoshop CS6安装目录的Adobe\Adobe Photoshop XX\Presets\Brushes文件夹,32位或64位均可。

然后启动Photoshop,我们就能在画笔预设菜单找到笔刷的名称。

点击名称载入画笔出现“是否替换当前画笔”提示时请使用确认替换画笔功能载入新笔刷,千万不要使用载入或追加,这样可以完全更替Photoshop原始笔刷,保证新画笔不被打乱。

然后将画笔库名称显示为大列表或者小列表,这样才能看清画笔的名称分类和使用方式。

我认为,下载了一套笔刷之后就把它熟悉一下,每次想达到每种肌理效果要在脑子里面过一遍,不要提笔就是19号笔刷,虽然它万能,但是有时会很没效率。

当然练基础还是不要总想着那些特效笔刷。PS原生笔刷已经能完全满足基础练习。我之前就犯过这种错误,认为我画不好都是没有好的笔刷,其实是我自己基础不行而且没有正确使用笔刷。

另外,如果已经能正确使用笔刷了,就可以自己做笔刷了,也是一个很好玩的体验。

想丢掉我的华硕电脑

做UI设计除了自身经验不够,还有一个相当大的问题:没有Mac!(/雾)

上次换系统之后我某一天突然发现我的屏幕好像有色差,偏紫,昨天去售后维修,技术那人说颜色没问题,我一度怀疑他是色盲。然而今天去拿已换好屏幕的电脑,发现颜色并没有变化,然后被鄙视了一番,我不甘心的打开他的电脑,打开我的网页中的图片,居然还是偏紫!!!

这就很尴尬了。

然后被反问:你才是色盲吧。。

啥!!!!

我特么做设计的啊!色盲?

我突然怀疑起了人生。

可是看手机上的图片又很正常是怎么肥四?(手机是苹果的)

于是我精神恍惚的回了家,打开Mac,颜色又和我的手机是一样的颜色显示。

我觉得我应该放弃它了,可是这电脑使用流畅,除了色差没给我带来其他问题。作为非苹果机已经很不容易了,于是我一狠心又给它加了8g内存。

直到知道加内存价格的时候,我才知道比特币原来已经对我生活造成了影响。。。

众说纷纭,有的说是奸商垄断,有的说内存代替比特币成为新的币种(不是说乐高成为新的币种吗?可能稀缺的有价值的未来都可以成为新币种吧。我只能说,大佬们,你们真会玩。)。

同学建议,过半年再买,又回归白菜价。嗯,等不了了。半年后我手上应该是高配的最新版的Mac(围笑)。作为一个使用不到两年的笔记本,我的电脑已经被我玩坏了好几次。

这就导致一个很严重的问题:数据备份。可是有些不常用的信息比如说云服务器的账号密码总忘记怎么办,在此做下小笔记。

在windows上安装githttps://git-for-windows.github.io/
wampserver上建虚拟主机:http://www.jianshu.com/u/732462b4478cwampserver下载地址:http://www.wampserver.com/);登录远程服务器:mstsc,账号默认为administrator。

sketch蒙版、元件、共享样式

Sketch 中的蒙版可以让你有选择性的显示图层的一部分。例如,在一个位图上运用圆形蒙版,那么这个位图就只会显示出圆形内部的内容。

任何的形状都可变成蒙版,要应用蒙版,选中一个形状,然后进入图层(Layer)> 使用蒙版(Use as Mask), 所有在这个蒙版上面的图形都会被剪切成蒙版的形状。

在 Sketch 3.4 版本中,你可快速对一个位图应用蒙版效果,只需要点击工具栏中的蒙版(Mask)按钮。此时会自动在这张位图后创建一个矩形的遮罩图层。

限制蒙版

如果你不想接下来所有的图层都被蒙版剪切,那么你可以将蒙版和想要被剪切的图层单独编组,来限制蒙版的影响范围。一旦蒙版被编组,其它在组外的图层就不会再受蒙版影响。

在无法编组的情况下,你还可通过以下方式来解决:

1. 选中一个你不想被蒙版影响的图层

2. 执行菜单命令图层(Layer)> 忽略底层蒙版(Ignore Underlying Mask)

随后此图层和它以上的图层就都不会被蒙版影响了。当你需要调整图层顺序的时候则需要格外注意,个别图层可能会再次的被蒙版影响。

图形蒙版

如果上面这一系列操作看起来很麻烦,这里有一个更好的办法:在画布上同时选中一个图形和一张位图,然后执行菜单命令图层(Layer)> 用所选图形做为蒙版(”Mask with Selected Shape”), 即可直接将这个图形作为选中位图的蒙版了。Sketch 会自动为它们编组,并把其中的图形图层变成蒙版。

Alpha 蒙版

默认情况下,蒙版所在区域之外的图片会被隐藏。另一种方式是将蒙版填充为渐变色,使用透明渐变的方式,来决定被蒙版作用的区域中,哪部分是可见的,哪部分是不可见的。

使用这个方法你可先选中蒙版图层,执行菜单命令图层(Layer)> 蒙版模式(Mask Mode)> Alpha 蒙版(Alpha Mask)。

原链接:http://sketch.im/index.php?m=content&c=index&a=lists&catid=18

另外,sketch有个超棒的功能,数字快捷键改变元素透明度,选中元素,按0-9就可以迅速改变透明度。

Sketch 相关的素材:https://www.zhihu.com/question/23421455

 

Cinema 4D多摄像机镜头动画渲染

之前在参与企鹅盒子发布前期的一些工作时,看到同公司广美的小姐姐做了这样的动画,当时学了c4d有一段时间了,但没有做过动画,其实过程很简单。

视频教程地址:http://v.youku.com/v_show/id_XNzkzMDk0ODA0.html

其实就是添加目标摄像机之后,打开摄像机视角(也就是图层名称后面那个摄像的图标)。选中这个目标摄像机,打好帧,在透视视图里用鼠标各种移动就可以。

而在渲染视频时,就需要做以下设置:

在“输出”项设置好你新建工程的帧频,设置好渲染区域视频宽度和高度、帧频、帧范围(有手动(自己设置渲染范围)、当前帧、全部帧);
在“保存”项设置文件保存的位置,格式可以选AVI也可选默认的,如果选默认的TIFF,在前面你已经设置了渲染帧范围,渲染出来后是序列,在后期软件里再渲染成AVI也可以。
还有是如果想渲出非常真实的场景,那些设置就另当别论了。

Indesign预设、主页、隐藏参考线或框架线,全角半角

当你双击indesign图标,软件操作界面展现在屏幕上的时候,你的第一个动作是不是新建一个文档呢?

而后弹出的是一个你熟悉到吐的对话框,依旧是A4大小,出血依然是3mm,边距一直为20mm。

你也许知道手中的书籍没有一本是A4大小的,只有打印纸才是A4,我们用indesign而不用word,更多的是因为我们不是要打印,而是要印刷出来。

书的大多数尺寸为16开,当然16开本的具体尺寸很多,我们可以设置一种最为常见的尺寸165mm×235mm,让它新建文档的时候直接为165×235,具体操作步骤是【文件】—【文档设置】快捷键:Ctrl+alt+p,在弹出的窗口中设置好数据,点击确定。

预设边距的设定,【版面】—【边距和分栏】,按照出版的经验来说钉口比切口要大,天头地脚保持和谐的关系,天头对应“上”,地脚对应“下”,钉口对应“内”,切口对应“外”,以魏小河的《失眠书》为例,上边距40mm,下边距20mm,外边距20mm,内边距30mm,输入之后点击确定。这时候你再新建文档就不会出现千篇一律的“A4”了,虽然多数情况下还得设置,但是焕然一新的感觉还是要的。

还没完,继续。

保持没有新建文档的状态(想要让InDesign改变默认字体、字体颜色等,也是先关闭当前的所有文档,保持没有新建文档的状态,如在字符面板中设置字体设置为方正中等线,然后打开一个文档或新建一个文档后,默认的字体则是方正中等线。,indesign的默认段落样式为字体为Adobe 宋体std,字号12点,行间距自动,在这里要提醒一下,这个概念很重要:“段落样式”规定了一段文字的所有属性。

修改默认的段落样式,点击【窗口】-【样式】-【段落样式】,右键点击[基本段落]-“编辑[基本段落]”,基本字符格式中调整字体为“方正书宋”或其他,字号10点,行间距18,点击确定。让大家保持在没有新建文档的状态,是因为在indesign中只有在这个时候调整的属性才会储存为全局属性,不然的话所有的努力都会存储在那个“新建文档”中。

要说明的是带有“Adobe”前缀的字体是电脑中字形最全的,所以尽管字体不好看,但在缺失字形的时候可以将缺失字形的字体设置为“Adobe····”我这里不用Adobe字体,是因为出版物中没有用这种字体出书的,原因简单——太丑。

依然没完。保持没有新建文档的状态,【文字】-【标点挤压设置】-【详细】,这是大多数设计师最容易忽略的地方,只有对文本要求质量高的策划编辑才会注意到这个问题。

标点挤压的基本思路是【上一类】和【下一类】之间的挤压。比如这句话: “排版是个体力活。” 其中开引号是【排】字的【上一类】,【排】是开引号的【下一类】;【活】是句号的【上一类】,句号又是回引号的【上一类】。

这里主要调两个地方一是行尾标点挤压,二是标点连用的挤压。

这样做有几个好处:行尾文字看起了很整齐,标点连用的时候看起了很自然,例如【?!】【”“】【!!!】【。”】……类似于这种标点的组合会看起了很自然空隙不会显得过大,这会让有强迫症的编辑们瞬间高潮。

打开【详情】之后点击【新建】命名为你想要的名字,基于设置必须选基于简体中文,adobe的简体中文设置还不错,我们只是补充一下而已,点击【确定】,之后选【下一类】后面选【行尾符】,将出现的前六项最大值设为-50%,在下一类中继续选择其他连用标点符号的后一个,最大值均设置为-50%,储存。之后我们必须调用这个新的标点挤压设置,编辑基本段落,点击日文排版设置,之后在标点挤压设置里选择刚才命名的选项,避头尾类型选先推出。

之前没有应用过段落样式,就建个段落样式,把要做的修改全在样式中设定好,用查找/替换能很方便的搞定!好好研究一下查找/替换,会给你带来很多方便。

别只看查找/替换,下边还有两个条件自己仔细研究一下。还可查找很多的东西,不只是文字。
查找/替换是个很强,很好的功能…..嗯!

隐藏讨厌的框架线:Ctrl+h;

隐藏参考线和出血线等:Ctrl+;。

全/半角的区别,用通俗的话来讲仅仅区别仅在于除汉字以外的其它字符(比如标点符号、字母、数字等)占用位置的大小,在计算机屏幕上,一个汉字要占两个英文字符的位置,人们把一个英文字符所占的位置称为”半角”,相对地把一个汉字所占的位置称为”全角”。在汉字输入时,系统提供”半角”和”全角”两种不同的输入状态,但是对于英文字母、符号和数字等这些通用字符就不同于汉字,在半角状态它们被作为英文字符处理;而在全角状态,它们又可作为中文字符处理。在写中文的时候应该用全角文章能相对整齐,美观。搜狗输入法切换全/角快捷键是shift加上 空格键。

其他一些常见问题1

其他一些常见问题2

两个小时的工作

前天去面试,上午去的那家是早先就拒绝我的(主要因为我英语不好,他们做国外产品),但是我想为下午那家做做准备,拿它练习一下。

然后。。。下午那家就成功了。由于在网上投了简历的公司基本都拒绝我了,开始有些不淡定(人又比较怂),在那家公司提出什么时候上班,我一时脑子糊涂就说“明天就可以的”。真是蠢得可爱。也是由于我这一天,走的脚起泡了,实在不想再暴走。然而,“三代人公司”邀请我第二天下午参加深大校招(后来说是从两百还是百封简历里面筛选出来三十封,邀请面试。)于是我申请了延后两天上班。

去了一趟深大收获蛮多,首先是校招的流程,基本摸透了(虽然有点晚了)。然后就是知道群面是怎么一回事,涨了很多经验。笔试题是设计一个智能沙发的APP,对笔试没经验,还没发卷,人就懵逼了。最尴尬的是群面的时候,大家都在表现自己,就我一脸不知道接下来做什么。当然。下次肯定不会这样了。

噢,忘了说第二天上午面试的那家,公司做珠宝啊,首饰啊,纪念品什么的,看起来都很精致,特别是什么特制复仇者联盟限量纪念品,专为粉丝设计,很喜欢,为什么不面试者人人有份?这家公司招人还挺谨慎的,看我作品看了挺久,因为电脑没搬下来,不能现场测我,于是出了个题,让我根据要求画幅画。

后面的几家面试我全推掉了,脚上的水泡每个都比大拇指大。

我接受了的这项工作没有深入了解,今天去上班就很尴尬了。

迅美不可以调休,周六上半天班,无五险一金(他们说没毕业不能交,可是在创维的小伙伴没毕业公司也交了)。

工资低我也不是很在乎,问题是电脑配的不好(不适合做设计,特别是显示屏)。最重要的一点是不喜欢他们的企业文化。具体就不说了。迅美的都挺友好,当我咨询问题和提出离开的时候都很和善。
上午的两个小时中有一个小时在填表。另外一个小时在做下发的任务,做一个公众号的文章开头的图片,能让读者一眼能注意到,大字用毛笔字,小字用普通的微软雅黑就行。
在迅美上了不到两个小时的班就回来了,其实那天面试谈的还挺愉快的,今天签协议的时候就开始有些犹豫,首先是公司不让迟到超过两次,应该是指单个月,第三次迟到(十分钟以内)扣20,然后依次翻倍。一个小时扣半天,两个小时扣全天。虽然我不迟到,但我不喜欢这样的制度。

About Me

胡媛媛

2017.03—2017.06,创维数字技术有限公司(UI设计实习生)

2014.09—2018.06,毕业于湖南工业大学(工业设计专业)

2011.09—2014.06,毕业于衡阳县第六中学

曾获设计奖项:

湖南省大学生工业设计大赛二等奖

创新创业大赛二等奖

宁夏旅游商品创意大赛入围奖

西泠印象文化创意设计大赛入围奖

简历:

胡媛媛-工业设计专业-视觉设计岗位简历.pdf

作品集:

(皆为图片格式,打开后可右击保存在本地)

胡媛媛-平面类作品集

胡媛媛-UI类作品集-小阁书柜

胡媛媛-UI类作品集-fine

胡媛媛-影视剪辑-《黑镜》