• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 超全面的LOGO 造型手法效果和风格汇总

超全面的LOGO 造型手法效果和风格汇总

作者:设计大脑 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含logo,logo设计,logo造型,经验分享,视觉表现手法,设计风格,风格总结等相关知识,设计大脑希望在学习及工作中可以帮助到您

用什么样的造型手法,就呈现什么样的效果,这篇文章的目的不是要罗列 logo 图形有多少种风格,而是从不同维度(形、色、质、体积空间、时间运动)罗列造型手法在 logo 里的运用效果。

标志效果与标志风格

标志风格只是形成固定模式的效果。效果来自标志图形的造型手法,而造型手法就是在——形/色/质/体积空间/时间运动维度塑造效果的手段。

我们在设计时,往往不是先考虑风格,而是先考虑标志信息需要什么样的效果,怎么把效果表现到位。

一些运用比较普遍的效果,例如这两年的平面化效果,也就形成了所谓「平面化风格」。

有些 logo 例子会出现在两种以上的手法里,那是因为它在不同维度都使用了鲜明的造型手法。

在后面的综合风格往往来自于艺术手法,生活中的视觉媒介效果等。它们往往是多种造型维度的综合使用。

不考虑适形同构手法,用点化效果处理图形都会让视觉焦点涣散,然后呈现出视觉的律动感,有规则的点化,暗示出线化的效果,更能凸显方向性。

不规则的点化,会让图形呈现出混乱感,迷离,但却烘托出自由活跃梦幻的气氛。

像素点化来自 ps 像素概念,除了能表现出规则点化的效果外,还能传递出科技化,信息化意味。这种效果还模仿点彩派绘画手法,形成观看上的乐趣。

网点化模仿印刷网点效果,由于网点的大小变化,表现疏密明暗的不同,有虚实远近感,多数情况下也用于虚实表现空间感。

直线效果主要看粗细和角度,粗细传达图形的体量感,两直线相交的角度影响图形的锐利与迟钝。

基本的三种直线,水平,垂直,倾斜,呈现的效果也不一样。 水平的直线,平静开阔,虽然能表现出迅速的科技化感觉,但基本感受是放松的;垂直的直线,就显得严肃紧张;而倾斜的直线,自然是表达动态感常用的手法。

曲线效果主要看弧度,弧度分两种,一是规矩的几何曲线,符合圆规制图,力量均衡,却机械生硬,所以,几何曲线塑造的图形,总是带有工业时代的特征。

二是随意的自由曲线,手绘感强,曲线上的力量散漫,灵活多变,自由曲线绘制的图形,给人轻松惬意的感觉。多一些手工感,亲切感。

这种轮廓就是填充内部,只通过剪影形态来识别造型,所以对于剪影的角度,要求精准。这种面化追求饱满的体量感。

结构面化是将事物本身的结构分别分层描绘,或者不同事物重叠时,两物轮廓都区分出来,填充不同颜色(如上图的第一排)。然后每个部分填充不同颜色,还有一些块面填充的 logo 图形,我也算在这种手法里了(如上图的下一排)。

光影面化是就是以素描里物体的明暗交界线作为分界,亮部暗部,灰面,都用一个颜色填充,让图形面化的同时,依然保留一定的立体感。

红橙黄绿青蓝紫黑白灰等单色效果,我这里就不再一一罗列了,直接从五彩色效果的标志图形开始,这种五颜六色的效果,多是借助多种色彩来表达丰富含义,(比如上图的相机 logo 和五彩缤纷的色彩很容易联系到一起),或象征不同含义。它们在视觉上也形成鲜明醒目的风格。

渐变除了强化色彩本身的效果,多是用来模仿光晕,符合现代智能光效的效果。

在透明叠加里,常见的是印刷原色与屏幕原色的透明叠加,如上图,这来自丝网印刷里错版效果,以及波普效果。原色的这种错位叠加还有印象派绘画手法里的光加色混合效果,在视觉上形成了强烈的动感。它也是表现光效的手法之一。

