九月 2016

2016年9月29日星期四

使用linux的wget保存FTP的所有文件


wget -nH -m --ftp-user=your_username --ftp-password=your_password ftp://your_ftp_host/*


解释
-nH:不创建以主机名命名的目录。
–cut-dirs:希望去掉原来的目录层数,从根目录开始计算。如果想完全保留FTP原有的目录结构,则不要加该参数。
-m:下载所有子目录并且保留目录结构。
–ftp-user:FTP用户名
–ftp-password:FTP密码
ftp://*.*.*.*/*:FTP主机地址。最后可以跟目录名来下载指定目录。

例子:
wget -nH -m --ftp-user=tom --ftp-password=123456 ftp://192.168.19.1/tom/

当然,如果FTP目录下文件数量特别多,效率最高的做法是先打个压缩包,然后再下载。实在没办法,就用上述方法自动下载吧。

2016年9月19日星期一

VMware 12下载|VMware12正式版下载|VMware12激活密钥


热门虚拟机软件VMware Workstation Pro现已更新至v12.5。12.0属于大型更新,专门为Win10的安装和使用做了优化,支持DX10、4K高分辨率显示屏、OpenGL 3.3、7.1声道,以及各种新硬件和新技术。



VMware是功能最强大的虚拟机软件,用户可在虚拟机同时运行各种操作系统,进行开发、测试、演示和部署软件,虚拟机中复制服务器、台式机和平板环境,每个虚拟机可分配多个处理器核心、主内存和显存。



VMware Workstation™12 Pro延续了VMware的传统,即提供专业技术人员每天在使用虚拟机时所依赖的领先功能和性能。借助对最新版本的Windows和Linux、最新的处理器和硬件的支持以及连接到VMware vSphere和vCloud Air的能力,它是提高工作效率、节省时间和征服云计算的完美工具。



官方概述、功能特性介绍:



新版变化:

2016-09-13
v12.5.0
增加了Windows10周年更新版支持
增加了Windows Server 2016支持
安全更新、性能改进、BUG修复

VMware 12 专业版永久许可证密钥:

5A02H-AU243-TZJ49-GTC7K-3C61N
VF5XA-FNDDJ-085GZ-4NXZ9-N20E6
UC5MR-8NE16-H81WY-R7QGV-QG2D8
ZG1WH-ATY96-H80QP-X7PEX-Y30V4
AA3E0-0VDE1-0893Z-KGZ59-QGAVF

VMware v12 简体中文专业版 官方下载地址:

https://download3.vmware.com/software/wkst/file/VMware-workstation-full-12.5.0-4352439.exe

VMware v12 简体中文专业版 百度网盘地址:

链接:http://pan.baidu.com/s/1dFC3UDV 密码:vn3d

注意:新版不支持32位系统,系统是32位的请用VM10

VMware v11.x + 10.x 官方简体中文版 +注册机

设计师日常使用的素材网站有哪些?


适合对象:经常需要搜集素材的UI小公举 以及 各位产品汪 运营喵 程序猿……

阅读时长:约10分钟

重点介绍:素材网站和必备小工具,不打算介绍太多,多了你也记不住,只推荐精品

文章概述:

1.图片:网站搜集 → 素材管理;2.图标:网站搜集 → icon管理;3.字体:字体下载 →字体管理;4.设计灵感:sketch和 psd下载5.微视频6.音频
一、图片

搜一下iPhone,百度是这样的:



其他素材网站是这样的,并且是5k的,两个差别有点大。。。



现在免费的素材也不少,而且有些还相当不错,比如上面的几张图片是不是看着很棒,跟百度简直是两种画风。

感谢那些将自己的优秀的图片和作品版权授权大家免费使用的设计师,介绍几个自己常用的素材网站吧。

不打算介绍太多,多了你也记不住,只推荐精品:五个站点+一个图库源软件

1.Unsplash:五颗星

图片主要在人物、自然、生活类的比较多,素材5k像素。每10天更新10张,更新速度还行,毕竟人家都是高质量的图片。
版权:CC0 – 可商用,不要求署名。想怎么用怎么能够用,用的时候不用问作者授权,反正随便折腾。



2.Pexels

搜索很方便,首页下面就有热门分类标签和热门下载,图片各种类型的都有,比较丰富,风格偏商业化一点。图片质量也还不错,值得收藏。
版权:CC0 – 可商用,不要求署名。想怎么用怎么能够用,用的时候不用问作者授权,反正随便折腾。



3.Realistic Shots

