编者按:今天的福利包括@泼辣修图 的开源图标和字体和一个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 格式。
最终效果
「优设最新神器推荐」
原文地址:shejidaren
【优设网 原创文章 投稿邮箱:yuan@uisdc.com】
================明星栏目推荐================
优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI绘画艺术风格设计
已累计诞生 649 位幸运星
发表评论 已发布3条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