经验分享

一键生成广告、插画、布局、视觉稿，这样的技术和产品在某种意义上几乎已经在我们眼前了。 建立一个真正称得上是拥有智能的系统，针对特定受众的需求来生成素材，理解人类的情感和语义中的潜台词，明白行为的概念和美的意义，这仍然还太远。 不过，建立一个专门的深度学习系统，自动化的设计流程，能够让设计师从一部分完全手动的工作中解放出来，这是完全可行的。 实际上已经有很多新兴的设计素材和设计工具在做这个事情了。 …

在设计的过程中，占位符是一个很重要的存在。尤其是在网页设计项目当中，需要图片素材填充特定的位置来呈现当前设计的效果，但是还没有足够的内容，这个时候，占位符的重要性就体现出来了。图片占位符所提供的素材，让页面看起来「就应该是这个样子」。 绝大多数的设计师，都会竭尽全力让项目中自己上下游的同事、客户和其他的非视觉相关的利益相关者，看到产品最终应有的样子，由于流程本身的问题，尚且不存在的内容，就需要图片…

这一部分主要是针对设计团队中库管理者或设计系统维护者，介绍一些库组件命名建议、组件管理、样式管理和库文件管理方面的信息，读者只需要有这方法管理经验，不需要一些编程开发的经验。 一、组件命名建议 1. 组件命名 库文件会分发给团队内部设计师，甚至是外部设计师，所以库组件的分组结构需要尽量清晰。组件名称使用 「/」 符号分组，建议分组在 1 - 4 之间，「/」 前后加入一个空格，名称使用 Title…

据爱范儿报道，Adobe 为了「增加在数字时代里的信任和真实性」，决定要做个 AI 来帮你甄别图片是否被修过。目前，Adobe 的 AI 可辨别三种被处理过的图片类型：拼接图片（将不同图像的两部分结合在一起）、克隆图片（图像内的对象被复制粘贴）和删除图片（图片中的对象被清除）。从前，这些是鉴证科做的事情，但 Adobe 可用 AI 做得更快。目前，这项技术仍处于研发状态，距离作为产品推出还需要一段…

为了在日益激烈的市场竞争中保持统治地位，Adobe 公司 宣布 Adobe XD CC（eXperience Design）将会作为免费应用，用来回馈用户和社区。 Adobe XD 是目前最全面、最可靠的 UX 设计应用之一，用户可以在 Mac 和 Windows 系统免费安装和使用它。Adobe 期望它能够成为 UX 设计师的首选工具。 有趣的地方在于，Adobe 的高层领导如今公开地将 XD …

一、为什么做「他山石」？ 自界面设计诞生的20年间，设计还原度不高的问题一直困扰着设计师们。设计稿高大上，还原出来却面目全非。解决界面还原问题一直是不断考验设计师和开发们眼力和耐心的过程。终于我们的设计师使出洪荒之力，亲自操刀设计了「他山石」APP 来解决这个问题。 二、什么是「他山石」？ 「他山石」是一款 Android 端的视觉还原走查工具，可以通过以下视频了解基本功能。 视频链接：https…

随着 Apple、Google 等科技企业一年一度的开发者大会的到来，这些企业旗下产品相关的新资源也随之放出，比如 Apple 的新的开源数据库，以及 Google 新推出的移动端手机测速应用。此外，GitHub 等平台还推出了面对新手的 Git 使用课程，也是素质相当过硬的课程。在今天的前端干货大合集当中，我们会推荐一些正在兴起的新工具，接下来，我们一一介绍。 VuePress VuePress…

徐小马：很多中后台项目的界面设计涉及大量的表格，每份终稿的输出，都要经历反复的调整间距、边距、对齐，Sketch 自带的排版功能已经远远不够用了。所以推荐给大家一个自动排版的插件：Paddy，合理的使用会提升设计师的时薪。 一、阅读准备和核心流程 插件官网：GitHub - Paddy 相关下载：插件 | 演示文档 掌握三个核心功能即可快速上手，笔者在这里以一张简单表格的制作为例子。 第一步：设置…