主要分为五大类:建筑、自然、人物、旅行、科技的素材为主,图片质量也挺不错。
版权:CC0 – 可商用,不要求署名。想怎么用怎么能够用,用的时候不用问作者授权,反正随便折腾。

上图感受一下:



4.Gratisography

这个用兔子作为logo的图站,图片主要集中于:动物,自然,对象,人物,城市,荒诞

重在个性,往往能发现一些很有新意的图片,够特别。我不会告诉你在上面发现了一张荒诞裸奔的皂片。
版权:CC0 – 可商用,不要求署名。想怎么用怎么能够用,用的时候不用问作者授权,反正随便折腾。



5.Pixabay

界面是中文的,可以限制横图竖图,颜色,尺寸等,可以精确地调整搜索条件。图库大,但质量一般,需要淘一淘。
版权是CC0 – 可商用,不要求署名。想怎么用怎么能够用,用的时候不用问作者授权,反正随便折腾。



终极必杀器:

其实还有一种办法比这一个个网站找方便多了,一个软件轻松搞定

Zoommy:一款多图库源管理应用,支持Windows/Mac/Linux

Mac V1.1.0 百度云链接: https://pan.baidu.com/s/1i5Gyu81 密码: wrvf



有了它我们可以很方便的关注40多个图库源,找素材的效率大幅提升。



那么存下来的图片如何管理呢?
Inboard:比Ember更轻盈

如果你用过Ember回头再来使用Inboard,你会发现它在功能上确实会少很多。但带来的好处就是应用足够轻盈,易用。再看看Ember中那些复杂的功能,我会用到的始终只会是它其中的一小部分。

1.文件夹和Tag方式的图片素材管理

2.Chrome、Safari的全屏截图保存

3.Dribbble like的关注两个核心功能

使用截图



二、图标
1.Freebies:Iconjar官方推荐

特点:19套图标,数量总共有5000+,基本满足日常需求

2.Iconfont :阿里巴巴矢量图标库

特点:1.分为阿里官方公开库 和 其他公司或个人的所有公开库2.支持用户自己上传图标3.支持Webfont字体


特点:1.共 189,189 枚矢量图标分布在 3,096 图标集里2.号称拥有最大的PNG, SVG, EPS, PSD and BASE 64图标数据库3.图标质量还是蛮不错的


特点:1.Lingo自己家的图标素材网站2.会有一些比较新颖的图标集,如下图:


5..Instantlogosearch(只提供Logo,国内大厂的也有,覆盖挺全的)


管理工具:iconjar

支持 SVG、PNG、Gif 三种格式的图片。建议大家去官方下载官方素材库资源时候尽量导入svg格式,毕竟是矢量的,以后改着也方便。

选中某个图标,侧边栏会出现名称和标签,当然不需要的右边栏话也可以在菜单栏隐藏.


偷懒姿势:

1. 下载图标并安装:官方素材库
2. 使用时直接把图标拖进sketch或ps 里,搞定。


三、字体

1.字体下载:

设计师常用中文字体 英文字体,需要的自己下载吧:百度云链接: https://pan.baidu.com/s/1c2n2jXu 密码: w85v

2.Mac字体管理工具:Rightfont查看官方介绍与指南





四、设计灵感:包含Sketch和PSD下载

1.UI8.net:高质量,设计资源交易网站,每个设计稿都不便宜,一个作品至少$20,话说资源,放上来会被和谐吗?在线等,挺急的。

2.Sketch It’s Me:一个专注于 Sketch 分享交流的互动平台,更多更好的 Sketch 相关资源汇聚地。让每一位 Sketch 使用者都能轻松掌握 Sketch

中文站点,资源也算还可以,包括图标和各种UI设计稿都有,耐心找,也是可以找到好东西的。



3.Reeoo:什么资源都有,诸如UI、图标、甚至html都有,质量不错,分类↓



4.Sketchappsources:sketch资源站,在上面找到了不少很不错的资源,分类↓




5.Mobile-patterns:只有移动端界面,可以在左边菜单分类检索,诸如登录、列表、搜索常见的元素都可以找得到。



6.Pinterest:国外大名鼎鼎的收集idea的地方,国内的类似的就是花瓣,比如要做登录,直接都关键词,如下图 ↓



国内Pinterest花瓣



汲取灵感,这六个网站足矣~

五、微视频

现在很常看到网站把视频做成首页背景,不用按下播放按钮,就有动态显示效果

比如:手机淘宝app 下载页面



