loading请求处理中...

超实用图标设计工具与运用技巧

2021-12-01 16:39:59 阅读 12143次 标签: 图标设计 作者: 910156420@qq.com
    图标设计和其他的设计工作有所不同,它是比较少但是呈现的内容要比较多,在设计的时候需要通过专业的软件工具才能完成,同时需要掌握相关的技巧。这些知识哪里能够找到呢?一品威客网小编针对大家的需要整理了一些超实用图标设计工具与运用技巧,希望能对大家有所帮助。
超实用图标设计工具与运用技巧
    OS X 应用图标设计

    使用简单的网格系统可有助应用图标的绘制。OS X 的应用图标尺寸均为成倍增长,因此,我可以通过 16×16 像素的图标大致界定 1024×1024 图标的定位,这样的工作流程就轻松多了。对于那些极小的版本,也就无需过多调整细节了。

    iOS 应用图标

    iOS 应用图标的尺寸不如 OS X 图标那么具有匹配度,工作流程略微复杂一些。以下所列为如今所有 iOS 图标的尺寸。

    29×29、40×40 、58×58 、 76×76 、 80×80 、87×87 、 120×120 、 152×152 、 180×180 、 1024×1024(应用商店)

    目前总共有 10 种尺寸。但是,如果你只需制作 1x 的网格尺寸,那就只需关注 5 种主要尺寸即可。

    29 (1×), 58 (2×), 87 (3×) ? 40 (1×), 80 (2×), 120 (3×) ? 60 (1×), 120 (2×), 180 (3×) ? 76 (1×), 152 (2×), 228 (3×) ? 1024×1024(应用商店)

    图形创建 vs 图形样式

    对矢量路径的创建和图形样式的设定作出正确的区分是十分重要的,因为它们需要通过两种截然不同的设计软件来实现——Photoshop 和 Illustrator。

    Photoshop 的渲染质量和蒙板功能几乎超越了所有的设计软件,而 Illustrator 则囊括了丰富的矢量功能。在我的漫漫图标征途中,Illustrator 可谓是矢量路径界的王者。

    值得庆幸的是,Photoshop 和 Illustrator 两者之间的转换算得是无缝连接了。通常我的工作流程是这样的:在 Photoshop 中进行简单图形操作,但如果涉及到整套图标或任何复杂图形,我会先选用 Illustrator 进行创建,而后移步 Photoshop 进行样式处理。

    简而言之,Illustrator 用于创建图形,Photoshop 用于设定样式及输出。

    如果你可以控制图标尺寸,那么图标样式和线条粗细应有助于规格的制定,因为许多图标都必须有一条中线。也就是说,如果一个图标的宽度为偶数,那么中线的宽度便不能为奇数。同理,如果一个图标的宽度为奇数,那么其中线的宽度便不可为偶数。

    当你使用的线条宽度为偶数时,图标尺寸应为:偶数(宽)x 偶数(高)。当线条宽度为奇数时,那么图标尺寸应为:奇数(宽)x 奇数(高)。

    尽可能不要混合使用奇数和偶数尺寸(除非你不混合会抓狂,那么也确保不同轴使用不同粗细的线条)。

    勿用高分别率来掩盖这个问题——在奇数宽度的图标中使用1pt(或 1dp)的线条,也许在 Retina 配置中看起来没有问题,但绝对会在1× 和 3× 尺寸的分辨率中发现让你头大的问题。

    其实,大家只要把所有的点都想象成图标的基础网格,避免过于细小的偏移定位,一切也没那么复杂。要确保所有的图标设计应该从 1× 开始。

    图标设计前做好市场调研,了解当下消费者的喜好,统计出相关需求再设计能带来更强大的作用。买创意,买服务,买文案,上一品威客网,超600万威客人才随您挑,全方位、多领域的解决你图标设计需求和难题,还不赶快注册一品威客网账号。

软件UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
软件UI设计相关任务
DESIGN TASK 更多
品牌logo设计

¥698 已有115人投标

驿舟房车logo设计

¥600 已有53人投标

公交站台设计有施工资质优先

¥1000 已有0人投标

宠物食品的包装设计

¥1000 已有5人投标

详情页设计

¥3000 已有0人投标

切药器内部结构设计

¥3000 已有0人投标