如何将想法和工具结合起来，让自己的工作效率翻倍，这篇文章为你答疑解惑。 工欲善其事必先利其器，在日常工作中，怎么样提高自己及团队的工作效率应该是很多设计师和团队在思考的问题。Sketch 作为 UI 设计师的必备工具，我们已经相当熟悉，如何结合 Sketch 来提高自己以及团队的工作效率呢？我从下图所示的几个方面结合自己的经验做个简单分享。 一、Symbol 1. Symbol 介绍 Symbol…

自从 Sketch 推出以来，就逐渐取代 Photoshop 成为了 UI 设计领域最受人追捧的设计工具，其中的原因除了之前我们介绍的 Symbols、组件库以及细化的功能体验之外，还有个非常重要的因素，那就是 Sketch 的插件社区非常活跃，时不时都会出现一些杀手级的插件，从而帮助你大幅度提升设计效率。在这里，笔者就以自己的使用经验，推荐几款相当好用的插件，希望对大家有所帮助。 1. Sket…

@Simon_阿文 ：这篇文章一口气为大家带来10个有毒的设计神器 ，毒性有多强？包你上瘾！ 以下神器都是在线工具，无需下载。由于担心大家过目就忘，本人亲身试毒，制作了超多案例，希望能给大家一些帮助。 一、双色图片生成器 开发团队：ShapeFactory 工具地址：duotone.shapefactory.co Duotone，中文是双色调的意思，一种欧美杂志惯用的设计风格。顾名思义，这个神器能…

@短腿僵尸木：从2016年开始，​双色调（Duotone） 设计就一天比一天流行， 这种风格的设计看起来非常惊艳，充满活力还十分时髦。 前几天美丫姐在 PS/AI 先森教程系列中，介绍了12种渐变的基本绘制手法，其中就包括 Duotone 风格的剪影渐变： 虽说制作起来并不算难，但也是稍费时间的。而今天神器小分队推荐的神器，就是主打 Duotone 风图片素材的网站！ 不仅如此，这个网站还有其他非…

徐小马：随着 Sketch 在版本49中增加了 Prototyping 功能，试图给 Sketch 安装「原型」义肢的插件也越来越多。前几天发现一款有意思的插件 Diya，安装后的 Sketch 神似 Principle。插件的 slogan 是「Bring your ideas to life」，为你的设计画龙点睛。 一、阅读准备和核心流程 插件官网：Diya - Timeline animat…

你是不是喜欢尝鲜的设计师？如果是，那就太好了！这个月的干货大合集对你而言绝对是难得一见的福利大礼包，大把的新工具新资源，让你好好享受一把发现的乐趣。 FirstSiteGuide FirstSiteGuide 是一个资源、教程和工具的大合集，它可以在你获得第一个网站之后，进行有效的引导，提供有用的资源和工具帮你测试、优化。 There There 是一个远程的团队协作效率工具。它会记录全世界各地不…

上篇文章《设计师装备指南之 iMac 电脑全方位科普篇》介绍了设计师为什么首选电脑是 Mac？怎么选择 iMac 一体机？这篇来看一下 MacBook 的选购推荐。 先说一下设计师到底适不适合用 MacBook 来做设计？ 只要选择硬件配置合适的 MacBook，运行常见的设计软件，比如 PS、AI、Sketch、C4D、甚至 MAYA 简单建个模都是没有问题的，但是由于 MacBook 的屏幕实…

设计师除了所需要具备一些专业技能软实力以外，装备硬件也是必需品，但大多数设计师也许对这个有些云里雾里。本人是 UI设计师老炮一枚，作为一个成功打入设计师圈的专业修电脑的理工男，自然本职专业不能抛弃。从今天开始，我就聊聊有关于设计硬件的那点事，这其中就包含了电脑、绘图板、鼠标键盘、周边外设、家居电器等等一系列的推荐。 什么样的电脑最适合设计师？毫无疑问首选一定是苹果Mac 系列。有人一定会问为什么？…