渐变透明叠加,美轮美奂,清晰的轮廓边缘有很强的科技感,而粗糙的轮廓边缘就是水彩质感了。

色彩羽化塑造出了质感上的效果,它有虚实远近,可以塑造光效,也可以塑造动态,因为在 logo 里,对展现媒介要求较高,所以很少用于标志设计,现在则越来越多。

因为在图形里塑造不同质感,主要就是通过轮廓+表面肌理+色彩+反光来实现的。但是质感太多了,我直接忽略了表面肌理,直接按反光的漫反射,全反射,折射透明来区分,把他们分成了,漫反射类别里的,比如木材,布料等质感。

全反射的金属,塑料质感。

折射透明的水,透明塑胶等质感。

光效质感是现在比较流行的质感效果,有很多手法可以表现,除了基本的色彩明暗饱和度的处理,还有色彩羽化、网点化虚实、线化视幻(也是疏密)、原色透明叠加,投影等手法,如上图。这里就不一一展开了,大家可以自己收集整理。

透视的基本手法,依据透视线,有一个,两个或三个视觉灭点。

透视手法的演变,没有灭点,也就是说透视线是平行的,立体感主要通过不同面的明暗来表现,其中还有一种转侧投影手法(上图的最后两个例子),也属于这种手法。

直接将透视线化,通过骨骼表现出来,没有绘制明暗的素描稿,依然立体感强烈。

球形透视是一种特殊的透视,这里的图形是用线条轮廓暗示出球面。

画出高光就有立体感,这里的二维光影,是指把物体的高光直接用一个块面表现。很多插画类风格 logo,都这样处理。

暗面光影和前面的光影面化手法差不多,这里的暗面和亮面就两个颜色,简单直接。

有投影就有空间,虽然

您可能想查找下面的文章:

  • 40个知名网站Logo使用的字体推荐
  • 大盘点!互联网产品Logo 的分类及特点总结
  • 高手的平面课堂!解锁LOGO设计新技巧
  • 「得到」的猫头鹰Logo 是怎么诞生的?来看主创设计师怎么说!
  • 这个网站用AI 帮你做LOGO,还可以免费下载!
  • 这个「以用户为中心」的图标设计法,恰好很多设计师不会
  • 平面高手课堂!系统梳理 LOGO 里的正负形知识
  • 超全面的LOGO 造型手法效果和风格汇总
  • 为了让LOGO 更有个性,高级设计师都学会了这招!
  • 网易资深设计师:如何建立可信赖的品牌形象?

相关文章

  • 2018-08-23卡片设计、分割线、无框设计哪个好?来看高级设计师的分析!
  • 2018-08-23超全面!为什么越来越多的移动App 使用插画设计?
  • 2017-08-26浅谈React
  • 2018-08-23没有人带,设计师该如何自我成长(一)
  • 2018-08-23分析近30年奥斯卡最佳影片海报后,得出了这样的设计套路
  • 2018-08-23用一个实战案例,带你从零开始做用户体验研究
  • 2018-08-23未来就在这里! 一组AR 和VR 相关的图标合集免费打包下载
  • 2017-08-06以用户为中心作为设计的标准
  • 2018-08-23AI教程!6分钟快速上手酷炫的潘洛斯三角
  • 2018-08-23用苏宁金融的案例,教你学会分析一款App

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 该知道的趋势!iPhone X的AR引擎对UX设计师意味着什么?
    • 超全面!Android 应用与iOS 应用之间的设计差异对比
    • 浅谈网页颜色的搭配技巧(前端必看)
    • 超全面的 App 网络相关设计总结
    • 涨姿势!全球顶尖的设计团队都有哪些设计原则?
    • 交互基础小课堂!目标导向设计之「定义交互设计框架」
    • 如何培养组件化设计思维?来看阿里设计师的经验总结!
    • 成为交互设计师三年后,我总结的一些经验
    • 列表和网格,哪个更适合你的APP设计?
    • 用Instagram 的案例,帮你学会专业科学的重设计过程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有