Coverr:就找到了一个,找到其他的再更
Coverr 提供的免费首页背景影片素材,这里的素材皆能在线预览、免费下载,而且使用上没有任何限制。

网站每周一更新七个全新影片,目前在这里也可以找到超过 200个以上短片。

版权:CC0 – 可商用,不要求署名。想怎么用怎么能够用,用的时候不用问作者授权,反正随便折腾。



六、音频

挖坑,找到再更
之前好像看过一个国外网站,音效也挺多的,当时没有保存地址。。。
……我……把名字也忘了……坑等我想起来再填……

最后,借助小调查安利一个颜值爆表的表格Chartico免注册,免费用

2016年9月18日星期日

浅谈“高逼格”产品视觉设计!


对于一个产品而言,是否具有“高逼格”,不仅仅在于视觉美观与否,还应该拥有更好的用户体验,更实用的产品功能,以及具有产品“独特的个性”。

随着人们日益增长的高标准需求,使得各行各业对于“高逼格”、“高大上”的讨论愈来愈普遍!同时也使得设计得以更加重视,不再满足于传达信息,更要求达到有品牌感、有内涵、有格调的视觉效果!


 
在谈到产品“逼格”之前,先引用“唐纳德·诺曼”的一句关于产品的描述:

 
“产品必须是吸引人的,有效的可理解的,令人快乐和有趣的。”

 
诚然,好的产品必然是针对性的服务于它的用户,100%为它的用户群进行合理的设计,所以对于一个产品而言,是否具有“高逼格”,不仅仅在于视觉美观与否,还应该拥有更好的用户体验,更实用的产品功能,还应该具有产品“独特的个性”。本文仅从视觉层面探讨产品的独特“高逼格”!

 
外观视觉永远是用户接触一个产品一个物体第一步的过程,提升产品的视觉格调对用户能起到更好的吸引、提升用户对产品的喜爱程度,也能够升华产品的内涵和文化品牌感!但是却也不能一味的追求超脱于产品目前本身定位的视觉效果,例如一个新产品刚起步,受众面还很小,此时一味的把产品打造成千万级用户类型的“高逼格”产品,只会显得产品本身空洞空虚,没有足够的数据作为背后支撑,那这个设计必然是考虑不全,甚至是失败的,所以合理的追求产品目前定位进行设计,逐步提升产品的视觉内涵,才是更为重要的。

 
说了很多理论的东西,下面介绍一些个人对于合理的“高逼格”视觉设计的看法。

 
一、“逼格”是有趣

对于一个产品从最初定位到落案执行,必然是已经深思熟虑的结果,好的产品必然是有趣能吸引用户的,而最终到设计师手上,也必须通过视觉来展现这一有趣的效果!


(图片来源于网络-我的天气 app截图)

 
“我的天气”app是我见过的天气类设计中最有趣味性的,它的有趣不全在于好玩,而是它并没有运用大块的背景来展示天气的变化,而是把设计集中在精致的icon上,而且针对于不同的主题,设计了不同风格icon,让视觉更贴于生活化,同时精致的排版以及个性的字体使用加上舒心的色彩运用,呈现了一个“特别”的天气预报界面!

 

(图片来源于网络-其他主题设计截图)

 
二、“逼格”是呼吸自然

 
看一个设计是否舒服,其一要看色彩,其二在于留白,欣赏一个设计就像在呼吸一口空气,污浊的空气必然会让人屏住呼吸,同样设计的臃肿也会让人心情压抑,所以设计留白是必不可缺的。

 

(图片来源于网络)

 
这个web设计在留白上做到了很合理,主体产品的文案合理排版,没有过多的文字描述,也没有过多的背景铺垫,简约的背景处理,重点突出产品本身,空间上留有更多的区域,不仅没有浪费,反而更好的体现了产品,整体阅读下来呼吸顺畅,自然舒适!

 
三、“逼格”是高贵冷艳,亦是清新活泼的气质

 
部分设计师在体现“高逼格”的时候通常会表现为更深邃的背景,更强的质感,更亮眼的点睛色,以此达到一种深邃大气的高贵冷艳的效果,诚然这是一种表达方式,但却不是唯一的方式,清新活泼也可以更有格调。

 

(图片来源于网络)

 
暗色的背景凸显了整体深远高贵的品质,纯白的文字加上极高的排版技巧,使得信息传递直观,视觉高贵大气!

 