@可乐橙_ColaChan ：这次要介绍的是一款大有来头的知识协同工具——语雀，出自蚂蚁设计团队，可以用于设计项目的管理与资料沉淀。由于有些便利条件，我所在的团队早早就用上了，对它再熟悉不过了。语雀向公众开放有段时间了，之前的版本主要是文档的协同，这次的更新放出了真正让设计师如虎添翼的功能。 先讲个故事，不知道大家在与开发同学的协作时，是怎么交付设计资料的？会用什么样的设计管理工具？ 简单粗暴的团…

@亚赛大人 ：继4个月前上新了一款发射器 Particles Emission 之后，本店研发了新一款发射器——Stars-Emmision。 这个神器叫万箭齐发毫发无伤背景生成器，其气质可应用于冷酷的科技类以及抽象类背景图。 △ PPT大佬@Simon_阿文的打卡 动效原理来自 processing 大牛 shiffman 的一个 starfired 的教程。 本店主只是做了微小的改进，用 p5…

Sketch49 交互原型新功能，对于 UI 设计师们来说是不是新福利呢？我们一起看看！ 看到2月28日 Sketch49 新版本发布的消息，打开了官网看到了最新的版本更新视频，确实还是挺激动的。UIBANG 来和大家一起看看 Sketch49 的版本更新了哪些新功能吧。 一、交互原型功能 画板（ Artboards ）和热区（ Hotspot ）链接实现页面间的跳转，实现动态交互原型（类似交互软…

徐小马：在互联网产品的设计工作中，无论是参考、拼稿还是搭建中低保真原型，设计师时时刻刻都会用到图标，然而，如果不对不断收集或制作的图标加以管理，那么在查找使用的时候会非常低效。为了解决这个问题，笔者给大家推荐一款图标管理工具 Nucleo。 使用 Nucleo 里的图标 Nucleo 中最大的图标资源是由其团队自己设计的，超过23000个图标，主题丰富，比如体育、节日、旗帜等。在视觉上分为三种样式…

作为设计师，设计文件的共享和同步一直令我头疼。程序员有 GitHub 和 SourceTree，而设计师只能依靠 U 盘、Dropbox 或者百度网盘共享设计文件。自己一个人用 Dropbox 还好，如果和设计团队一起使用，免不了发现文件夹里躺着几百个冲突的副本。 但最令人头疼的还是文件管理。如果你也对图层命名有洁癖，你恐怕也会关心如何把项目文件夹整理得井井有条。曾经看到某家设计公司介绍严谨的文件…

在专业设计领域，协同合作是创造优秀设计，成功完成设计项目的关键性因素。团队内部如果缺乏互动，怎会对项目产生负面的影响。为了确保设计师、开发者以及利益相关者都能够清晰高效地完成协同，需要有可靠的工具确保所有人进度一致，可以自然而顺畅地交接工作，沟通细节。 每天的碰头会，定期的项目讨论，进度报告等，都是日常协同中常见的活动。在今天，多人、多团队甚至多企业之间的协同是很常见的情况，想要每天所有人都实时在…

@阿随向前冲 ：最近Adobe对旗下多款软件推送了一波小更新，其中就包括修图界永恒的一哥「PS」。据官网介绍，这波更新主要有以下四个方面： 选择对象。 改进了对高分辨率显示器的支持。 「选择并蒙版」改进。 更好的与微软Dial集成。 △ 四个更新功能详情 在这四个功能里，其实最主要的、也最值得关注的就是「选择对象」，从功能的字面意思也能猜到这是「抠图」、选择选区方面的功能。实际上，在更新软件后，这…

@汉仪字库 ：今天，人工智能将字体带入了一个新的世界！汉仪字库联手阿里巴巴打造的第一款AI字体产品阿里汉仪智能黑体（Beta版）正式上线！ 科技，让设计回归创意 人工智能持续升温，我们能为行业做哪些贡献呢？ 人工智能踏足字体设计领域，将帮助设计师解决大量重复性工作的问题，提升效率，让设计回归创意，创造出更多的社会价值。这套字体的beta版本已正式上线并提供给阿里巴巴平台用户使用，最终字符集为676…