没有思路画不出来banner怎么办？慢慢画下去就行，坚持有奇效！

最近在做公司官网的升级设计，走的这几年比较火的3d毛玻璃风格，但是我只会建模不会渲染，所以这张图就只好用传统一点的方式来做啦，整张图使用的工具是Sketch+Ai+ps，大部分的结构都是画好平面图，为了保证角度的统一性和标准，我是用Ai里的3D功能生成我需要的角度，然后转换成平面的形状，复制进sketch里面做颜色和大小的修改的，ps只是用来做电脑手机屏幕的扭曲贴图，简单的方形是在sketch里用Isometric插件直接生成的。因为穿插有别的设计工作，大概5个工作日完成的。大家如果有更方便更高效的方法欢迎交流呀！我学习的还是不太够，暂时只能想到这个笨办法。

发这篇作品只是想与大家共勉，因为经常听到很多人说做设计坚持不下去，浮躁，我也是，很多时候时间也很赶，没思路的时候做出了很丑的图就想换个方向换个方式去做，也是第一次这样硬磕下去。

这张图虽然内容有点少细节也不够丰富，但是视觉效果我挺喜欢的，希望能够与大家共同学习进步

第一次做这种风格所以肯定也有很多问题的，官网还没有定稿所以还未上线，欢迎大家指正讨论～

先来看最终的效果图～～～

🥰🥰🥰一点更新

因为官网排期一直在延迟，时间又变得充裕了，所以又进行了一些调整，最终banner效果调整成这样辣

过程如下： 1. 得到了banner核心句“让每个人得到更好的法律服务”，初步小型脑爆了一下关联词，构思了大致结构画了一个很草的草图（emmmm.....但是这个结构就是普通结构，而且核心物体太单薄了，这样估计不好看，一边画一边调整吧）

2.没有想法，就先把底色铺了，画了个主体物，但是好丑。。。。不想做了啊丢！ 捡回鼠标，主体物比例不对，这样下去放不了多少东西，先把核心句放上来，参考一下比例（因为官网结构做好了，所以banner尺寸也确定了，是1920*614）

3.放上核心句之后调整整体颜色，细化刚刚的主体物，改改颜色，好像有点感觉了（信心来了，握拳！）顺便放上一个水晶球，以前临摹别的大佬做的一个小练习

4.调整下布局和主体物底座，上一步的底座虽然我觉得很好看，但是尝试放了很多东西感觉不合适，有点喧宾夺主，就想试试看换一个底座会不会好一点。而且因为喜欢这个底座，而且时间有限，我舍不得舍弃它，一直调整它有点限制我画后面的内容了，所以决定放小弱化一下，不好看大不了再换回来就是啦！

换掉底座，核心主体物可发挥的空间感觉变大了，先构思放上公司一款核心产品的首页图作为内容填充。丰富一下背景，增加层次感（加油！加油！会越做越棒的！）

5.画了一朵云，因为公司还有一个产品我们内部称为云端律所，所以这样联想到画云，有点喜欢，先随便摆一下。又画了一个锁，嗯，毕竟是主营业务是SAAS的公司，安全性很重要，突出一下！（emmm....右上角的两个方块，临摹腾讯的一张图画的，我觉得有点像开关的，做一个当质感小练习先放那儿，不用再删掉）

锁子的底座也是尝试出来，想多加一些东西上去丰富一下

6.右下角太空了，还需要补充一些内容进来，首先想到了图表，因为我们公司一直在强调数据化，大数据的重要性。想做点质感出来，和往常的数据图表差异化大一些，但是毛玻璃的通透感会让他们糊在一起，这是后面需要优化的点。

终于下定决心把产品首页做成页面主体物，之前一直在犹豫主体物画什么，因为觉得放页面进来太常规了，而且我做的是公司官网不是产品官网，但是技术和时间有限所以这次还是决定这样做

7.细节细节，加各种细节，加投影，加小物件。这个时候遇到了一个问题，就是图形的底座全都是圆的，做成方的又有点跳脱，所以决定结合一下，形成了第三个底座。

电脑前面的这个三角形，本来是我想贴个键盘在电脑上，意外扭曲出了一个三角，我觉得还挺有漂浮感，而且可以增加景深，如果一会再做一个模糊点的光晕效果，可以做出前景遮挡物的感觉！试试！

8.突然觉得颜色太单一了，想丰富一下颜色，但是.........好像有点翻车，颜色不太搭呀（垂头丧气.jpg）再改我继续改，不过好歹是把周围的悬浮物调整出来了

右上角放的这个像钻石一样的物体是公司的logo，做了一个立体一点的效果，不过感觉和底座有一点融了，没什么景深，立体感做的不强，后续要加强一下这里的层次感

9.嗯？？？？立柱数据图这里好像改出来了！！！！优化优化，继续优化，这个颜色我还挺喜欢的，过渡的比较柔和一些，继续细化细化。云右边的底座一直没想好放什么，刚好这个颜色鲜艳一点的内容视觉重量比较轻，感觉放这里正正好，不会太压，调整结构，看看构图合不合适（感觉还行，虽然彩色的部分稍微又一点抢眼，不过后面可以再继续优化，结构暂时就这样了！疲惫.jpg）

10.替换刚刚复制过来看结构的图标，又离完成这张图近了一步呢！吼吼吼！！！

嗯，其实这步有点不知道画啥了，想过画法槌、法典、建筑、公文包，但是觉得没有特点。刚好产品要过六周年的生日了，就想的干脆做个6出来，想到了就开做！做完觉得周围光秃秃的，生日嘛，总觉得应该有点蛋糕什么的感觉，就尝试给周围加这些小立柱（主要还是有点赶时间，都没怎么改底座，样式有点单一）

调整了公司logo这里的装饰，层次感稍微出来了一些，但改善的也不够，目前也没有想到什么好的优化方案 sad.....但是继续做，都做到这步了，手机屏幕电脑屏幕什么的，都先填充上！

右下角感觉有点空，再把刚刚做的立柱图表复制一份做个填充，本身上方也被遮挡了很多，这样复制一份在颜色上有一点呼应感，能够减轻一点上方彩色抢眼的感觉

11.调整结构，调整布局，强化一下品牌。

毛玻璃效果开太多层电脑快卡死了🤣因为我不太会做字体设计所以只好用现成的字库，文字在banner中稍微有点弱，感觉还有很多优化的点，但是时间不够了，目前就做到这种程度了

12.因为官网上需要多张图，所以使用上面的图里面的元素，再轻微修改调整，做了一些延展（我才不会说是为了快速出图才没有画新的）

13.因为官网布局的调整，菜单栏需要叠放在banner上，所以首页这张banner放在官网上后把内容需要全部下移一些，不然文字重叠在图像上效果不是很好，而且核心句修改了，原来的布局就显得过于紧凑了（而且中国有句古话：少就是多嘛😀）所以进行了删减，下面放上对比

旧版 ▲

新版 ▲

到这里本文就结束啦，谢谢大家的观看！！！能看到这里真是万分感动啊！希望和大家一同进步，加油加油！