LOGOUI设计中的视觉矫正法.docx
- 文档编号:5354575
- 上传时间:2023-05-08
- 格式:DOCX
- 页数:6
- 大小:70.11KB
LOGOUI设计中的视觉矫正法.docx
《LOGOUI设计中的视觉矫正法.docx》由会员分享,可在线阅读,更多相关《LOGOUI设计中的视觉矫正法.docx(6页珍藏版)》请在冰点文库上搜索。
LOGOUI设计中的视觉矫正法
LOGOUI设计中的视觉矫正法
为什么谷歌的新LOGO不符合辅助线反而更好看?
这就涉及到LOGOUI设计中的一个高阶技巧了——视觉矫正,今天这篇好文用一些简单易懂的实例,帮你搞懂这个进阶技巧。
我最早从事的设计领域是印刷设计(手册及单页等),会大量用到网格系统,它是作品专业度的关键。
当我开始从事Logo设计时,我也随之将相同的规则运用其中,达到设计的一致性。
然而,有些地方似乎不太对劲儿……有时候,我的logo设计看起来并没有那么专业。
总之,我的作品没有达到应有的标准,可却又不知是哪里出了错……我的想法应该挺不赖的,但在设计执行中却总有点问题。
就在这个时候,我遇见了一位LogoUI设计界的大师级人物,其作品质量都是杠杠的。
他指出了我作品中有关字体的问题,并建议我应当在设计中运用“视觉矫正”法则。
起初,我并不知其意,但现在回想起来,那些错误真是显而易见,而现在,我也常看见其他设计师犯着与我当初相同的错误。
辅助线、规则和网格都是极好的,但同时,我们也需要适当运用“视觉矫正”来打破规则。
是的,有时候,你的确需要忽视参考线,用眼睛来判断设计是否“看起来”遵循了网格系统(也许听起来很怪,甚至反直觉,但且听我说完,你就会觉得其实它很合理)。
有了这个启发,我随即发现了logo设计中有许多值得注意的视错觉现象。
其实,很多大型品牌公司在设计标志时,都已经这些细节考虑进去了。
理解到这点,帮助我的Logo作品上升了一个层次,以下我就来把所学所知与大家分享。
完美也许看起来并不完美(反之亦然)
去年,谷歌发布了新品牌标识。
其中,图标G被用于各大社交媒体。
UI设计
我很喜欢谷歌的新版设计。
然而,有设计师却不那么认为。
这位设计师将“完美”的辅助线置于设计上,指出了一些明显的“问题”,并将其更正(见下图),可改后的结果却略有些失衡。
的确,新设计的物理位置完全准确,却总感觉哪里错了,而“非完美”的原版设计却有更完美的视觉效果。
UI设计
谷歌的G图标是个很好的例子,我们看到了设计师是以最终视觉效果为基准,而非机械地遵照精确的网格与辅助线系统。
有时候,你也需要这么做,作品质量也许就会有突破。
简而言之,网格系统是参考,而非规则。
记得用眼睛来判断。
字体设计中的“上凸和下沉”
字体设计师TobiasFrereJones有一个很赞的博客,里面解释了很多字体技巧。
如果大家想要多多理解字体设计方面的细节问题,我力荐这个博客。
今天,要分享的是其中有关字体“上凸和下沉(overshoot)”的内容。
大家一起来看下面这张图片,方形和圆形并排放置,当圆形与方形在数值上是完全等高时,圆形就会显得略小……为避免这样的状况,我们需要略为增加圆形的高度,使它在视觉上看起来和方形是同等大小。
这个高度的增加就被称为“字体的上凸和下沉(overshoot)”
UI设计
花一些时间,好好学习周围的字体……从现在开始,你就会开始看见上文所述的情况,完全停不下来……
格式塔理论
人类的大脑有一些神奇的功能。
因为世界是如此复杂,所以我们的大脑会聪明地尝试组织各类视觉元素,将他们组成“完整个体”。
在心理学中,有一个术语用来形容这个现象的,叫作格式塔。
UI设计
我们可以将很多格式塔原理运用到logo设计中,例如:
相似性、连续性、封闭、邻近、图形与背景关系原则。
我最爱的格式塔理论案例就是WWF的logo中那个熊猫图标,它利用了格式塔“封闭原则”来完成熊猫图形,事实上,那只是一些分散的元素。
UI设计
格式塔理论提醒着我们,不但要考虑画面中有什么,更要考虑画面中没有出现的又有什么……(是不是很容易呢?
)
放射现象
如果设计一款白底上的深色logo,那么,势必也需要制出深底上的反白版本。
大部分人认为只需要将logo的颜色改为白色就大功告成了,然而,事情却并没有那么简单。
你会发现一些很奇妙的状况……反白的logo看起来似乎更“肥”一些,颜色的对比让同一个logo看起来像增了肥一般!
是不是很奇怪?
这个错觉就叫作放射现象。
UI设计
幸运的是,有一个很简单的解决方法。
在设计logo的反白版本时,可以加上细细的描边,将其扩展成图形,再用Illustrator的路径寻找器来把它删除。
那么,具体要去除多少“重量”,就要由你的双眼来决定了。
我们的终极目标是让反白版本的设计在视觉上看起来和黑色版本精确相同。
以上这些例子就是我在设计logo时会考虑到的视错觉状况。
你是否有遇见过其它情况呢?
一起来分享吧。
(注:
可编辑下载,若有不当之处,请指正,谢谢!
)
[文档可能无法思考全面,请浏览后下载,另外祝您生活愉快,工作顺利,万事如意!
]
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- LOGOUI 设计 中的 视觉 矫正