LOGO-200LOGO-120×35LOGO-200LOGO-200
    • 首页
    • 课程
      • 建筑设计方案表现班
      • 建筑参数化设计犀牛班
      • 室内设计就业高级综合班
      • AutoCAD专项
      • BIM全科高级综合班
        • BIM企业培训
        • BIM建筑与结构实战班
        • BIM机电管线实战班
        • BIM建筑装饰实战班
        • 全国BIM技能等级考试班
      • 景观园林设计表现班
      • 网课
      • 作品
        • 建筑犀牛作品
        • 园林设计作品
        • 室内设计作品
        • 产品设计作品
    • 课件
      • BIM课程课件
        • BIM建模结构课件
        • BIM机电课件
        • BIM装饰课件
      • 建筑
      • 建筑犀牛课件
      • SketchUp 课件
      • Auto CAD 课件
      • 室内设计课件
      • Lumion 课件
      • 产品设计课件
      • Keyshot
      • 平面设计课件
        • PS课件
        • AI课件
        • CDR课件
        • ID课件
      • 更多设计经典和教程
        • –室内设计–
        • –建筑设计–
        • –平面设计–
        • –产品设计–
        • –网页设计–
        • –CG插画–
        • –设计动态–
      • BIM技术
        • –BIM资讯–
        • –BIM教程–
        • –BIM案例–
        • –BIM考证–
        • –BIM软件–
    • 资源
      • 软件
      • -材质贴图-
      • -3DMAX模型-
      • -Sketchup模型-
      • -Rhino模型-
      • -BIM模型-
      • -CAD图纸-
      • -室内设计-
      • -建筑规划-
      • -平面设计-
      • -景观园林-
    • 晶网问答
    • 教学管理
    • 其他
      • BIM咨询
      • 制作
      • 合作企业
      • 招聘求职
      • 最新动态
      • 我们的风采
      • 住宿安排
      • 关于我们
      • 手机版
    • ===== 资 源 ======
    • >>>常用素材<<<
    • >>>材质贴图<<<
    • >>>3DMAX模型<<<
    • >>>Sketchup模型<<<
    • >>>Rhino模型<<<
    • >>>BIM 模型<<<
    • >>>CAD 图纸<<<
    • >>>室内设计<<<
    • >>>建筑规划<<<
    • >>>平面设计<<<
    • >>>景观园林<<<
    ✕
    Logo 设计中的视觉矫正
    2016年4月29日

    我最早从事的设计领域是印刷设计(手册及单页等),会大量用到网格系统,它是作品专业度的关键。当我开始从事 Logo 设计时,我也随之将相同的规则运用其中,达到设计的一致性。

    然而,有些地方似乎不太对劲儿……有时候,我的 logo 设计看起来并没有那么专业。总之,我的作品没有达到应有的标准,可却又不知是哪里出了错……我的想法应该挺不赖的,但在设计执行中却总有点问题。

    就在这个时候,我遇见了一位 logo 设计界的大师级人物,其作品质量都是杠杠的。他指出了我作品中有关字体的问题,并建议我应当在设计中运用“视觉矫正”法则。起初,我并不知其意,但现在回想起来,那些错误真是显而易见,而现在,我也常看见其他设计师犯着与我当初相同的错误。

    辅助线、规则和网格都是极好的,但同时,我们也需要适当运用“视觉矫正”来打破规则。是的,有时候,你的确需要忽视参考线,用眼睛来判断设计是否“看起来”遵循了网格系统(也许听起来很怪,甚至反直觉,但且听我说完,你就会觉得其实它很合理)。

    有了这个启发,我随即发现了 logo 设计中有许多值得注意的视错觉现象。其实,很多大型品牌公司在设计标志时,都已经这些细节考虑进去了。理解到这点,帮助我的 Logo 作品上升了一个层次,以下我就来把所学所知与大家分享。

    完美也许看起来并不完美(反之亦然)

    去年,谷歌发布了新品牌标识。其中,图标 G 被用于各大社交媒体。

    5c385720d0016ac72538123963e7.jpg我很喜欢谷歌的新版设计。然而,有设计师却不那么认为。这位设计师将“完美”的辅助线置于设计上,指出了一些明显的“问题”,并将其更正(见下图),可改后的结果却略有些失衡。的确,新设计的物理位置完全准确,却总感觉哪里错了,而“非完美”的原版设计却有更完美的视觉效果。

    b7f15720d00f6ac72538128b6934.jpg谷歌的 G 图标是个很好的例子,我们看到了设计师是以最终视觉效果为基准,而非机械地遵照精确的网格与辅助线系统。有时候,你也需要这么做,作品质量也许就会有突破。

    简而言之,网格系统是参考,而非规则。记得用眼睛来判断。

    字体设计中的“上凸和下沉 (overshoot)” 

    字体设计师 Tobias Frere Jones 有一个很赞的博客,里面解释了很多字体技巧。如果大家想要多多理解字体设计方面的细节问题,我力荐这个博客。今天,要分享的是其中有关字体“上凸和下沉 (overshoot)”的内容。

    大家一起来看下面这张图片,方形和圆形并排放置,当圆形与方形在数值上是完全等高时,圆形就会显得略小……为避免这样的状况,我们需要略为增加圆形的高度,使它在视觉上看起来和方形是同等大小。这个高度的增加就被称为“字体的上凸和下沉(overshoot)”

    3b655720d02532f875a399e42d41.jpg

    图片出自:Typeface Mechanics by Tobias Frere-Jones

    花一些时间,好好学习周围的字体……从现在开始,你就会开始看见上文所述的情况,完全停不下来……

    格式塔理论

    人类的大脑有一些神奇的功能。因为世界是如此复杂,所以我们的大脑会聪明地尝试组织各类视觉元素,将他们组成“完整个体”。在心理学中,有一个术语用来形容这个现象的,叫作格式塔。

    2b955720d03832f875a3992373fb.jpg

    我们可以将很多格式塔原理运用到 logo 设计中,例如:相似性、连续性、封闭、邻近、图形与背景关系原则。有兴趣了解格式塔理论详细信息的同学,推荐这篇来自 Canva 的文章。

    我最爱的格式塔理论案例就是 WWF 的 logo 中那个熊猫图标,它利用了格式塔“封闭原则”来完成熊猫图形,事实上,那只是一些分散的元素。

    f0e55720d0446ac72538127dcf1f.jpg格式塔理论提醒着我们,不但要考虑画面中有什么,更要考虑画面中没有出现的又有什么……(是不是很容易呢?)

    放射现象

    如果设计一款白底上的深色 logo,那么,势必也需要制出深底上的反白版本。

    大部分人认为只需要将 logo 的颜色改为白色就大功告成了,然而,事情却并没有那么简单。你会发现一些很奇妙的状况……反白的 logo 看起来似乎更“肥”一些,颜色的对比让同一个 logo 看起来像增了肥一般!是不是很奇怪?这个错觉就叫作放射现象。

    5b9f5720d05732f875a399effdb5.jpg幸运的是,有一个很简单的解决方法。在设计 logo 的反白版本时,可以加上细细的描边,将其扩展成图形,再用 Illustrator 的路径寻找器来把它删除。那么,具体要去除多少“重量”,就要由你的双眼来决定了。我们的终极目标是让反白版本的设计在视觉上看起来和黑色版本精确相同。

    以上这些例子就是我在设计 logo 时会考虑到的视错觉状况。你是否有遇见过其它情况呢?一起来分享吧QQ截图20160429144801

    微海报分享

    Related posts

    2022年6月20日

    咨询


    Read more
    2022年6月17日

    建筑园林高级班李同学作品2


    Read more
    2022年6月9日

    视频测试


    Read more
    2022年6月8日

    晶网培训外地学员住宿安排


    Read more

    严老师电话|微信|

    手机:18902259698

    QQ咨询

    严老师 QQ 275043888

    QQ联系咨询课程

    晶网设计培训是广州建筑室内设计培训知名机构,拥有专业建筑犀牛课程,BIM培训考证,室内设计学习,园林景观学习课程等完善的广州室内设计培训教学机构。

    地址:广州天河北路703号 曜一城 C座 21 楼 08 联系电话18902259698

    ©2018 晶网设计 粤ICP备10225019号-1