创意设计工厂

分类:设计 Page 1 of 4

透明毛玻璃效果图标设计

2020年已经过去一半了,今年我们经历了太多的艰难险阻,而现在终于能够基本恢复到往日的样子。2020年注定是不平凡的一年,是精彩的一年。今年,我也决定对网站 UI 和素材进行全面更新。下面给大家介绍几个子站点 Logo 的设计。

设计想法

在开始设计前,我在考虑用什么风格进行设计,最好是这几个图标风格统一,这样摆在一起就很好看。

首先,我考虑用当下流行的 Yoga Style 风格设计,但是子站点的 Logo 有的过于简单(比如 Terminal 终端的图标),用 Yoga Style 风格时,不能过多分区做阴影渐变(毕竟 Terminal 终端的样子就是个方框框…),所以放弃了 Yoga Style。

Yoga Style

最后,我决定使用了简洁的透明毛玻璃效果,并使用单一颜色,不会对主 Logo 造成视觉上的干扰,喧宾夺主。

设计完成

我的小小空间 Logo

新 Logo 采用青绿色毛玻璃设计,颜色很年轻,图案用 FaceID 的身份认证图标,认证的身份刚好就是我,与「我的小小空间」名称很契合。

建筑展示厅 Logo

「建筑展示厅」的 Logo 设计变化并不大,依旧采用了相机设计。由于相机的层级较多,所以毛玻璃效果会感觉更加的立体。正义颜色由亮绿色改为青绿色,更加年轻一些。

建筑创意屋 Logo

「建筑创意屋」的 Logo 设计变化也不大,只是将创意灵感灯泡的样子换成了透明毛玻璃效果。整体配色依然是橙色,依旧给人一种充满活力、充满灵感的感觉。灯泡玻璃由于采用了毛玻璃效果,发光的感觉更好了。感觉这是个进步的设计!

论文报刊亭 Logo

「论文报刊亭」的科技原子 Atom Logo,只是在原先的设计上毛玻璃效果化,使层级区分更明显了。感觉就像是中心质子、中子产生的强相互作用引起的变型模糊,感觉很酷炫。我觉得这个设计很赞!除此之外,原子颜色、轨道颜色并无改变。

代码工作室 Logo

2020年,「代码组织」正式合并到「图筑风暻」品牌下,从此所有子品牌都归于「图筑风暻」品牌之下,当然原先的代码 Logo 就必须要重新设计了。

新 Logo 以 终端 Terminal 为原型设计,采用毛玻璃效果透明化输入层,实现了一个超级简约的图标。配色采用 #333333 经典的程序员黑。

机器学习实验室 Logo

「机器学习实验室」的旧版 Logo 完全按照 “实验室” 中的元素 “试管” 进行设计。之后网站内容确定为 “机器学习” 的相关只是,那么新 Logo 就可以按照 “机器学习” 相关元素进行设计。

人工智能,英文缩写为 AI,拼音就是:ài=爱=❤️,很好,这样子设计就有头绪了。设计一个爱心,分两层,一层纯色(采用红色,废话心脏当然是红色),另一层采用毛玻璃效果。

最后,在爱心上增加了两个芯片焊接点的元素,更加能体现出智能化的感觉,我个人很喜欢这个设计!

创意设计工厂 Logo

「创意设计工厂」旧版 Logo 以工厂为原型,抽象设计了工业建筑的顶层厂房(因为工厂建筑一榀框架的平面图大都是三角形顶的),颜色采用红色系。而新版 Logo 依旧采用的三角形顶(只不过没这么明显),看上去像一个建筑房屋的样子,在透明毛玻璃上增加 F 为 工厂 Factory 的英文首字母(因为不加元素的化感觉光秃秃的)。

其他 Logo

最后,还有一些其他图标设计,这里就不过多介绍了,直接上图吧:

Adobe Color随时随地取色

Adobe Color 是一款 Adobe 开发的网页版取色工具,之前有 iOS / Android 版的 App,现在已经下架了,取而代之的是基于 Creative Cloud 的在线取色工具,以及 Capture CC App。取色能够很好的帮助设计师确定主题颜色。

使用 Adobe Color

直接访问 color.adobe.com 即可打开取色工具,上传图片或者拍照即可:

可以根据 Adobe Color 已设定主题,或者自定主题来调整整体色调,还可以查看比较热门的颜色搭配:

调整取色

以 macOS Mojave 的明、暗两张照片取色,确定白天、黑夜沙漠颜色主题:

Creative Cloud

如果你有 Adobe 账号,还可以将主题保存在云上,随时随地取用。

筑暻全新玻璃手机壳设计

经过了第一代和第二代设计的磨练,全新第三代筑暻玻璃手机壳设计制作完成啦,全新的手感,全新的设计,快来看看吧~

设计前言:

全新的玻璃手机壳,再设计的时候那肯定就要考虑到如何展现玻璃材质的效果,不能仅仅白纸作画那样的设计了。

玻璃可以反光,银白色的Macbook为什么比深空灰的Macbook拍摄效果要好看?因为银白色能够反射几乎所有的可见光,在不同灯光条件下,就能产生不同的视觉感觉,所以设计时选用白色或浅色为佳。

决定使用白色背景后,元素也必须简单、色彩明亮才行,这样的太阳光的色彩搭配效果才好看。

设计样图:

三角形、圆形、矩形、点以及简单线条构成了几何基本的元素,将这些元素按照一定的排列好之后,不断重复,然后找出一块中间区域相对较少元素的区域作为设计区域,进行 Logo 摆放。

底部放置简约的 “A” Logo,并配上一些设计及制造信息,作为设计元素放置于底部,提升美感。

实物照片:

此图片为阳光直照下的实际摆拍图片,曝光参数增大。可见,在阳光下,白色的底色玻璃反射出了微淡黄的镜像。

三代对比图:

筑暻三周年手机壳设计

2017年11月28日是图筑风暻站点创立的三周年纪念日,为此,我专门设计了全新的一款手机壳来庆祝三周年生日。

设计前言:

本次设计采用超级卡通风格,背景脱离以白色原色的背景,第一次尝试深色背景印制,效果如何?就往下看吧~

第二次手机 iPhone 7 手机壳,应该来说游刃有余了,有了第一次设计的误差尺寸,这一次的设计不足之处减少了很多。

设计样图:

本次设计沿用了第一代的部分设计元素(相当于偷懒吧 -_-!),整体设计采用外太空设计,背景使用不算深的蓝色,以火箭 Rocket为意向,表达这三年来图筑风暻的发展历程。

Logo 处理成了卡贴的卡通样式,搭配少量元素的渐变效果,以达到提高图片精细的手段之一。

实物照片:

Page 1 of 4

COPYRIGHT © 2014 - 2020 SCENERY ARCHITECTURE. ALL RIGHTS RESERVED.