氛围 细节 感觉 细节决定成败是很多人都会经常挂在嘴边的一句话，甚至还会用它来解释设计圈里的很多事情，但我觉得恰恰相反，决定成败的往往不是设计的细节，而是大感觉。如果是两家鞋厂生产同一款鞋子，外观几乎一样，这时决定谁好谁坏的就是细节的处理，但设计并不是这样，哪怕是数十个人围绕同一主题进行设计创作，那么他们的作品在设计方向上、大感觉上都是截然不同的，而通过这些作品的大感觉往往就能判断出作品的优劣。例如，下图是著名设计师陈绍华为北京申奥设计的标志，左图是初稿，中间是中标的方案，右图是最终使用的方案。中标的方案虽然比初稿好，但在细节的处理上仍不怎么样，笔画太细、笔画之间的衔接不够流畅和连贯、投影的处理不美观等，在参与竞标的方案中肯定有很多细节做得比这个好的，但最终还是这个方案赢了，因为它的创意更好、它的大感觉更好。我带领团队参加过很多次设计比稿，也输过好几次，但没有一次是输在了细节上，因为我对细节其实还是挺有要求的，在比稿结束后，我们有时可以拿到竞争对手的方案，好几次我们都会惊叹对手的执行竟然如此粗糙，但是也会承认他们的大感觉确实要比我们好，而客户更看重的就是大感觉，至于细节，等你赢了以后，客户会给你时间做细节。那么如何做好大感觉呢？葱爷给大家提供四条思路：想一个好的概念什么样的概念才是一个好的概念呢？三个关键字：1. 对设计概念首先一定要对，必须是积极正面的、符合产品特色、且贴近设计主题的。比如我们要设计一张春节的海报，正确的概念应该是：福、吉、乐、团圆之类的。2. 新对的概念很容易想到，不足以赢，所以你的概念还要新，还拿春节海报举例，福、吉、乐、团圆这些概念虽然对，但是都不够新，很难打动客户和消费者，这时候我们可以去洞察消费者在春节期间的一些新需求，比如：好玩、潮、躺平、自由，就是相对来说更加新的概念。3. 高如果你的概念立意比较高，也就是我们所说的格局很高，比如站在了国家的高度，甚至是全社会的高度、哲学的高度，这会让你的设计也更有高度。比如原研哉给小米的的新 logo 注入了一个很高大上的概念：Alive，生命感。探讨科技与生命的关系，所以把小米的 Logo 改得更柔和、更亲切了一些。比如说关于春节，我们可以提出：什么是年味？我们所说的过年到底是过什么？之类的问题。是不是就更有深意和高度了。用新颖的设计风格有了概念以后，你还要把这个概念用视觉表现出来才行，而使用新颖的风格就会很讨巧，容易让你的设计脱颖而出。比如大家都还在用合成的时候你率先使用插画，大家都用插画的时候你率先用 3D，大家都用 3D 的时候你使用 3D 结合插画等等。使用不是太常见的风格，或者用刚刚流行起来的风格，你就很容易赢在大感觉上。更多新的设计风格看这篇：重磅好文！2022 年值得设计师尝试的 9 个视觉设计方向在整个设计领域趋向于多元化的今天，已经很难出现某一个设计风格主导整个领域了，10年前拟物化全面倒向扁平化的盛况，大概率是不再会有了。阅读文章 > 反常规、强对比即在设计形式上使用一种反常规的处理方式，不按套路出牌。并且还要在视觉上要形成强烈的对比，这样的设计会有很强的视觉冲击力，更容易让人眼前一亮。比如下面这件作品，从机械上长出植物就是很反常规的一件事情，所以感觉很酷。再比如，下图的海报划开人的面部，露出的是一个童话世界，这种视觉效果也很反常，所以很吸睛。再比如下面这张海报用红色的胶布遮住海报中的文字，形式上完全不符合设计的常理，色彩对比又强，所以极具视觉冲击。加强氛围感氛围感也是设计的大感觉，比如你要设计一张主题为快乐的海报，那么在视觉上就必须有快乐的感觉，如果主题是神秘就要有神秘的感觉，否则就很难有带入感，很难打动人。一些惊悚电影的海报在这方面就做得很好。让人一看海报就能产生恐惧和悬疑的感觉。还有贺岁档的电影海报通常都很有春节氛围。如何体现氛围感呢？主要是通过色彩、人物的姿态和神态、场景、光影以及装饰元素。1. 色彩不同的颜色和颜色组合能过创造出不同的氛围，比如红色、黄色、橙色是热闹喜庆，蓝色和玫红色是科技、时尚，黑色和暗色是神秘、恐惧等等。2. 人物的姿态和神态比如要想表现快乐的氛围，那么人物的动态最好是奔跑、跳跃的，表情是开心的；要想表现温馨的氛围，人物的动作是比较柔和的，表情是微笑或含情脉脉的。3. 场景在设计中加入合适的场景，那么你的设计就会具有场景感，氛围感也自然加强了，比如惊悚片的场景一般在野外或者古宅里；科幻电影海报的场景一般在外太空、某些星球上、或者是一艘飞船里等等。4. 光影光影对氛围感的影响也很大，比如很多日本二次元的动画都有着明媚的阳光、蔚蓝的天空、斑驳的树影等等，展现的是一种青春、阳光的氛围，做设计时我们也可以借鉴这种光影。恐怖氛围一般是在很暗的光影下，有一些局部的亮光；如想要营造一种大气、壮观的氛围，则通常会采用逆光。5. 装饰元素装饰元素对于增加氛围感也很重要，例如要加强春节的氛围，可以添加烟花、灯笼、爆竹、福字、窗花、红色的服装、中国结、对联等元素；要想强调欢快的氛围可以增加碎纸屑、气球、飞舞的色块、开心的 emoji 表情等等。结语细节很重要，而且真正优秀的设计往往在细节上都会处理得很好，但是细节决定不了成败，细节决定成败只会发生在大感觉已经分不出胜负的时候，否则的话，根本轮不到看细节。所以，在做好细节前，先保证有一个又对又好的大感觉。作品没有设计感？这10个优化技巧简单有效！Hi，我是彩云。阅读文章 > 欢迎关注作者的微信公众号：「葱爷」本篇来源：优设网原文地址：https://www.uisdc.com/sense-of-design
建筑 窗户 细节 前言摄影作品一直以来都是插画创作的好素材，通过一张摄影作品来创作插画，不仅可以满足我们对素材的自由创作程度，还能通过创作过程又一次学会摄影作品中传达出的视觉技巧，比如通过描摹人像，你能学会人像的基本轮廓弧线和光影技巧，之前我曾经写过《字母人像插画组合视觉造型》，就是一次小小的尝试。这一次，我又找到一张建筑的图片，通过建筑的照片，学会空间的视觉表达语言，尤其是透视的运用技巧，也算是另一种新的体验。最后的效果如下，我个人认为是很不错的一种学习方法。要学会自由创作，首先就是要积累足够多的素材，把它们都印刻在心。这不是靠死记硬背，最有效的方法仍然是直接动手实践，在做的过程中去感受身边你一直忽略的细节表现。一、首先学会观察作品我们对灵感来源的要求不需要太高，基本能看清晰就行，这是我从花瓣上找到的一张灵感来源的图片。这张图吸引我的主要是下面三条：1、颜色：橙色和蓝色的对比搭配，简练干净（很容易在矢量绘制时实现）2、构图：两分的，斜向上的建筑体，本身的结构比较容易绘制，如果是中世纪的教堂这样的建筑，由于表面装饰较多，绘制就会变得很复杂。3、光影关系：阳光里的建筑是能表现出非常强烈的立体感，尤其是光线照射的位置和阴影处的分界明显，运用形状就能满足这对关系的对比。在开始动手绘制前，还是要高能提醒一下大家：画照片不是要完全模拟照片里的实物，而是学会它传递出来的空间信息：透视、结构、色彩、光影……等等。比如在这里，照片中的建筑体表面的纹理，我们在矢量作画时可以不需要呈现。有兴趣可以看看我制作的这个视频：【视频：什么样的照片是插画创作的优质来源？】二、开始画出大体结构STEP 01打开AI，新建一个文档，这个文档的大小其实可以随意，我喜欢以长宽1600px开始，如果画板需要调整可以再次伸缩。在正式开始绘制前，首先确定要画对象的透视参考线。由于建筑是基于立体空间的存在对象，因此透视的法则在绘制过程中需要全方位的考虑到。大家观察灵感的原图就会找到基于立体的三维轴线（在这里，我们用X,Y,Z轴来表达）。只要找准了三条轴线，画面当中的元素就可以经由这三条轴线来进行绘制。STEP 02先绘制出外边框，边框线的粗细为0.25pt即可。然后将我们在上一步中观察到的X,Y,Z轴用直线工具画出来，然后将我们画出的三条直线选中，单击鼠标右键，选择【建立参考线】。这时的三条线就变为了高亮蓝绿色。在画这三条线时，可以利用原有的图片进行参考，也可以直接徒手画，不一定要完全匹配。另外，参考线是可以进一步进行编辑的，所以画好后注意不要随意更改它的方向，最好就是将其进行锁定，需要时再解锁进行调整。所以在这里我们将这个图层进行锁定，接下就在新的图层里开始绘制。STEP 03开始绘制建筑的大形轮廓，也是采用线框的方式进行表现即可，先绘制轮廓，然后才进行填色。线框的粗细保持0.25pt。这时要灵活运用的是透视参考线，根据照片中XYZ轴提供的方向参考，建立起透视原则。如果对空间透视法则不是太清晰的小伙伴，可以查看相关书籍，或者模拟着原照片提供的空间关系进行临摹。三、给大形上色这一次，我们可以首先就开始进入上色，确定好色彩的关系。STEP 04我给整个画面定下的色彩基调是偏橙红色的，和原片中的暖橙不太一样。背景的蓝色也需要仔细考究。这里的橙红色系，我用了三个不同的颜色分别来表现浅色、中间色和深色。四、细节的塑造最重要的部分开始了，我们接下就要进行细节的绘制。细节我们从左往右开始画起。细节的用色相较于大形是比较丰富的，但是只要把握好基本的透视法则和配色原则，整个画面的完成应该是非常简单的。STEP 05首先我们来绘制最左边建筑的窗户，窗户在这里表现出的并不是一个完整的矩形，而是光线照射过来出现的窗户的阴影部分，也就是运用暗色进行描绘。绘制过程中需要参考线的全程辅助。其中一个窗户的画法是从一个矩形开始，然后再复制一个矩形，通过矩形间交叠的形状获取我们想要的最终形状。然后将单个窗户进行复制，在参考线的帮助下排列在适合的位置。STEP 06然后补齐这部分的所有窗户的细节部分，我们在上一步已经制作了第一排窗户，下面的也就通过复制完成简单的变形即可。STEP 07下一个细节，也是最左边这栋建筑的下半部分，这是一个凸出的小屋檐，造型比较复杂，但是组成的元素都是很简单的。我们在这里可以从屋檐开始进行绘制。注意下方的图示中边缘线的倾斜，在我们的这组造型中很多倾斜的平行四边形都是从矩形得到的。STEP 08最后不要忘记给屋子添加投影，这个投影的部分采用渐变的填色，会更靠近写实的感觉。目前已经完成左边第一个建筑的细节部分：STEP 09左边开始第二个建筑体，它的细节稍微简单一点，首先我们来处理上面的三个窗户的细节。做法和之前做窗户的手法一样，只是这里保留了窗户玻璃的部分。画好了以后将这个窗户部分垂直排放三个在第二个建筑体上。STEP 10第二个建筑体的前方还有一个小的突出的建筑体，它是附着在第二个建筑体前面的。这个建筑体的正前方我们已经在做大形的时候把它画出来了，这时只需要补全剩下的形状细节就可以了。注意在每个方向上边缘线要与画面中同一个方向的边缘线保持平行。STEP 11增加这个建筑体侧面窗户，这里的窗户的画法和之前的窗户也有一些不同，因为它们的方向不一样，所需要的参考线也不一样。STEP 12窗户完成后，还有窗台的部分，窗台是伸出来的，空间感稍微复杂一点。这里的确不是不可或缺的，但是为了让细节丰富，我们把这个窗台的部分也增加上去。STEP 13放置两个窗户在这个侧面，然后为这个建筑体增加一个投影。投影的填色方式依然为渐变填色。投影上方的边缘线可以不必和其他平面保持空间上的三维关系。第二个建筑体的细节部分就绘制完成了。接下完成第三个建筑体的细节。STEP 14这个建筑体上的窗户部分在整个画面中都处于一个视觉焦点的位置，因此要注意这里的细节。STEP 15继续增加向上的细节，利用相同的方式来绘制。运用矩形的部分是窗户的绘制，而其他的非几何形的部分就采用钢笔工具进行绘制。STEP 16这个建筑体的右侧也有很多细节，和之前所绘制细节的方法八九不离十，方法都是一样的。STEP 17完善最右边的细节，投影以及其他的墙体部分。五、制作点睛之笔STEP 18为了让焦点部分更为吸引人，我们可以给右边的侧面墙体增加一道阳光。这里制作一个形状在侧面的墙体上，不要盖住窗户。也就是让这个形状保持在窗户的下方，给它填充一个渐变色。渐变色两端的颜色保持一致，只是其中一端的透明度为0。最终效果STEP 19整理一下最后的细节，颜色、形状等等，效果如下：创作后记这个练习是因为看到了设计师 Coen Pohl 的一组作品，就是运用建筑照片来创作的建筑插画作品，心里痒痒的，于是就笔开始动手。这个过程非常愉快，因为其实除了建筑本身的直接临摹以外，还有自己发挥的余地，比如我自己加上去的阳光，还有色彩方面的探索。原创本就是奔着好玩而去的，照片里的视觉信息其实很多，我们的外界其实有太多供我们学习之处。包括我们在这个照片里看到的纹理，我这里都没有再继续去发挥。建筑是我很喜欢的一种视觉形式，因为作为视觉设计师而非建筑设计师的话，其实更多是在玩味视觉的的层面的乐趣，实用性并没有考虑在内，我们的角色给了我们自己最大化的轻松感。创作的过程始终要让轻松自在来引导的。原文地址：ifeiwu作者：飞屋睿UIdesign
张大湿
在路上
