恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Affinity Designer:是时候表演真正的艺术了!
0.0°
2016-08-01 原创文章 经验/观点 举报 10677 114 114 52

Affinity Designer for Windows 登场


  2016年6月30日,刚吃完晚饭耍了一阵游戏,突然看到设计群里有人呼唤,定睛一看:Affinity Designer的Windows版本终于放出beta了,目前所有人可以免费下载使用(文章最后有下载地址哦)。


Image title


  说起Affinity Designer(后面简称AD,不是ADC谢谢),在N久前看到他们官网放出过的一些视频集锦就一直感觉是个挺不错的工具,当时寻思着Adobe放弃Fw专攻Ps,“Windows下再无优秀的UI工具,不如看看这个如何吧”的心态,寻遍了网络各个角落,结果只找到官坛客服的一句“暂无针对Windows平台开发的打算,我们在Win上已有其他产品”,然后…稍微体验了一下mac版的AD……就没有然后了。那时也试用了一下Sketch,无奈那时的Sketch还比较简陋,bug也挺多的(我还提交过一个#5878的bug,关于自由变换的),还不支持Windows,还是洗洗就睡了。


  然而,在2016年的愚人节前一天,AD官方放出了要发布Windows版的消息……… 这…… 手贱就订阅了一下,后来就有了今天的这个爆炸性新闻… AD for win降临了。


  迫不及待的使用了一阵之后,我决定先写一篇“开箱”感想,本文只是从个人角度出发对AD进行一个主观的粗略判断,不喜勿喷。


Image title


  首先是界面,由于之前曾经在mac平台下试用过AD,所以我大概了解AD绘图是分为矢量和栅格两种模式的,就在界面左上角的三个模式切换按钮中进行切换,第三个模式是用来输出切图的。


在矢量模式和栅格模式里,AD显示的工具栏是不同的,这样的好处是 矢量插画设计师、UI设计师 和 专业修图的设计师 再也不用一起玩大家来找茬了。



  矢量模式的工具栏主要用来画图形,钢笔工具、矢量渐变填充、节点编辑、矢量画笔一样不少,都是针对高强度使用的功能,没有任何让人目不暇接但平日基本用不到的冗余功能。


Image title


  位图模式的工具栏则跟Ps常用工具差不多,但貌似没有Affinity Photo那么强大(后面简称AP,不是法师谢谢!)一般的绘图、笔刷、涂抹、加深减淡之类

的功能还是有的,图章……貌似没见到,不清楚是不是beta版的缘故,还是说官方希望AD位图只用来手绘,修图用AP?



  从前面的界面截图大家可能发现了,在底部有完整的操作/快捷键提示,顶部有很多经常会用到的功能按钮,常驻的对齐像素功能摆在最顶部让你即使在矢量

绘图模式下也不用担心虚边问题了。



  由于使用的时间并不算长,所以也不能很深入的说些什么,以下是个人的一些体验心得  ……

  • 第一次真心实意的使用AD,尝试画回之前用Fireworks临摹‘鸡鸡硬’一枚图标,感觉对于我这个重度Fw用户来讲,上手难度评分为:4/10。
  • 支持多格式输出,包括psd、svg、png、eps、jpg、gif、pdf、wmf,读取也是没有问题的,图层和样式一样能识别



  • AD当前beta版的图层面板有bug,有时在调整位图顺序时会莫名其妙置顶,而且这个图层面板跟Ai的图层面板很像,个人感觉还不如跟Fw一样弱化图层面板的地位,让用户更专注于图形。


  • 图层样式跟旧版Ps的一样,不能调整样式顺序、也不能增减,另外暂时没有发现可用的图像滤镜。



  • 取色难沿袭了Ai的坏习惯,但也改进了一些,渐变色取色没有Ai那么麻烦,渐变控制杆集合了Fw和Ai的特点,比较容易上手。



  • 路径功能仍不如Fw/Ai般易用和强大,目前只能做一些简单的加减合并分离操作,但得益于跟Sketch一样的图层嵌套模式来存储路径状态,所以路径合并等操作是可逆的。


  • 不支持扩展,喂我是Fw扩展开发者中的一员……



  最后:AD表面看起来很简单,实际上内里细节很用心,网上有些人简单把AD归结为Ps、Ai合体版,实在是有一点以偏盖全了,也许只有我这种Fw死忠粉才能体会到他们之间细微处的千差万别。AD会像Ps那样,画矢量图形就用个遮罩来表现吗?显然不会,这种表达方式本来就很奇怪,更何况在Ps里增加画板,你看看之前那些遮罩出来的东西,那个遮罩选区范围跨了多少个画布,我都不想用什么B这种词来描述这种拆东墙补西墙的做法,为了迎合UI的需要就强行塞进去各种设定……这只是万千不合理的其中之一罢了。如果说AD是借鉴了很多Ps、Ai等软件的优点,并按照自身对UI的理解塑造出来的,我表示可以接受,以前3DsMax不也因为迭代得无以复加而大换血了吗。



  有些人整天b×2:你应该熟悉软件,而不是让软件来熟悉你。其实从用户体验的角度来讲,UI设计师有这种想法是自相矛盾的,如果对自己每天使用的工具都没有追求,都觉得应该逆来顺受的话,又有什么资格来谈用户体验?就任性设计让用户去适应就好了嘛!当前Windows平台名气比较大的用来绘制UI的工具无非就那几款,然而如果客观点来评价这些工具的初衷是用来解决用户什么问题的(底层设计)、使用者都需要些什么功能、这些功能我要在界面上怎么摆放才能让用户不会觉得困扰并最快达到目标?最多人用的那个肯定是不及格的,哪怕真的很多人在用,所以~




是时候来一次换血了。期待 Affinity Designer 日后的表现,也期待更多优秀的UI设计工具诞生,我的钱包就在这里,尽管拿去吧!




预期会陆续写一些AD的相关文章,不过AD目前确实还不是Fw的对手啊,赶紧开放API让我把Fw的优点都搬过去吧~




【官方宣传片】

https://vimeo.com/172731032

http://www.tudou.com/programs/view/UpgTQt1tjGc (国内分流 by 喵卯卯)



【官方视频教程】

https://vimeo.com/channels/affinitydesigner



【官方论坛 -AD Windows测试板块】

https://affinity.serif.com/forum/index.php?/forum/33-affinity-designer-on-windows-beta/



【AD官方下载地址】

https://s3.amazonaws.com/affinity-beta/download/affinity-designer-public-beta.exe


(国内分流 v1.5.0.7 beta)
http://share.weiyun.com/f7bd3d05e19c7a508ab1672369b0c676 (密码:ntKj)

更新:2016-08-01

下载
收藏

114人已收藏

WaveF

A Desigrammer

  • 12

    作品

  • 353

    粉丝

  • 19

    关注

  • AffinityDesigner钢笔教程
  • Animate CC 预热教程
  • UIKITS的绘画方法
  • Fw画魅族icon全程攻略
相关标签

    猜你喜欢

      2016-08-01 原创文章 经验/观点 举报 10677 114 114 52

      Affinity Designer:是时候表演真正的艺术了!

      0.0°

      你确定要举报Affinity Designer:是时候表演真正的艺术了!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年07月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      114
      114
      52

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录