猪年来福,Google AI 实验室为那些还没有「配齐」的小伙伴们做了一点微小的贡献。这一次,团队再次融合中国手影游戏和皮影元素,让80、90后朋友们重温孩童时代的稚趣盎然。这便是 Shadow Art AI Experiment ——一款手影 AI 小游戏,定档除夕首发上线。
Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头
消灭手残党
Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头
Shadow Art 的操作流程看上去并不复杂。体验者通过浏览器进入应用,按照提示选择生肖。当然,用户也可以不选择自己的生肖,倘若你恰好不知道爱慕的异性或要好朋友的属相,又惨到不会背诵十二属相口诀,那 Google Shadow Art 可以帮到你。在右侧的时间轴,你只需选择选择年份,系统会自动判定对应的生肖。
选择在 2019 年新春之际推出这款全新的 AI 互动体验,Google 的诚意可见一斑。这不是 Google 第一次专门为中国农历新年造势,每逢农历春节,Google 都会在首页更新 Doodle。如果这是常规输出,那么 Shadow Art 的推出,多少可以从侧面说明国外对中国文化的敬仰程度正在不断加深。
Shadow Art 的原型要追溯到去年一款名为「ShadowPlay Puppetry」的应用,它在 2018 年的谷歌中国开发者大会完成了全球首秀。ShadowPlay Puppetry 以「AI 唤活十二生肖」的应用,用意十分明确,那就是助力中国传统民间艺术「皮影戏」发扬光大,并向这项「绝技」致以敬意。
Google 用科技为老中青三代人还原了一场皮影戏。体验者只需在装置前用手势模拟生肖和人物,就能识别和生成出对应的皮影形象,投射到屏幕上并辅以相应配乐,只需几个简单的手势,AI 就能完成一段皮影戏的精彩演绎。
而 Shadow Art 可以被视为 ShadowPlay Puppetry 的衍生版。游戏的目标不是用 AI 完成皮影戏,而是尽快解锁十二生肖,获得专属的生肖卡。与 Google 以往的 AI Experiments 一样,这款互动体验依旧以浏览器为平台,再次用充满趣味的方式为大家展现 AI 的魅力。
Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头
早在 2016 年,Google Doodle 与 AI 结合,推出了猜谜游戏「快速涂鸦」(Quick, Draw!)。「快速涂鸦」隶属于 Google AI 实验室,它能够对用户所绘制的图像进行实时辨识,是「猜画小歌」小程序的前身,后者培养出的「灵魂画家」不计其数。
公开资料显示,Google 从 2011 年起,就开始选择与全球超过 1700 家文化机构牵手,尽可能利用自身的 AI 技术,向人们展示全世界的多元文化和艺术魅力。这些非赢利性质的项目被 Google 统称为 AI Experiments。其中,非常受大家喜爱的猜画小歌和 Google 翻译等应用都是 AI 趣味性和实用性的最佳代表。
附:Shadow Art 制作人 Elaine Zhu 关于此项目的 自述
Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头
Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头
Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头
Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头Google 今年的拜年项目,需要你具备灵活的手指,和干净的摄像头
In this tutorial, we will deploy a simple Node.js application that displays the responses from two separate APIs. First the application’s source code is pushed to Azure DevOps using Git. The CI & CD pipelines are setup inside Azure DevOps. The application is eventually deployed to Microsoft Azure App Services.
The following is assumed:
You have node.js & git installed on your computer
You have an Azure DevOps account. Otherwise, create one at http://dev.azure.com .
You have a Microsoft Azure account.
Preparation
Clone a sample application from GitHub with the following terminal command:
Create a new project in Azure DevOps . I created one called Toons .
Click on Repos on the left-side menu. Copy the URL under “ Clone your computer ” into the clipboard.
Go into a terminal window at the root of your application and execute the following Git commands:
git init
git add .
git commit -m "First commit"
git remote add azdev {paste the git URL here}
git push azdev master
Upon refreshing the Azure DevOps page in your browser, you should see your source code.
Deploying Node Express app to Azure through Azure DevOps
Build
Let us create a build. Click on Pipeline >> Build on the left side in Azure DevOps . Click on “ New pipeline ” in the middle of the page:
Deploying Node Express app to Azure through Azure DevOps
On the next page, choose “ Azure Repos Git ” then click on Continue .
Deploying Node Express app to Azure through Azure DevOps
Select the “ Node.js With Gulp ” template.
Deploying Node Express app to Azure through Azure DevOps
This creates for you these set of tasks:
Deploying Node Express app to Azure through Azure DevOps
We want to enable “Continuous Integration” so that whenever new code is pushed into the Git repo it automatically triggers a build. To do this, click on Triggers at the top. Check the “ Enable continuous integration ” checkbox.
Deploying Node Express app to Azure through Azure DevOps
To start the build, click on “ Save & queue ” >> “ Save & Queue ”. Ignore all the other input fields and click the “ Save & queue ” button on the next page.
Deploying Node Express app to Azure through Azure DevOps
You can see build progress by clicking on the build # on the top.
Deploying Node Express app to Azure through Azure DevOps
If things go well, all tasks will complete successfully.
Deploying Node Express app to Azure through Azure DevOps
The next step is to create a web app in Azure. In your browser, go to http://portal.azure.com and create a web app. Click on App Services on the left-side, then click on the “ Add button ”.
Deploying Node Express app to Azure through Azure DevOps
From the available templates, choose “ Node JS Empty Web App ”.
Deploying Node Express app to Azure through Azure DevOps
Click Create to go the next page.
You will be asked for a unique host name. Accept the other defaults then click on the blue Create button. It will take about 2 minutes to provision your website. Once the website has been provisioned, return to Azure DevOps in your browser.
Release
The next step is to create a release in Azure DevOps. Click on Pipelines >> Releases on the left side. Click on the blue “ New pipeline ” button in the middle of the page.
Deploying Node Express app to Azure through Azure DevOps
On the next page, choose the “ Deploy a Node.js app to Azure App Service ” template, then click on the blue Apply button.
Deploying Node Express app to Azure through Azure DevOps
In the left-side box, click on “Add an artifact”. A dialog pops up on the right-side. From the Source drop-down-list, choose a build then click on the blue Add button.
Deploying Node Express app to Azure through Azure DevOps
Let us add continuous deployment. Click on the thunderbolt symbol in the top-right of the first box.
Deploying Node Express app to Azure through Azure DevOps
Enable the “ Continuous development trigger ”.
Deploying Node Express app to Azure through Azure DevOps
Next, we need to setup the connection between DevOps and Azure. Click on “ 1 job, 1 task ” in the second box.
Deploying Node Express app to Azure through Azure DevOps
Select the correct subscription under Azure subscription. While authorizing you may need to allow popups in your browser from the Azure site.
Under “ App service name ” select the web app that you created in Azure.
Deploying Node Express app to Azure through Azure DevOps
Once all these configurations are OK, click on the Save button on the top. After the release definition is saved, the Release button lights up. Click on “ Release ” >> “ Create a Release ”.
Choose a Stage and build artifact then click on Create .
Deploying Node Express app to Azure through Azure DevOps
Click on the release link on the top.
Deploying Node Express app to Azure through Azure DevOps
On the next page, click on the second “ Stage 1 ” box.
Deploying Node Express app to Azure through Azure DevOps
Click Deploy on the following page.
Deploying Node Express app to Azure through Azure DevOps
On the dialog that pops up on the right-side, click on the blue Deploy button.
Deploying Node Express app to Azure through Azure DevOps
You should see progress of the release process. Copying of the contents of node_modules takes the longest time.
Deploying Node Express app to Azure through Azure DevOps
Once it completes successfully, you can request the web app in your browser.
Deploying Node Express app to Azure through Azure DevOps
<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd"><!--mapper为根元素,namespace指定了命名空间--><!--在使用mapper代理的方式中,namespace的值应该是mapper接口的路径--><mapper namespace="cn.mybatis.mapper.UserMapper"><select id="findUserById" parameterType="int" resultType="cn.mybatis.po.User">
SELECT * FROM t_user WHERE id = #{id}
</select><delete id="deleteUser" parameterType="java.lang.Integer">
DELETE FROM t_user WHERE id = #{value}
</delete></mapper>
Its mouthwatering culinary options, mesmerizing flamenco dancers, andcrazy festivalsare just some of the wonderfully exciting things Spanish culture has to offer.
Its eclectic design world is no different. Offering a broad range of styles, techniques, and approaches, it is one of the most exciting design landscapes I’ve had the chance to dive into in quite some time.
Below we’ve compiled five of Spanish design’s most prominent characteristics and six designers and studios that exemplify them to share with you. Hopefully they’ll prompt you to dive in deeper into the region’s exciting design world!
01. Heavy use of red
Javier Ties Identity Design by Lo Siento
London 12 Type Postcards by Astrid Stavro Studio
They say if you can’t make it big, make it red. This rings especially true in the world of Spanish design. A variety of different design pieces from a number of studios and designs of the region all make heavy use of the eye-catching color.
The use of red in Spanish design doesn’t follow a set of rules. It is ever changing and applied in many different ways. It can be an accent or the driving force behind a piece.
Consider the examples above. In both theLondon 12 Typefacepostcard series and theJavier Tiesidentity system, the color red is used as a prominent design element, serving as both a background and a unifier across the series.
Both cases use the color red boldly and pull it off wonderfully. However, it might not always be the best way to go. To dive a bit deeper into the pros and cons of using red and when you might want to steer clear of it, checkthis great articleout.
It’s not certain whether the heavy use of red in Spanish design is derived entirely from the color’s popularity within Spanish culture. But flamenco dresses,La Tomatina, and even the Country’s very own flag all seem to suggest that red runs in the Spanish designers’ blood!
Want to give red a shot? Dive right in. Just remember, it is an extremely dominant color and will quickly garner a viewer’s attention. Be sure to keep this in mind and use it to your advantage to create a focal point.
Be bold and use red in your design, just like here with the Red Illustrated Floral Art Fundraiser Flyer template and the Red and Cream Illustration Sale Retail Flyer template.
Graphic design from around the world: Spanish design
Use this template
Graphic design from around the world: Spanish design
Use this template
02. Texture as a design element
Estones de Mishima by Folch
Estones de Mishima by Folch
As I browsed through a number of lovely design pieces from the region, I noticed texture was commonly used as a design element .
These awesome textures, however, weren’t just loaded from the library of pre-packaged textures from the software we use to design. They were created from scratch, adding a bespoke vibe to them.
In many cases, these custom textures were created using meaningful materials and elements. Takethis piece, for example. Handsome, textured letterforms were created using rice: an ingredient crucial in the making of the dishes the restaurant being branded offers.
Textures can do a myriad of things for your work. You can use them to create a certain “feel,” create visual interest or to convey specific messages.
To learn more about the many uses of textures in design in detail and how you can apply them, pop over toVeronika Theodor’s articleon the role of textures in contemporary design.
Dig into your projects and find meaningful ingredients, items, or imagery that could give way to an exciting custom texture. Struggling to find something like it? Break out a box of crayons or a paint roller and some ink. Going analog might just yield the best results.
A close shot of textured items, like cloth, can make interesting backgrounds. Check out these designs that have them: Brown Paper Texture Background Beer Label and Colorful Modern Texture Cinco de Mayo Facebook Post .
Graphic design from around the world: Spanish design
Use this template
Graphic design from around the world: Spanish design
Use this template
03. Bold type
The Washington Post by Lo Siento
Pull and Bear Press Kit by Ana Mirats
Bold type—but not weight wise. Many pieces of Spanish design are type-centric, placing type front and center. It isn’t uncommon to find covers, books, and posters featuring expressive type or branding projects with masterfully set characters.
Type-centric pieces can help you produce work that communicates easily. Focusing on type and setting it in the right hierarchy can help you produce work that lets viewers access information easily.
Messages set in large beautiful type are also a way to quickly transmit information—they also ensure the message doesn’t fly past a viewer’s eye. It’s pretty hard to miss type that is 100 pt+, right?
A number of pieces combine texture with type—as seen inThe Washington Post by Lo Sientowe showcased above—to bring about interesting alternatives to the traditional clean san-serifs types abundant in today’s design world. And not only are textures decorative, but they are also expressive and great ways to create the right “feel.”
They say typography is one of the toughest fields in design to master. Don’t let this intimidate you if you are keen to make your next design endeavor type-centric. Just be sure to observe the fundamentals: kerning, tracking, and leading.
Let the kind of font you use speak volumes and attract attention, like Orange Photo Job Vacancy Announcement and Yellow White Job Post / Vacancy / Announcement Flyer templates.
Graphic design from around the world: Spanish design
Use this template
Graphic design from around the world: Spanish design
Use this template
04. Bright color palettes
Identity for Octavio Barrera by Jorge Leon
Branding for Firmamento by Jorge Leon
In my last post,Graphic Design From Around the World: Scandinavian Design, I explored the different characteristics that make Scandinavian design so darn good. Among them was the use of muted, earthy color palettes inspired by the great Scandinavian outdoors.
Spanish design steers clear of shy shades of blue and tan and dives right into vibrant palettes made up of a variety of hues.
A myriad of posters, book covers, and identity systems from design studios and designers in Spain feature vibrant palettes that drive their design. Just like with the usage of red, how lively palettes are used doesn’t follow a pattern.
They may employ a complementary, analogous, or a triad color palette—the unifying thread in them, however, is the vibrancy of the hues that make them up.
Bright colors will sometimes be used as accents, just like Jorge Leon did forFirmamentoabove. In other cases, you’ll find that colors are used as the leading design element.
If you want to give a complex palette with numerous colors a shot but aren’t sure about how to achieve harmony, equalize the saturation and brightness of each hue you select. This is an easy way to make sure your colors play well with each other .
Don’t be afraid to play with colors, just like with the Orange Blue Collage International Friendship Day Instagram Post template and Bright Funky Boxes Sale Retail Store Instagram Post template.
Graphic design from around the world: Spanish design
Use this template
Graphic design from around the world: Spanish design
Use this template
05. Beautiful patterns
Bacon or Die Skateboard by Querida
La Cerdanya Branding by Firma
Creative patterns deck the faces of many design pieces coming out of the Spanish region.
Sometimes they are quirky, as seen on theBacon or Die Skateboardfeatured above. At other times they are modern, built with meaningful elements that make up a brand system, as seen in theLa Cerdanyabranding above.
In both pieces featured above, patterns are an integral part of the work.
The sizzling bacon slices on Querida’s skateboard pattern deck the bottom of the skateboard—prime real estate on these fun four-wheelers—granting dynamism and movement to the otherwise static black and white design.
In La Cerdanya’s example, the back of the paper stationery set for the stockbreeders features a pattern. Whenever official mail goes out, the receiving end will likely be greeted by the pattern as soon as he/she pops the envelope open, giving the pattern a primary role in the experience design around the brand.
Patterns don’t always have to reign supreme. You can opt to use them as secondary design elements. Try lining the interior of a packaging set with them or as the interior of a table book.
And if you’ve decided to create a pattern, keep in mind that patterns don’t always have to be perfectly symmetrical or have to repeat in exactly the same ways.
Adding a bit of chaos to them can actually make them more interesting. Build your patterns using random placement or allow for subtle inconsistencies.
Patterns can be a centerpiece of your design or a subtle element in the background. Check out Light Brown Illustration Food Poster and Le Soleil Paris .
Graphic design from around the world: Spanish design
Use this template
Graphic design from around the world: Spanish design
Use this template
Spanish designers
Since you’re likely eager to see more examples of how these design principles are applied in by designers and studios from all over the region, I’ve also gathered six of my favorite Spanish studios and designers.
I’ve pulled a few great shots and projects from each of the studio’s or designer’s portfolio. Each example showcases the characteristics we covered above and provides a bit of inspiration.
As much as I would have loved to, I couldn’t pull out all the awesome work each has to offer—so be sure to click over to check out everything else they have to offer. I promise it won’t disappoint!
01. Lo Siento
L’Arroseria by Lo Siento
Remember the handsome rice letterforms we covered above? They are part of the brandingLo Sientocreated for L’Arroseria. But it’s not the only project they knocked out of the park—they have produced dozens of excellent pieces across a variety of design disciplines that showcase why Spanish design is so darn good.
Among my favorite projects by Lo Siento is the identity system and packaging they created forComaxurros. The identity features a set of characters that turn into a driving design element for the brand. Their long limbs and expressive faces help add a playful vibe to the brand. And did I mention they’ve created an irresistible pattern with them?
02. Astrid Stavro Studio
Vegetables From an Italian Garden by Astrid Stavro Studio
Astrid Stavro Studio joined forces with Grafica to becomeDesign by Atlas. They have, of course, continued to produce outstanding work. While the Design by Atlas site isn’t entirely up and running, you can still click over for a full-screen slideshow that will let you check out what they’ve been up to.
From Astrid Stavro Studio I loveHabitatge/Cat, a catalog for an exhibition on housing in Catalunya. It features a combination of spreads designed with bold type, icons, and bright colors. Its got a contemporary vibe to it and is definitely worth checking out.
I am also fond of the work she has created for Backlist and their classic literature system. Using a unifying grid system,Stavrodesigned a set of book covers using shapes and a lovely serif face. Be sure to check them outhere.
03. Firma
Granell Identity by Firma
The Garnell Identity featured above by Firma is another excellent example of how vibrant colors are commonly used in Spanish design.
In this case, color is used to create a system that allows customers to differentiate between different products. The palette, however, is so beautifully balanced that it creates an overarching sense of unity among all of them, allowing them to feel like a family.
Firma worked withMiin Cosmeticsto develop an identity for them among other things. While it does not feature a plethora of vibrant colors or textures, is it beautiful and a refreshingly different solution to cosmetic branding.
Built with vectors, clean type, and a pretty pink, it definitely doesn’t feel like anything I’ve seen on the shelves of a beauty shop before.
04. Ana Mirats
Massimo Dutti Coffee Table Book by Ana Mirats
Ana Miratsfeatures a portfolio stacked with gorgeous editorial design and print. She has produced a variety of pieces for fashion houses like Massimo Dutti, Pull & Bear, and Zara. They range from posters to books to advertising material. If you are looking for print inspiration, be sure to check out some of her work.
While all of the work she has produced for said fashion houses is amazing, I am quite fond of the corporate identity she developed for Minis made up of letterforms that are also quirky characters. They add character and cute visuals to the brand—check it outhere.
05. Jorge Leon
Andbank Poster by Jorge Leon
Jorge Leonis another designer from the region who has worked for some of the studios we’ve featured here, like Folch and Firma. He has worked on and produced a variety of projects that include branding, books, posters, and ads among others. These all come together to create a diverse but masterful portfolio worth spending some time poking around in.
Be sure to click over to Jorge Leon’spersonal websiteto check out what he’s been up to lately. Personally, I really enjoyed seeing the identity he designed forAmigos Skate Shop. The entire identity is built using solely simple shapes and a bright palette featuring just two colors.Click overand make googly eyes at it with me.
06. Querida
Berlinist–The Winter Hexagon by Querida
Finally, I want to introduce you toQuerida.On this studio’s modern looking site you’ll find a number of projects with textures, bright colors, and lovely bold type. Above you’ll find the LP cover forBerlinist – The Winter Hexagon, an excellent example of how texture can be used in your work.
Querida is responsible for the design ofThe Box Social’s visual identity. It is extremely simple in the most beautiful way and features fresh illustrations. I love the grid system they’ve developed for the identity that helps tie all the elements together. Be sure to click over to check out how it plays out throughout it!
Over to you
And there you have it! A breakdown of some of the most common characteristics prominent in Spanish design and a few great designers and studios to keep an eye on. Check out their sites and add them to your social radar. They are likely to produce amazing work you can learn from and be inspired by!
Spanish design’s broad range of styles, techniques, and approaches are sure to flavor your designs with its unique vibrancy and dynamism if you give it a shot.
在 DDG v3014 及更早期版本中,第 1 步用到的 HUB IP List 都是内置在样本中。只是有以下小区别:
大部分版本的样本中, HUB IP List 是直接硬编码在样本中,可能是一个 Go 语言中 var hub_iplist []string 形式的变量。但更早版本是把这一份 IP 列表保存到了一个 hub_iplist.txt 文档中(如 v2011),这个 txt 文档被样本编译打包进二进制文档,样本执行过程中会从内存里提取这个文档并读取整个 HUB IP List 。我们把这一份 IP List 配置数据称为 HUB IP List ,原因就是早期版本中出现了这个 hub_iplist.txt 文档,以及样本内部把这些 List 中的 IP 称为 HUB ;
大部分版本中,样本与 HUB IP 连接过程,都是自己用 Go 语言实现的网络沟通信。极个别用到了辅助的第三方网络库来实现这个过程,并持续维护当前样本与 HUB IP 的心跳通信。比如最早我们发现 DDG 中这个过程由第三方 Stream Multiplexing 库 Smux 来实现。
据我们观察, HUB IP List 中的 IP,绝大部分是连接不成功的,只有少数几个(1-3 个)可以成功连接并通过 HTTP POST 请求来获取配置文档。并且,承载配置文档下载服务的 IP,通常也承载了恶意样本的下载服务。也就是说,木马作者把极少数真正的 CC 服务器隐藏在上百个 IP 的列表之中,只有依次连接才能确定哪个是真正的 CC 服务器,可谓 狡兔百窟 。最新版本的 2 个 CC 服务器如下:
为避免滥用,我们不会公布受害者 IP 列表。相关安全和执法机构,可以邮件联系netlab[at]360.cn获取被感染的IP地址列表。
7. IoC
CC IP:
104.236.156.211 14061|DigitalOcean, LLC United States|California|San Francisco
61.91.81.253 9287|TRUEINTERNET Co.,Ltd. Thailand
132.148.241.138 26496|GoDaddy.com, LLC United States|Arizona|Phoenix
45.77.166.74 20473|Choopa, LLC United States|Florida|Miami
117.141.5.87 9808|Guangdong Mobile Communication Co.Ltd. China|Guangxi|Nanning
104.248.181.42 14061|DigitalOcean, LLC United States|California|San Francisco
104.130.210.206:8000 19994|Rackspace_Hosting United States|Illinois|Chicago
59.2.77.151:8000 4766|Korea_Telecom Republic of Korea|Jeonbuk
104.130.210.206:8443 19994|Rackspace_Hosting United States|Illinois|Chicago