(图片来源于网络)

 
完美的色彩搭配,个性的插画设计,纯白的底色背景,清新舒适的氛围跃然眼帘,气质独特,“高逼格”不言而喻!

 
四、“逼格”是不同寻常

 
不同寻常不代表是“杀马特”,更应该是区别于大众化具有自己鲜明特点,文化内涵的表现。互联网的兴起让早期各类第三方服务公司赚了一笔,很多公司宣传着实力雄厚,人才众多,高端的设计服务,然而在对待自家官网宣传的设计中,往往大同小异,无法跟自己的宣传达到一致,一定程度上让一些客户望而却步,例如最凸显自己相关服务的栏目设计上,有逼格的公司往往会更注重服务项目在视觉上的不同寻常 ,概念文化!

 

(图片来源于网络)

 
偏概念化的设计,不同寻常的icon视觉,使得自己公司本身的设计能力和创新能力更得以高度展现,瞬间拉开了和大众化的设计公司的距离,“逼格”自然爆表!


(图片来源于网络)

 
亦是偏概念化的icon设计,仅通过线条和圆圈组成不同的形状,配以文案说明,更独特的感觉自然而然便产生了!

 

(图片来源于网络)

 
当看多了大同小异的电商平台后,突然欣赏到这样一个独特排版和气质的电商设计时,你是否会感到很庆幸很开心呢?大块的图片排版不仅展示了精美的商品,同时整体上也带来了不一样的视觉感受,独特却并不杂乱,“逼格”自然展现!

 
五、“逼格”是细节爆表

任何设计想要达到更高水准,更好的视觉气质,必然要把细微的地方做到极致,色彩的搭配,对比的张弛有度,字体的合理选择,元素间距的细微把握,统一有序的图标设计等等,细节无法做到高标准,再怎么凸显氛围,再怎么独特的排版也是徒劳无功!做好基本功才是“高逼格”的最有力支撑!

 

(图片来源于网络)

 
写在最后的话:

 
每个人对于“高逼格”都有自己的理解,但是任何设计都是为用户而服务的。设计是用以解决问题,创造价值的,而明确的产品定位才能有更高价值的设计,才能有更好的设计,谢谢!





作者信息

本文由MaxLeap团队_ux组成员:  王涛【原创】

王涛,Ui设计师,2015年度中国十佳网页设计师,五年半设计生涯。不局限于某种设计风格,热爱探索不同设计风潮。MaxLeap UX团队成员之一,负责MaxLeap产品全案设计!

2016年9月12日星期一

PS中这么好用的一个功能,千万别忽视


在做UI设计时,项目来的很急,需要快速出图,如果你没有一套自己的工作方法,估计是应付不了这类事情了,当你面对一个专题设计,选好了素材图片,像制作出符合主题气质的设计,怎么半,一定是先把主题气氛烘托出来,今天就给大家介绍一个快速烘托主题气氛的办法。

注意:你必须使用扩展版本的CS6,这个功能潜伏的非常非常非常……深。嗯,好了,不卖关子了,其实这是一个调整层,所以说也不算潜伏的深。这个调整层叫“颜色查找”!

颜色查找调整层可以实现高级色彩变化,如EdgyAmber或者BleachBypass什么的。

 “颜色查找”功能可能很少人知道,更少人会用到。不过它就像美图工具里面的滤镜一样好用哦~什么日系小清新,阿宝色,老电影效果都不在话下。只要拿到了好的模板文件,轻轻松松只需一秒钟。好看的滤镜就出现啦~!


用的人少的一个原因是这一部分在中文版里没有翻译过来,所以,今天我好人做到底,把这一部分的光线效果都翻译了一遍,而且都精简到了两个字以内,

 
首先呢,还是打开你要调色的图片。然后在图层窗口最下方的小图标中间找到一个斜切成两半的圆形图标,名字叫“创建新的填充或调整图层”。点击它会出现一个菜单栏。选择“颜色查找”就打开了新的窗口啦!




颜色查找的窗口里面有三排可选择的东西,但是好像又看不懂?不要害怕,点击第一个下拉菜单。




看不懂?看不懂就看不懂,随便点一个,然后用鼠标滚动可以看其他的效果。(给大家找到个翻译图片,可以对照下)







颜色查找里面的滤镜效果,都是好莱坞级别的所以用“颜色查找”可以快速的帮我们表现出大效果,烘托大气氛,虽然不可能做到完美的效果,但是有了这个功能,可以让我们后期的工作大大的提升效率。

例如:我想调一张图作为网站banner


注意:“颜色查找”还可以到网上下载很多资源,更多效果在等着你们哦,大家抓紧试一试吧。

每天1分钟,不在电脑旁也能进步!!!