编者按:今天的福利包括@泼辣修图 的开源图标和字体和一个10秒做出故障效果的PS动作,全都可以免费下载,赶紧来收。

泼辣修图开源图标+字体

图标同图片一样,相较于文字拥有更强的表现力,它是人类交流方式立体化和多面化的体现,同时也是设计中的永恒语言。它们结合人类环境的形状和样式,溶解成现代人类社会难以想象的各种各样的符号标志。

△  泼辣修图团队首席设计师Adi

 

符号的视觉表达

在任务的初期,我对用户群和竞争对手进行了一些研究,通过这里得出了一个众所周知的结论:倾听实际上是分析和定义问题过程中最重要的技术。但是倾听不一定意味着满足所有用户的要求,而是了解他们的需求和原因,这可以帮助我们得到更好的结果。

考虑到早期的设计过程,现有的批评和要求,并考虑到未来的更新和日益增多的应用程序,不难得出结论:图标是交互的关键。其原因在于,在当今多平台应用程序的设计中,存在一个显著而通用的途径去转变设计元素(通常通过创建和复制不同的色调,而形状和字体的变化则主要基于预设框架和微观趋势)。在这种情况下,我认为UI一致性的基础是图形语言,即特定的图标集。

创造过程

泼辣修图以及任何高级图片编辑软件都拥有十分丰富的选项,包含了丰富的交互元素、工具和各种术语,因此UI组件的细节至关重要。为此,这一套UI由简单明了的“平面”元素组成,并结合极简风格的图标。在这种情况下,图标扮演着用户与应用程序之间的交互式链接角色,即用户与软件沟通的语言。

我首先在纸上画出了草图,然后使用Sketch软件转移到数字表单。图标的设计没有根本改变,采用的形式被保留、文字变化很小。为了与公司新的(圆形)视觉识别体系保持更高的一致性,我使用略微弯曲的边缘与严格的用户界面、矩形图像以及24px的图标宽高比形成鲜明对比。

完成设计后,我们在用户群组中对新图标进行了测试,然后更新了软件。两个月的研究和工作终于得到了一套180多个重新设计的完美矢量图标集。

总结

创建一个新的视觉语言并保持一致性,从来不是一个简单的任务,但这项工作的好处很多。 除了全新绘制的图标之外,泼辣修图还有一套可以轻松拓展与升级的全新字符库。

我们决定以开源的形式与大家分享这一套图标与字体。

免费下载链接:http://pan.baidu.com/s/1kVGDJhH

想必大家在看电影时,会看过一些故障画面的电影特效,而制作这个效果的步骤很多,不过没关系,今天达人分享一个故障动画 GIF 图片Photoshop动作脚本,只要简单操作即可实现这效果,真的超级棒哦!先看演示:

下载PS脚本:http://pan.baidu.com/s/1qYfVFCo(适用于中文版PS)

PS: 本脚本仅适用「中文版 PHOTOSHOP」,英文版用户,请到以下网址下载:

https://www.behance.net/gallery/55711573/Free-Animated-Glitch-Photoshop-Action(适用于英文版PS)

安装PS动作脚本

安装脚本:直接双击即可可安装完成,或直接在面板导入(如下图,点击图标,在弹出的菜单选择「载入动作」)

使用教程

复制图片和改名,把图片拖入到 PS,按「Ctrl + J」 复制出3个图层,然后把图层名称按顺序改为:img copy 3、img copy 2、img copy、img,注意是有空格的。

接着重点:选中「img copy 3」图层(选中即可)如下图:

打开动作面板,选中「Animated Glitch GIF」选项,然后点击播放按钮。

保存为 Gif 图像,在菜单选择「文件 – 导出 – 储存为 Web 格式」,然后面弹出框选择 GIF 格式。

最终效果

「优设最新神器推荐

  1. 《这款国人开发的EAGLE,堪称收集和管理素材灵感的最佳利器!》
  2. 《超过5万张!免费高清可商用图库ZOOMMY 3.0重磅来袭!》
  3. 《超好用的PS字体管理插件FONTAGS(附安装方法)》

原文地址:shejidaren

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

点赞
收藏 3
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