泼辣修图开源图标免费下载+10秒做故障效果的PS动作 - 优设网 - UISDC

泼辣修图开源图标免费下载+10秒做故障效果的PS动作

2017/08/19 12893评论区

编者按:今天的福利包括@泼辣修图 的开源图标和字体和一个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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/polarr-icon-glitch-action

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里