我是若作甚MAC应用FLINTO设计UI图标的?

发布时间:2017-04-15 09:45 来源:互联网 以后栏目:网页设计教程

   这篇文章是 Flinto 设计团队设计师 Peter Nowell 的专访整顿而成,采访中 Peter 简介了他是若何设计 Flinto 的图标,和一些经历心得。

  Flinto 团队 比来采访了我关于Flinto用户界面图标眼前的设计流程。

  你是怎样为Mac版本的Flinto供献本身的设计?

  我参与了Flinto新的Mac版本的用户界脸部分和用户体验部分的设计,就在他发布之前的几个月。然则由于Flinto是一个特别的对象,我们越是深刻思虑每部分的用户体验,我们越感到到Flinto须要大年夜量的定制icons。比方说Flinto应用的列表(List),对象栏(Toolbar),动画的设计面板(Transition Designer),下拉手势(Gestures dropdown)都须要他们单独的一套图标。所以,若何快速的设计图标变成了我的重要任务。

  当设计大年夜型应用的图标和菜单的时辰,你采取甚么样的设计谋略?

  设计总是情境驱动的。我惊奇的发明专业Mac应用的情境设计是最复杂的任务之一,就算你只是设计图标。对象栏(Toolbar)的图标大年夜小必须分歧,并且最好根据图标知道用处。这与侧边栏的图标和下拉菜单看到的图标的设计准绳上有所差别。 一些图标会以不合的尺寸和不合的款式反复涌如今不合的处所。不是只需调剂图标尺寸或许款式便可以或许实用于每个用户界面的,所以我在设计图标的时辰须要推敲到图标能否具有通用性和不破坏用户界面的全体分歧性。

我是若作甚MAC应用FLINTO设计UI图标的? 电脑高手

  我都是在纸上开端设计图标的,我一向坚信这个准绳。我会在纸上画下我想象中这个图标的一切能够性,比方设计的这个图标包含了甚么暗喻和图标能够须要/产生的变更。所以在概念设计的这个阶段上,我尽可能让本身将一切的内容都写在我的纸上,乃至是一些不相干的想法主意。下一步则分析概念设计中的内容若何可以或许更好符合我们设计的目标,已有的限制和这个图标的情境接洽。

  我发明将画图构思和评价这两个过程分开停止是很相当重要的。前者的任务须要想象力,猎奇心,并且持有本身主不雅的断定,是一个加法的过程,是心血来潮的创作。评价则须要批驳性,实用性,和须要推敲图标眼前连续串所延长出来的隐喻,是一个做减法的过程。假设你测验测验同时做这两件任务,那么你会推敲不过去从而得不就任何成果。

  我比来还在网上讲课讲述我认为在设计图标中最重要的准绳。外面还包含了我是若何来评价我的想法主意和草稿的。

  平日来讲,只要一部分的设计想法主领悟被保存到电脑外面。应用sketch可以进步我的临盆效力并且在临盆的过程当中会有一些创造性的决定。但最重要的目标照样要完美和精华精辟图标的情势,包管每个图标都是像素完美的。我对此具有相昔时夜的热忱,我对其他忽视这个细节的人认为很懊末路。

  可以或许为我们再稍微解释一下甚么是“像素完美”和若何完成?

  像素完美其实意味着很多器械,它更像是一个想法主意而不是一个可以或许详细描述的特点。像“留意细节”一样,当被忽视的时辰我们可以或许很轻易的感到出来。完美的像素对小图标的可辨别度有巨大年夜的影响。想要完成像素完美不只仅是将设计元素的像素网格对齐(以下图)。这根本下去说就是在和锯齿做斗争。应用抗锯齿是很好的一件任务,但它会让图象一些处所产生模糊,特别是在对角线和曲线中。

  举个例子,我们想在图层列表中加上一些注释来注解哪些层是被隐蔽或许是被锁住的。固然给图层加上隐蔽和锁定是很简单的任务,只须要点击按钮操作一下就好了。我们推敲的是我们有一个小的注释,他会占用一小部分空间,来注释两个曾经隐蔽和锁定图标。为了完成这个目标,我们的图标必须要做到像素完美。我对我设计的8×8大年夜小的图标认为异常的骄傲。

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、