UE Design | 文创设计<Design>为我们开发者做的设计</Design>-京东云开发者社区

新的文创设计在逐渐与大家见面，也收到了部分伙伴的褒奖，那我们先了解下上一届文创设计思路吧

你印象中的开发者是什么样的？格子衫？黑书包？左边放雨伞右边放水杯？或者象征着智慧的发际线飘摇不定？那今天来聊聊京东智联云的开发者吧～

![](//img1.jcloudcs.com/developer.jdcloud.com/dd539ac9-679c-4f96-8f4e-5e11db53404420210111154402.png)

京东智联云开发者社区是为云计算相关行业领域开发者提供分享交流的平台，去年十月中下旬，我们联合开发者社区启动了文化周边创作的步伐，着手眼下即用的物品开始一点点塑造开发者社区的样子。

![](//img1.jcloudcs.com/developer.jdcloud.com/c1c6519f-e2da-4b04-9580-b3e6558a9e7920210111154431.png)

由于上半年停工，给大家分享周边也就到了现在～马上来看看吧…

## 别人家的样子

我们先看看“别人家”的开发者是什么样子？

Google Developer的文创产品延续Google品牌基调，扁平插画赋予红黄蓝绿四个品牌色平铺图形图案进行装饰设计。

![](//img1.jcloudcs.com/developer.jdcloud.com/65d474f9-7b5e-43fa-9d7c-bb216176ba7920210111154522.png)
<center>Google T恤</center>

Oracle的最新品牌则是运用小元素肌理的扁平插画进行设计展示。圆形、线条、点元素运用在山脉等插画当中丰富画面。

![](//img1.jcloudcs.com/developer.jdcloud.com/8516699b-dbb9-4402-a73b-73f6a0fc087b20210111154637.png)

<center>Oracle VI元素运用</center>

只看相关的是不够的，那么NASA又是怎样的状态？NASA主要运用logo图形以及其他余杭相关元素，运用不同的工艺设计而成，比如刺绣等

![](//img1.jcloudcs.com/developer.jdcloud.com/9cef8907-b55a-4f07-b578-827fdc9e5eaa20210111154713.png)
<center>NASA T恤</center>

综上，我们找出了以下特点：肌理插画、扁平插画表现、品牌色

![](//img1.jcloudcs.com/developer.jdcloud.com/6012fe74-6b72-4cb0-a82f-fa6b7c861bb620210111155537.png)

## 我们的样子

了解了相关品牌文创特点之后，设计组共同探讨属于我们的品牌文创应该具备哪些特点。结合智联云品牌色以及开发者社区特征，通过列举关键字，勾勒出我们的基础特征：潮流插画、品牌色、科技感、开发者。

![](//img1.jcloudcs.com/developer.jdcloud.com/c598ed47-fee2-40e9-93e0-5de6fdf2028c20210111155607.png)

前期设计稿的多方向尝试用来统一设计师与开发者社区心里的开发者文创形象，找到大家心目中统一的文创风格表现，针对后续的相关文创产品更顺利的推进设计。

![](//img1.jcloudcs.com/developer.jdcloud.com/2a1c34a3-80a8-4308-90de-b21b0ebac9bd20210111155621.png)
<center>T恤方案</center>

最终，我们找到了大家都喜欢的风格设计，肌理插画表现结合线的装饰，在品牌色系当中提炼出适合文创传播的色彩。这将会是我们想要的，属于京东智联云的开发者社区的样子！

## 最终呈现

### T恤

T恤分为基础款和日常款。在设计过程中设计师小姐姐通过将BDS文字设计成微立体效果，装饰开发者相关的设计元素，增强画面丰富感，用色彩的比重来区分男女款。男款插图蓝色偏多，女款插图粉色偏多，基础款则是简单的logo文本排版。

![](//img1.jcloudcs.com/developer.jdcloud.com/786f8457-0664-416c-9aea-07b867ffdc9d20210111155805.png)
<center>基础款设计图</center>

![](//img1.jcloudcs.com/developer.jdcloud.com/5a9519be-178e-44cd-81c8-c1aa7dc6bfbf20210111155849.jpg)
<center>基础款成品</center>

![](//img1.jcloudcs.com/developer.jdcloud.com/1290e01a-f862-46b6-939c-736891d3597420210111155907.png)
![](//img1.jcloudcs.com/developer.jdcloud.com/b5fc5aa5-d0a2-46e0-81d0-3cc0ea3a024520210111155917.png)
<center>日常款设计图</center>

![](//img1.jcloudcs.com/developer.jdcloud.com/5c1ff581-ddb6-424f-91ad-0160e0810a5520210111155950.jpg)
<center>日常款成品</center>

### 徽章

在开发者群体的调研基础上，针对开发者“码农”等形象进行脑暴，我们找到以下几个关键字：键盘、快捷键、“码农”、“程序猿”、代码星球等进行针对设计。

![](//img1.jcloudcs.com/developer.jdcloud.com/cd3508f6-c871-428a-86e9-08706c4f909820210111160024.png)

**开发者社区徽章：**设计小哥哥采用稳固的三角形为基础形状，体现开发者们日夜工作力保产品稳定的特征，将“京东云开发者社区”关键文字，结合科技、赛博朋克风装饰性元素进行展现，突出信息的清晰度。添加代表不辞辛苦的螺纹等纹样进行点缀装饰，增加整体的层次感和空间感。

![](//img1.jcloudcs.com/developer.jdcloud.com/daccb18d-774f-4c9c-b852-23afa72a65e420210111160105.png)
![](//img1.jcloudcs.com/developer.jdcloud.com/35671018-518c-491e-a090-c5ff9fce158c20210111160115.jpeg)

**爱码仕徽章：**爱码仕徽章具有两枚，是两个小姐姐设计的，CP徽章就此诞生。

徽章1号小姐姐在设计中，将开发者武器“键盘”与星球相结合，键盘是开发者“耐以生存的家园”，针对“爱码仕”进行字体设计，突出机械科技感。运用文创主题色彩红蓝分别装饰成星球亮暗面，增强徽章立体感。

![](//img1.jcloudcs.com/developer.jdcloud.com/9c5e7010-42b4-4243-b87a-e02a4131b51420210111160159.png)
![](//img1.jcloudcs.com/developer.jdcloud.com/4ead4ce7-19cf-46de-93ee-d6bab01b88c820210111160211.jpeg)

徽章2号在设计过程中，则主要体现代码星球中，开发者得心应手的快捷键。跟1号相反的是，运用深蓝色为主要颜色，无形之中也形成了两枚“CP”徽章。

![](//img1.jcloudcs.com/developer.jdcloud.com/626b353e-698c-4ca9-a095-e170cdd6d59520210111160227.png)
![](//img1.jcloudcs.com/developer.jdcloud.com/52cae2e7-c014-44b3-ab76-dbf0d15711dc20210111160245.jpeg)

### 办公用品

文具类目主要是笔记本、签字笔的相关设计，这是设计小哥哥和小姐姐的共同创作成果。针对笔记本，将肌理元素比如开发者符号</>、品牌云元素等以拼贴的方式，运用文创主题色进行装饰平铺。相比较日常办公笔记本贴logo、slogan的形式，开发者社区文创笔记本，体现品牌以及开发者同时，更具设计美感。内部纸张考虑到办公用途的不同，也具有空白页、网格纸、点阵纸等。而在签字笔则走的简洁风，磨砂质感的笔身会更具手感，而文创体现则主要是主题色装饰，以及logo信息的体现。

![](//img1.jcloudcs.com/developer.jdcloud.com/e76e31ea-83af-49ee-9c66-96ded3d63ef320210111160318.png)
<center>笔记本</center>
![](//img1.jcloudcs.com/developer.jdcloud.com/8bd52f6c-0fbf-4069-905d-e9322e04b7b120210111160329.png)
<center>签字笔</center>
![](//img1.jcloudcs.com/developer.jdcloud.com/7778f519-c2bb-4df7-8a01-9805f21904da20210111160339.png)
<center>开发者社区礼盒</center>

### 贴纸

考虑到贴纸的使用范围：桌面、笔记本、电脑、手机等位置，我们从开发者工作生活场景提炼灵感，增强趣味性，让大家喜欢贴，也愿意贴。

结合整体文创的设计插画风格，我们设计出诸多款贴纸供大家选择。比如：如果产品说需求更改了，工作氛围的和睦是需要大家的维护，因此我们内心的风平浪静需要“一块板砖”，一块不要动我代码的板砖。比如热爱工作的开发者们，并没有更多的时间来消遣，我们需要激励。那么此刻看一看“梦想程序”更有力量努力。诸如此类，我们是不是都需要这一张懂我的贴纸呢～

![](//img1.jcloudcs.com/developer.jdcloud.com/84bf4216-7bb5-4a99-866a-89eeb6e5196c20210111160658.png)
<center>贴纸设计图</center>

## 金码奖牌

在考虑到金码奖奖牌的设计当中，区别日常奖牌的表现，采用具有科技感的多边形作为基础形。将奖项名称——2019Gold Code Award进行字体设计，非衬线的笔画更能体现开发者的稳重。而信息科技的数据点线作为装饰镶嵌在周围，让画面更加饱满。徽章的背面则是京东云开发者社区的logo以及辅助图形。奖牌的挂带采用品牌渐变色结合装饰纹样展现，色彩鲜艳且符合品牌。

![](//img1.jcloudcs.com/developer.jdcloud.com/9d194b85-f2b5-4ca1-a61d-8cf09dd0373520210111160743.png)
<center>奖牌设计图</center>
![](//img1.jcloudcs.com/developer.jdcloud.com/213f40ab-789c-4fc4-9f2d-87f3d50f5c6a20210111160819.png)
<center>奖牌成品图</center>

## 写在最后

以上便是开发者社区初步阶段的相关产品设计，感谢此次出脑力出体力的所有小伙伴。每一个让大家喜欢的文创产品的诞生，都离不开设计师们的创造力和社区同学们的集思广益。
![](//img1.jcloudcs.com/developer.jdcloud.com/ab4ed3f3-3186-4f2a-a9f8-20b9c848325d20210111161416.png)
接下来的日子，京东智联云设计团队联合开发者社区将会出品更多不一样的开发者文创产品。遵循旧历，我们需要闪（di）亮（diao）出场～
![](//img1.jcloudcs.com/developer.jdcloud.com/c30598df-4321-48ce-ab2e-f09c557d838920210111161431.png)
关注JDTD，我们一起分享我们一起努力，做有意思的事情，在设计路上越走越好吧～

![](//img1.jcloudcs.com/developer.jdcloud.com/ce93c4b7-55ba-4e34-a7ba-749982abdb1120210111161446.png)
![](//img1.jcloudcs.com/developer.jdcloud.com/a1c49a50-34a5-40a2-828c-688978e605ba20210111161458.png)