“只说不练假把式。”即使你有非凡的天赋和灵感,你的创造力也不一定能实现,因为你不一定能聘请到优秀的设计师来做你想做的事情。你要知道,你脑海中想象的画面,别人是不可能知道的。所以,掌握一个软件,实现你脑子里想的东西,是极其重要的。
用什么软件是大多数人纠结的第一点。目前业内可选软件太多,各有利弊,让人无从选择。学习的成本很大,没有人愿意因为选错了路而浪费更多的时间和成本。如果你是一个真正的新手,或者只是想掌握一个软件,那么这里有一些建议给你。现在我们熟悉了下图所示的设计软件。
从图中可以看出,adobe系列工具仍然是最主流的设计工具。其他很多软件都是其他厂商的,各有所长。以下是这些技巧的优缺点。
1.adobe photoshop
图为作者在dribbble上发布的首秀,用photoshop实现。
优点:最主流的设计工具,强大的图片处理和配色功能,无论是设计图标还是界面,都是最佳选择之一,并具有图片裁剪功能。无论是什么样的设计师,尤其是ui设计师、广告、网页设计师,掌握photoshop的操作是必须具备的第一基本功。熟练使用后,即使绘制3d强纹理效果也不成问题。另外还有动画功能,基本的交互特效都可以用photoshop实现。由于用户量大,配合剪图、命名、管理、特效等的插件越来越多。更重要的是,因为它的普及,无论在哪个公司,甚至其他岗位,都能做到很好的团队协作,不会造成有些人说的“他们不可能知道这个软件”的问题。
缺点:需要根据尺寸来设计。虽然有矢量工具,最新版本也做了优化,但是在放大或者缩小的时候还是很难保持清晰准确。其次,排版功能较弱。
2.adobe illustrator
图片来自设计师:木制鼠标,由illustrator实现
优点:强大的矢量图形设计工具,擅长绘制logo、海报、插图等。并且具有和图标界面一样优秀的功能,可以输出矢量图片,可以根据不同大小放大或缩小。也可以给不会用第三方草图设计工具的设计师做交互草图。只要熟练应用,实现3d强纹理并不难,排版功能也比较强大。渐变网格绝对是神器!
缺点:图像处理为零,滤镜效果能力差。它也能处理高质量的界面和图标,但会比photoshop等工具难很多,从打印尺寸换成像素尺寸也很痛苦。
adobe after effects
图片来自设计师:沮丧的鸡,使用后效来实现特殊效果
优点:是视频特效和交互效果的强大工具,可以轻松实现界面交互动画和特效,大大降低与开发者的沟通成本。同时可以用可视化的图片为自己的意愿发声,也可以用软件制作视频,添加特效。这个软件最大的特点就是有插件的优势。很多很酷的特效只需要下载一个插件,这是相比其他软件的天然优势。如果你很精通,也可以做一些界面设计。
缺点:设计界面、图标、绘制图形的门槛高。如果不是有特殊要求的公司,没有人会雇佣不要求photoshop但要求后期效果的ui设计师。毕竟属于匹配ui设计的软件,不是主要必备技能,还要靠插件支持。
4.adobe flash
图片来自设计师:张小万,由flash完成
优点:是制作矢量动画的利器,操作简单。通过学习高级语言,你也可以设计出华丽的交互网站。早年最流行的酷炫互动网站都是用flash嵌入并执行的。也可以做漫画。对于设计卡通图标,变形的功能简单快捷,输出效率高,是其他软件“钢笔工具”无法实现的。还可以设计界面。
缺点:如果用于ui设计,功能较少,界面设计相对困难,图形处理效果较差,不规范,比较随意。语言学比较高级,也不太适合ui设计师。
5.adobe indesign
图片来自《采访》德国采访杂志
优点:其强大的排版设计能力是其他软件无法超越的,尤其是杂志、书籍、报纸等。排版快捷方便,易于使用。更重要的是,它是为多页排版设计的,大大缩短了排版时间,提高了工作效率。当然也可以画简单的矢量图形。
缺点:主要是一个平面设计工具,不建议ui设计师学习。对于不做大量排版工作的设计师,不建议学习使用。
6.adobe dreamweaver
图片来自互联网
优点:是设计网页的工具。在编写和查看代码的同时设计网页,嵌入flash,管理网站后台等,方便快捷。该软件还可以用来绘制图形。不过更多的是用来构造网站,可以做一些初级的界面设计。
缺点:主要是网页设计工具,不建议ui设计师学习。它更多的是针对网站的架构,而不是设计。另外,你真的想学代码吗?
7.adobe premiere
优点:是一款视频编辑工具,对电影、短片、视频等编辑功能强大。主要用于剪辑电影。
缺点:主要是基于视频媒体,不是一个绘图工具,所以果断放弃。
8.adobe fireworks
图片来自设计师:kidaubis,用fireworks实现
优点:是网页设计工具,早期的网页设计工具,剪图神器。对于图形绘制和界面绘制也非常优秀,是网页设计三剑客之一。很多老用户还在用这个软件,因为真的很好用。
缺点:如果不是老用户,不建议学习。它的功能逐渐被photoshop和illustrator取代,已经淡出了这个时代。
9.corel draw
优点:结合了ai和id,是矢量图形设计工具,也是唯一能与indesign抗衡的排版神器。布局设计,矢量图形和界面设计可以控制,并有良好的操作性。这个工具在大部分地区仍在使用。简单易懂,可以高效导入adobe的各种软件工具。
缺点:这个工具有争议。中小公司还在用,互联网大公司基本都取消了。虽然功能很多,但很多并不能代表本质。如果你是初学者,建议你不要考虑。毕竟我们想要的功能只有一两个。
素描
图片来自知乎用户
优点:是最近特别流行的设计工具,国内外各大公司都开始尝试和整合。对于app应用界面来说,绝对是利器,方便快捷,功能强大,没有很多不必要的功能。扁平化的图标设计更加快捷方便,尤其是在最新的版本3中,功能得到了进一步的提升。当然也非常推荐现在的ui设计师学习,相信会成为新一代的主流设计软件。
缺点:拟像风格设计的图标界面相对不适合,设计成本高。而且现阶段只有苹果系统可用,微软系统暂时没有(2015年5月)。除了界面设计,其他功能基本没有。它是ui设计的工具。
11.手绘的
图片来自微信自慰游戏
优点:不需要任何软件的帮助,只要你有很强的美术功底,熟练使用各种画笔工具,就可以“设计”出很多漂亮的图标,通过扫描展示给用户。目前很多游戏和界面也采用这种方式,风格创意新颖。掌握这个软件是工业设计师的必备技能之一。而且手绘能力强肯定会给设计加分,因为懂软件的人有几千万,手绘只能你一个人做。
缺点:在国内,有这种手艺的互联网ui设计师不多,风格鲜明,制作gui界面很难达标,不如选择一个工具好好学习。
12 .科雷尔佩因特
图片来自hd2composer
优点:各种带手绘板的画笔会让你的图标界面呈现的很漂亮,尤其是对于游戏ui设计师来说,这是一个比photoshop更强的软件,因为它的优秀功能是专门为手绘定制的。它的原画cg工具完全高于photoshop和illustrator,游戏ui设计师大量使用。
缺点:如果不打算磨练自己的手绘能力,尽量避免学习这个软件,因为photoshop基本可以实现你想要的功能。
13.3ds最大值
优点:这个软件绝对是一个话题性的软件。谁也没想到用它制作图标能成为主流,不得不说用它制作的图标无论是质感还是光影效果都是快捷、方便、强大的。也许一个小时的设计已经完全超越了10个小时的photoshop制作。它的灯光、透视、颜色都可以反复修改,直到你选择一个视野最好的。和photoshop等软件相比,如果颜色和结构不对,那么基本上作品就报废了,只能重新开始。即使对原作进行修改,也不一定能达到预期的效果。
缺点:虽然在光影透视上有优势,但是界面设计能力差,上手困难。毕竟,2D和3D仍然是两个层次的东西。很有可能是你先学会了软件的功能,越来越懒的用photoshop做平面2D设计了。换句话说,你不知道该怎么办。
14.windows绘图工具
优点:这是windows自带的绘图工具。在我知道之前,我从来没有想过这个工具可以如此强大。后来认识了miui大师,才知道这个工具还可以这么用。这也证明了,只要你的手绘能力足够,任何软件都不在话下。
缺点:功能还是不够强,主要是学习photoshop。
15.技能专业化
介绍了这么多,相信你应该对每个软件都有所了解了。为了让你的思路更清晰,这里用一种更通俗易懂的方式告诉你如何专攻哪个软件。分为标准等级满分10分,以高低比例作为分值:
10分:精通、熟练、专精。
9 ~ 6分:精通和熟练。
5 ~ 3分:精通。
2 ~ 0分:就是知道。
以上是作者本人使用的一些工具的体验,其他的相对冷门。不过我没接触过功能强大的工具,不方便评价。我的观点是:对于新朋友来说,需要时间去学习。尝试学习一个对你以后的学习和工作有很大帮助的软件。基于你的个人爱好,你可以扩展你对其他工具的学习。
所以,我建议从photoshop开始!虽然每个软件都有自己的长处,但在中国需要团队合作。以后可以在掌握这个技能的前提下,继续学习其他工具,提升自己。通过不断的工作知道自己想要什么,需要什么,然后学习适合自己的第二个工具!
下期:零基础如何学习UI设计?(第四步:“抄袭”别人超越自己)
更多资讯请关注微信微信官方账号:UI设计学习教程分享及持续更新!