教程网页设计范文

2022-05-27

第一篇:教程网页设计范文

网页设计教程

一、创建名为Test1的站点,并在其中按如下要求设计简单网页Index.html,如图所示。

要求:

①设置网页标题为自己的学号,网页背景为bj1.jpg;

②插入一个3行3列的表格,表格边框宽度为1;

③第一行合并单元格,插入动画dh1.swf;

④第二行第一列标题的格式为蓝色、楷体、24Px、居中,正文缩进两个汉字、大小为18Px、左对齐;中间插入一个图片tx1.jpg,其宽度为260、高度320;第三列是一个表单,其中姓名和密码的字符宽度和最多字符数为12;

⑤第三行的字体大小为18px;“友情链接”链接到http://;“动画世界”链接到本地的Flash.swf;“申请加入”链接到本地的Apply.html,在新窗口中打开。

④表格第二列中间三个单元格合并,插入一个图片文件“dx2.jpg”和文字,图片宽300、高160,左对齐;创建名称为C的CSS:蓝色、18Px、楷体,用于格式化文字。 (2)Apply.html网页设计要求∶内容为一个表单;包括:姓名、性别、职业。其中姓名最多输入8个字符,性别要求用单选按钮,职业用下拉框,值分别为“学生”、“教师”和“工程师”,默认选中“学生”。

三、教材内容

四、食品与营养

五、我的家乡

第二篇:网页设计制作教程

教你怎么设计制作网站

首先,可以告诉想设计制作网站或想从事网站制作相关行业的的朋友。做网站有很多种方式,不外乎自己开发,找人开发。找人开发这里就不说了,没有什么技术含量,准备好钱就可以了,自己做网站主要有下面两种方式:

做网站方法一(目前主流方式)

下载专业的网站内容网站管理来做,互联网发展到今天,做网站也变得非常简单和编辑,国内也出现了一批很专业的专门用于做网站的网站管理系统,比如pageadmin系统、shopex系统、discuz系统、worpress系统等都是很优秀做网站的程序(程序到官方网站下载,大家自己百度搜索),有的甚至支持多语言,多站点,总之有一句话说得好,站在巨人肩上会看的更高,一样道理,用专业的网站系统来做做网站就是一个非常省力,省时的过程,国内很多网站90%都是基于这些专业系统基础上搭建,当然,选中一个系统后你需要去熟悉这个系统功能你才能运用得很好,一般来说这些系统都不需要你具备专业的知识,只需要花几天时间看看教程就可以熟练运用并建站。

做网站方法二(专业人员必看) 这个也是本本要重点讨论的,这也是一个专业做网站人员必须掌握的方法,因为掌握下面基础,即使你用方法一来做网站,也能运用得更好,因为一把好剑也需要一个好的剑客。下面讨论一下成为一个网站从业人员必须掌握的知识:

第一阶段:开始时最好是学些图像编辑软件和基础网页脚本语法。 常用图片处理软件:Firework或photoshop 基础语法:HTML语法(百度一下:HTML入门),CSS语法(百度一下:CSS入门),javascript语法(百度一下:javascript入门),学好这些语法可以使您更了解网页制作的原理。结合教程边学习边练习,这最多花你几周时间。

第二阶段:有了上面的基础,你可以做一些简单的页面了。当然为了让网站做得更漂亮,功能更强大,你就需要学一些动态编程语言,常用的有ASP,PHP和ASP.NET,推荐后两种,因为Asp已经被淘汰,后两种程序区别自己上网搜索吧,本人更倾向于学习.NET,面向对象,功能太强了,微软的东西就是强悍。

第三阶段:结合你自己已掌握地知识来开发一些网站,比如自己开发一个简单企业网站,当你可以独立完成一个网站项目时候,你已经成为一个合理的网站建设人员了。

上面我们制作测试网站可以在自己电脑安装iis和对应软件(如php环境和asp.net环境)来运行并测试,网站做好了需要发布到网上给所有人浏览,我们就需要做下面几步:

1、申请域名,就是注册一个网址。

2、购买网站空间,有称为虚拟主机,用来放网站程序文件。

3、网站备案

国家要求国内任何一个网站必须进行工信部ICP备案,这个可以让你主机商给你代备案,一般都是免费的,你只需要提供资料给他们就可以。

做网站的流程大概就是上面几步,希望对大家有所帮助。

第三篇:动态网页设计视频全教程

【课程名称】《动态网页设计》 【授课老师】高振国老师 【课时总长】共35讲

第1章 利用ASP创建电子商务网站 1.1 电子商务简介

1.2 初识Active Server Pages(ASP) 1.2.1 动态网页和静态网页概述 1.2.2 ASP概述

1.2.3 IIS5.0的安装和设置 1.2.4 创建一个简单的ASP程序

第2章 创建HTML网页 2.1 什么是HTML 2.2 使用HTML创建基本网页 2.2.1 创建基本框架 2.2.2 创建文本 2.2.3 创建图像 2.2.4 创建超链接 2.2.5 创建列表

2.2.6 创建表格 2.2.7 创建表单

2.3 块级元素的使用 2.3.1 DIV的使用 2.3.2 SPAN的使用 2.3.3 ADRESS的使用 2.3.4 DEL的使用 2.3.5 PRE的使用 2.4 常用组件介绍 2.4.1 Applet的使用 2.4.2 Marquee的使用 2.4.3 Embed的使用 2.4.4 Object的使用 2.4.5 MAP的使用

第3章 利用脚本语言创建动态网页 3.1 脚本语言概述

3.2 利用VBScript创建动态网页

3.2.1 VBScript简介 3.2.2 变量和数组

3.2.3 表达式和运算符 3.2.4 流程控制语句 3.2.5 过程

3.3 利用JavaScript创建动态网页 3.3.1 JavaScript简介

3.3.2 基本结构和语法

3.3.3 JavaScript流程控制语句 3.3.4 JavaScript函数 3.3.5 JavaScript事件 3.3.6 JavaScript对象

第4章 ASP基础 4.1 ASP基本原理 4.1.1 ASP可以做什么 4.1.2 ASP是怎样工作的 4.2 如何使用ASP脚本 4.3 如何使用ASP组件

第5章 ASP基本语法 5.1 变量和数组 5.1.1 定义变量 5.1.2 定义数组 5.2 条件运算 5.2.1 IF语句

5.2.2 Select Case语句 5.3 循环语句

5.3.1 For循环语句 5.3.2 Do…Loop语句 5.4 函数与子程序 5.4.1 便用函数 5.4.2 子程序

第 1 页 共 4 页 第6章 使用Response对象和Request对象 6.1 Response对象

6.1.1 向浏览器输出数据 6.1.2 停止输出数据 6.1.3 Response的数据集合 6.1.4 网页重定向 6.1.5 Reponse的属性 6.1.6 Response的方法 6.2 使用Request对象

6.2.1 从浏览器获取数据

6.2.2 利用QueryString集合获取数据 6.2.3 获取客户端环境变量 6.2.4 Request的属性 6.3 一个调查表实例

第7章 Application对象和Session对象的应用

7.1 Application对象的应用 7.1.1 Application对象简介 7.1.2 7.1.3 7.1.4 7.1.5 自定义属性的应用

使用Application事件和数据集合 一个聊天室实例 网页计数器实例

8.2.3 从浏览器读取Cookies 8.3 使用golbal.asa文件 8.3.1 golbal.asa文件概述 8.3.2 动态在线人数统计实例

第9章 使用ASP内置组件 9.1 使用内置文件组件 9.1.1 创建和读写文件 9.1.2 对文件进行处理 9.1.3 操作文件夹和驱动器 9.2 使用计数器组件

9.2.1 PageCounter组件介绍 9.2.2 计数器实例

第10章 使用ASP操作XML 10.1 XML基础

10.2 使用ASP操作XML

10.2.1 在ASP中创建DOMDocument对象 10.2.2 用ASP读取XML数据源 10.2.3 用ASP向XML输出数据 10.2.4 网站导航系统实例

第11章 数据库系统基础 11.1 数据库系统基本理论 11.1.1 数据系统概述 11.1.2 数据库模型

11.2 范式理论和实体关系模型 11.2.1 范式理论

11.2.2 实体关系模型

第12章 创建和管理数据库 12.1 SQL Server 2000概述 12.1.1 了解SQL Server 2000 12.1.2 集成环境介绍

12.1.3 系统数据库介绍 12.2 创建数据库

12.2.1 利用企业管理器创建数据库 12.2.2 利用查询分析器创建数据库 12.3 管理数据库 12.3.1 查看数据库信息 12.3.2 删除数据库 7.2 Session对象的应用 7.2.1 Session对象的数据集合 7.2.2 Session对象的属性 7.2.3 Session对象的方法 7.2.4 密码验证实例

第8章 Server对象、Cookies集合和golbal.asa文件

8.1 Server对象的应用 8.1.1 Server对象概述

8.1.2 Server对象属性应用 8.1.3 向浏览器输出HTML代码 8.1.4 取得文件的路径

8.1.5 在浏览器中输出URL代码 8.1.6 CreatObject的使用 8.2 Cookies集合

8.2.1 Cookies工作原理

8.2.2 将Cookies写入浏览器

第 2 页 共 4 页 12.3.3 维护数据库

第13章 创建和管理数据表 13.1 创建数据库表

13.1.1 了解SQL Server 2000的数据类型 13.1.2 创建表 13.2 数据完整性

13.2.1 强制数据完整性 13.2.2 使用IDENTITY属性 13.2.3 使用Uniqueidentifier 13.2.4 使用约束 13.3 管理数据库表 13.3.1 修改表 13.3.2 删除表

第14章 使用SQL语句操作数据库 14.1 SQL语言简介

14.2 SELECT语句的基本形式 14.3 SELECT结构各子句 14.3.1 FROM子句 14.3.2 WHERE子句 14.3.3 GROUP BY子句 14.3.4 ORDER BY子句 14.3.5 COMPUTE子句 14.4 使用函数

14.5利用SQL语句操作数据 14.5.1 插入数据 14.5.2 修改数据 14.5.3 删除数据 14.6 视图和索引 14.6.1 创建视图 14.6.2 创建索引

14.7 Transact SQL程序设计 14.7.1 基本语法及变量 14.7.2 流程控制语句

第15章 使用ASP数据库对象操作数据库 15.1 使用ODBC连接数据源

15.2 使用Connection对象连接数据库

15.2.1 使用Connection对象打开和关闭数据库

15.2.2 向浏览器输出数据库内容 15.2.3 以表格形式输出内容 15.3 使用RecordSet对象

15.3.1 RecordSet对象的属性和方法 15.3.2 实现数据库的分页显示

15.3.3 利用RecordSet对象进行添加修改和删除操作

15.4 使用Command对象 15.4.1 RecordSet对象方法概述

15.4.2 使用Command对象执行SQL语句

第16章 数据库的安全性管理和Web服务器的架设

16.1 数据库的安全性

16.1.1 使用企业管理器添加账号

16.1.2 使用Transact-SQL语句管理角色 16.1.3 数据库的备份和修复 16.1.4 数据导入和导出 16.2 Web服务器的架设

16.2.1 创建Web站点

16.2.2 为Web站点创建虚拟目录 16.2.3 设置站点安全性

第17章 使用Dreamweaver MX制作简单页面 17.1 了解Dreamweaver MX操作界面 17.2 站点管理

17.2.1 设置站点信息 17.2.2 编辑站点 17.2.3 站点地图

17.3 制作简单的图文混排页面 17.3.1 制作基本文字页面 17.3.2 插入图像

17.3.3 创建超链接

17.3.4 插入其他基本元素

第18章 表格和表单的应用 18.1 表格的使用

18.1.1 建立表格

18.1.2 表格数据的输出和引入 18.1.3 使用表格布局整个页面 18.2 嵌入表单元素

第 3 页 共 4 页 18.2.1 创建表单 18.2.2 创建文本域 18.2.3 创建按钮

18.2.4 创建复选框和单选框 18.2.5 插入列表

第19章 Dreamweaver MX的深入应用 19.2.2 层的基本操作 19.2.3 层的应用实例

第20章 综合实例

20.1 创建在线新闻发布系统 20.1.1 网站整体规划 20.1.2 数据库设计

19.1 框架的使用 19.1.1 建立框架

19.1.2 框架的基本操作 19.1.3 利用框架创建网页 19.2 层的应用 19.2.1 创建层

20.1.3 创建静态页在和ASP程序 20.2 网上书店

20.2.1 网站整体规划 20.2.2 数据库设计

20.2.3创建静态页面和ASP程序

第 4 页 共 4 页

第四篇:标志设计教程

(一)Logo and Brand 发布时间:2012-10-12 16:41 点击:254次

------分隔线----------------------------

分享到:1

【评论本教程】【挑错本教程】

什么是标志?

任何经历,都会存入记忆,任何事件都会因存入记忆而产生意义,当我们回忆某些对我们有意义的人、事、物时,在脑海中浮现出来的那帧画面,那帧极具代表性极具意义的视觉画面,可以说就是一个代表性的“标志”。有时候,我们也会特意的为这些人或事或物加上更容易记忆的符号,例如下图中美两国登月标志。

我们给某人起名字,给某个产品一个概括性的图形,给某次活动组织一个象征性的徽章等等,都是为了方便人们更好的记住这些事物,这些代表性的画面图形文字符号,就是这些事物的缩略图,它们存在我们的大脑中,方便我们从脑海中提取,或者向第三方转述,亦或满足的使用,甚至勾起对它们的情感。 这些简洁的缩略图是我们记忆的图像寄托,简化了记忆的容量,如同我们只需要记住某个人的脸或名字,而不用记住和描述他的全部形态一样我们会其某人产生感情,会爱会恨,在不断接触过程中,我们会对这个人产生新的认识,这时候这个缩略图也就承载了更多的意义。例如,李小龙这个名字,不仅仅是一个中国人,也是一位武术大师,同样是一位电影明星等等,我们对他的情感,有欣赏,敬佩,爱戴,甚至是崇拜,这个几个字可以承载很都东西。

我们能回忆起来的标志对你我而言一定具有意义,这个意义可能是因为我们共同经历过(比如消费商品和服务,与某个人,组织机构打过交道等等),而对其产生功能需求,情感需求上的认识和记忆链接。

你可以说标志就是“符号”,因为通常来讲,我们所使用的“符号”一词是在使用其“象征”这个意思,某物象征着某物。没错,标志也是符号的一种,是一种具备商业价值的符号,而且一般都是图形符号与文字符号的结合。

严格的符号学来讲,符号是承载信息的载体,没有信息或者理解不了信息,符号的解读就不成功,这个符号对你而言就不成立,符号对你而言没有意义。 同样的,对一个标志符号而言,你没有接触过这个品牌或产品,甚至读不出标志里面的文字,那么它对你而言算不上是个符号。

标志的形成

标志的设计,从设计师手中出来,只算完成了一半,就像一个刚出生的婴儿,还不具备自我意识,需要后天的教育和培养。标志的另一半意义是在后期消费使用过程中慢慢形成的,而且在不断更新着。

拿可口可乐的标志来说,一个百年历史的品牌标志,出自一个会计之手,虽然一个多世纪的发展中,标志形态没多少变化,但是其在消费者心智中的意义却由最初的仅仅代表饮料产品,到象征着美国文化,成为了美国人生活的一部分。每一个标志的形成过程都是符合符号的形成过程,阐释本质信息,具备文化象征寓意,标志符号的意义不断完善演变,遵循着符号的规律。

标志的种类

标志有很多种叫法,徽章,商标、等等,这些不同使用习惯导致的名称区分没有多大帮助,具体是我们要理解客户口中这些的词语意思,根据他们的理解来使用,更好的与之交流,(比如很多客户在做标志时说要个符号,意思是说要个图形,文字也是符号,而且是语言符号的表象符号)。但是对于设计师自身,我统一把他们叫做标志符号,标志符号,都是有图形符号与文字符号组合而成,不论是不是具备商业经济价值(所谓的商标),因为从符号学的角度能帮助设计师更好的把控、分析和设计标志。因为我们设计出去的标志,都要与使用者发生交流。为了便于我们管理和设计标志,全部都统一到了视觉符号里。

任何事件都可以具备记忆图形或者概念,不论是一项活动,还是一个无盈利的公益机构,商业上我们经常做的无外乎以下几种类型的标志:

1)国家/城市类标志 2)企业/品牌类标志 3)活动/竞赛类标志 4)组织/机构类标志

当然还有一些特殊类的别的标志,不经常遇到,这里不一一罗列。

每种标志设计方法都有区别,思维过程也不一样,比如企业/品牌类标志,和活动/竞赛类标志的创意切入点就不同,一个从市场定位入手,一个从活动主题入手,一个要具备市场竞争意识,一个要体现历史传统和人文关怀,要分析的内容和提炼的概念也不一样,当然最后标志信息的沟通方式也不一样。

标志的创意与概念

商业设计都是具有明确目标的视觉传达,标志也不例外,提到传达与沟通,就离不开沟通的方式,标志虽小,但是仅仅通过符号传达信息是远远不够的,如下图的标志:

两个城市标志,一个纽约,一个杭州,标志的目的都是为了把城市推广出去,要传达的信息也都是自己的城市,但是第一个标志就换了一种沟通方式,而不是简单的展示信息,这种“我爱纽约”的信息沟通方式,也让这个标志感染了更多的人,以至于很多人都模仿,将后面的 NY 改成其他文字。

这是一种创意,是设计师讲故事的能力,单纯的展示信息,只是做了翻译(将语言信息翻译成了视觉符号),而换一种讲故事的方法,就需要更多思考和创意,这种创意本身对要推广的城市也非常有帮助。

这两个标志的在传达效果上的最直接的区别,就是一个让市民参与,给了纽约市民一种可以炫耀的口号,给了外国人猜测和探寻的欲望。 一个让市民品味,欣赏,当然也符合中国的艺术手法,但是如果我们的城市标志都这样做就没意思了。有杭州,还有苏州,还有桂林,如果都是一种直接展示的沟通方法,就会重复,没有区别。

标志与品牌

标志与品牌的关系,可以借助上面这幅图来理解。

品牌是提供我们日常物质与精神需求的媒介,是市场上具备法律与经济效益的组织或单位,它是企业(供给方)与我们(需求方消费者)接触的媒介。

品牌通过广告,产品销售,服务体验,与我们(消费者)交流,从而进入我们的脑海中,占据了脑海中的一个个需求岛屿。我们的需求在脑海中是概念化的,比如,吃穿住用行娱乐等等,任意一个领域的需求都被各大品牌所占据,消费者渴了想喝可乐,首先想到“可口可乐/百事可乐”,想吃快餐,首先想到“麦当劳/肯德基”,就是因为这些品牌牢牢的占据了我们脑海中饮料需求和快餐需求的岛屿,我们脑海中的每个岛屿都是一块块被各个品牌抢占的领土。

品牌和标志的关系,用脑海中的需求岛屿更能形象的理解。

标志就是这些登陆的品牌的旗帜,它们插在消费者脑海中的每个需求岛屿上,宣告着这座岛屿的归属权,消费者也愿意为之付出更多的金钱。而那些没有真正占据需求岛屿的品牌更多的只能苦苦挣扎,他们的标志,也没能真正的被消费者记住。这是个可悲的事实,也许我们设计师会为自己的设计的漂亮的标志图形感到小有成就,但是这个品牌能否成功登陆消费者的需求岛屿,才是标志成功的关键。最终还是品牌成就标志,成就设计师。

没有理解符号的信息,就没法存在脑海里,我们就不容易记住。以后我们也提取不出来。

即使我们理解了标志的信息,我们也记不住的那么多标志,我们脑海记忆容量也是有限的,举例来说,单纯的回忆,我们能回忆出的手机标志不多,苹果,诺基亚,摩托,HTC,你能回忆出多少?反过来问,我们到底有多少手机品牌?我们设计师又设计了多少标志呢?这些标志都能存在消费者的脑海里吗?不可能,

并非一个标志设计的好,图形简洁、形态个性、识别性强,消费者就能记忆并消费这个品牌,只有真正占据消费者脑海中的位置的品牌,消费者才会消费起产品和服务,才会记住其标志。 品牌战

这就是品牌战,现代市场格局下的商业战争,品牌战的战场就在我们消费者的脑海中,一个个岛屿就是各大品牌争相登陆占领的领地,谁先登陆成功,谁就具备了第一优势(以后你会优先联想这个品牌),也就是所谓的第一品牌。每一个需求细分下的岛屿都很小,容不下很多品牌,所以战争相当惨烈。

品牌战是心理战,目的是为了登陆消费者脑海中的某个需求岛屿,击退其他登陆品牌。众多品牌你死我活的持久战争,大量的资金人力的投入,就是为了能让自己的旗帜插在这座岛屿的最高处,一眼就能被看到。

如果你的脑海中提到某个需求,就会联想到某个品牌,说明这个品牌占据了你的这块需求岛屿(也叫做品牌定位--参见特劳特《定位》)。我们脑海中的岛屿比较小,每个岛屿容不下很多品牌,这和人的记忆模式有关,每个需求岛屿上我们最多记住3-7个,随着市场品牌竞争的加剧,同类品牌越来越多,大脑追求简单有效的记忆,可能只会记住两三个。随便说出我们所熟悉的需求岛屿,你会发现,往往都是两强对垒,运动的耐克/阿迪,快餐的麦当劳/肯德基等等,家电的苏宁/国美等等,当然每个需求都有不下百个品牌,但是市场占有率最高的,还是真正占据了脑海中需求岛屿的品牌。

品牌战争是当今世界格局下的新形态的战争,是不见硝烟的战场,具备大品牌的国家往往都是世界强国,世界500强,品牌排名就是衡量每个国家新形态下国家实力的排行榜。从公司到品牌,品牌强国通过品牌惯养着被品牌化了的全球消费者,向其他国家输送着产品,回收着利益,这是新形式的侵略,因为在这个格局下,商业品牌起步早的国家,在一轮轮品牌战争历练之后,已经掌握了品牌的游戏规则,他们知道,目前的情况下,不需要发动实际战争,只需要通过占领消费者的脑海中的需求岛屿就可以实现新的“统治”,就可以让一个国家的民众对其产生依赖。 品牌本身没有好坏,因为品牌就是提供人们的物质文化需求,但是每个品牌都产生于每个国家的人文生活习惯,都不可避免的带着这个国家和民族的行为方式,品牌化造成的品牌依赖更是文化的依赖,我们慢慢习惯洋快餐,喜欢美式幽默,喜欢韩国电视剧,我们慢慢模仿,我们慢慢“被奴役”,我们的工厂只能根据消费者习惯的需求来生产外国品牌的产品,我们的工人只能当廉价的劳工,因为国外品牌都来自国外的设计,我们只能拿着设计图,操作他们设计的机器,生产外国品牌的产品。看起来没有硝烟的品牌战,带来的却是彻彻底底的意识软侵略,也许这比真刀实枪的战事侵略来的更可怕。

我们是战士!

这就是品牌化,当一个国家的消费者,被某个外国国家的品牌 品牌化之后,对其产生的依赖,不是嘴上能说断就断的,因为这不是一个爱国主义者的事情,而是一个产业链的依赖,代工的底层劳动者,下岗面临的生存压力,不是一个买得起三菱车的车主能体会的。

另一方面,这更是消费者头脑意识中的依赖,这种依赖在长期的品牌消费中形成,外国品牌产品好,也是他们通过多年的设计创新和品牌战争换来的。为了彻底洗掉那句“……我们每年都参拜靖国神社,中国人照样会买我们的产品„„”的耻辱,光靠抗议游行,抵制日货,还远远不够,因为我们没有拔掉消费者脑海中那座需求岛屿上的日本旗帜,这是属于我们中国品牌企业家和设计师的战场,打赢这场品牌战,需要的是品牌战士,商场的每个设计师都是在为品牌服务,每个人都是战士,每个中国品牌都是一个军队,企业家就是将军,设计师就是品牌战士,从视觉到产品到服务,每个层面上的设计创新都是在提高品牌的竞争力,我们设计师需要品牌战争意识!

这是一场不能输的战争,虽不见枪炮,但是失败的代价,不仅仅是耻辱。 我们不光要把日本人从钓鱼岛赶出去,还有将日本品牌从每个国人的脑海中赶出去,拔掉他们的标志!振兴中国品牌,振兴中国设计,打赢这场旷日持久的世界品牌战争才是我们这代设计师的使命。

中国品牌的强大就是中国综合实力的强大!

品牌意识

很多设计师喜欢欣赏视觉设计作品,却很少设计师光顾品牌网这样的网站,因为现在中国品牌设计的现状还停留在品牌策划和设计分家,甚至是策划看不起设计的情况,加上设计行业的不景气,设计从业者得不到保证,设计教育没有市场经验,带出来很多只会追求视觉个性,但却不会和消费者沟通的设计师。

不能很好的掌握品牌意识及设计意识两方面的能力,做出的设计就可能顾头不顾尾。

当然,如果一个视觉设计师不具备品牌意识,而品牌管理者和品牌策划又不具备设计意识,那就需要一个组织良好的设计机构,通过良好的管理流程将其结合起来,做到很好的交流,从而来完成品牌设计。但是要经营一个良好的设计公司,可能比单独塑造一个优秀的设计师更难。这是中国设计的困境,是设计行业的现状,也是可以理解的现状,因为我们还在学习摸索,外国那套管理方法也许不适合管理中国的设计师,很多设计企业家都在摸索,成功也有不少,例如早晨设计等等。但对于一个品牌急速崛起的国家还远远不够。

每年众多的设计毕业生涌入市场,往各大设计公司广告公司里钻,其实设计师最好的归宿不一定就是设计公司,具备良好的品牌意识的设计师可以进各个品牌企业,服务专一的品牌,来实现自己的价值。现在越来越多的企业家,都慢慢具备的品牌意识,也开始重视到设计对品牌的价值,一个品牌企业给予设计师的社会保障比往往比设计公司来的好。像老罗英语就是很好的例子。并非每个设计师的梦想都是开设属于自己的设计公司,很多设计师有着自己的兴趣方向,找一个和自己兴趣相近的品牌,并为其服务,还可以学到更多这方面是知识,从而成为专向的设计师,实现自己的社会价值。当然,这前提需要学校设计专业开展品牌意识的素质教育,需要企业更加重视视觉设计师对品牌的作用,否则也很难让设计师自愿选择进入企业就值。

服务中国品牌

中国品牌是中国设计师施展身手的舞台,但是现状不乐观,应该说是悲观的,平时在城市里接触的更多是科技娱乐方面的品牌,而一些具备中国资源优势的产业,比如一些地方特产类的产业,却面临难堪处境,以前产的东西买不出去,是因为山高路不好,“要想富先修路”,路修好后,确实好买了一阵,但是市场同质化产品也多了,陷入了新的竞争,发现东西又开始卖不出去了,就拿湖北的罗田板栗来说,一个镇子,几十家板栗品牌,每个都有自己的企公司办公楼,产品展示区,甚至有着在我们看来很好的品牌名称,可是却每年几百万的亏损,很多企业找不到买产品的方法,不懂得市场竞争的游戏规则,可能连到哪里请策划团队都不知道,只能等着实力好的当地企业来收购自己,最可笑的是,来收购的企业,仅仅是收购工厂,却不在乎那很难得的品牌名称。

这都是品牌意识薄弱导致的,全球市场信息透明化,将很多不具备竞争意识的中国品牌暴露在全球品牌战场,剩下的只能是屠杀。也许作为设计师的你我就出生在这样的地方,眼睁睁看着自己的家乡慢慢沦为国外品牌的代工厂,你的亲戚和家人只能做这廉价的劳工。连小时候嬉戏的青山绿水都渐渐没有了…… 真正的胜利

拒绝日货,可以从经济上制裁日本,但是这也不能从本质上得到胜利,更没必要激进的砸掉已经购买的日货,这些行为可能只能增加本国民众贫富差距之间的不和。 做为设计师,应该思考“如何让中国消费者以自己本国品牌为骄傲,使消费者购买中国自己品牌的产品不仅仅是因为爱国,而是因为中国品牌设计的东西真正好,我们真正想拥有!”

消费者认可外国品牌,并非全部是消费者的错,中国品牌的竞争意识不足,导致竞争环境恶劣,虽然战场残酷,但也讲究道义,损害良心的竞争手段,只会下走消费者,导致他们选择国外品牌,奶粉品牌的竞争,就是很好的例证,没有哪个妈妈不为自己的孩子着想,如果中国品牌的奶粉不可靠,妈妈们选择外国品牌,难道是不爱国? 良好的品牌环境,需要每个企业家和设计师共同促进,否则即使赢得了战争,也没有自豪感!

认真的对待设计,不论是视觉、产品还是环境设计,真正的为消费者考虑,用对设计的热爱,和一个公民的良心去做设计,更加原创的对待创意,到最后,我们才能让消费者为我们的品牌骄傲,才能拔掉国人脑海中的外国旗帜。

品牌创意战士

品牌定位之父特劳特说过,中国今天的品牌比起未来十年的品牌市场,就像是茶话会一样轻松,21世纪是中国品牌崛起的时代,是真正属于设计师的时代,设计兴国,是通过品牌竞争实现的,设计在这里是起到了一个品牌最具创造力的核心作用。设计,创新!

作为设计师生在这个时代是幸运的!有能实现自我的沙场!

网上有问,“如果开战,你的职业能为中国做点什么?”

我想说 不是“如果”,品牌的战争每天都在进行,设计师每天都在战场上,只是有些设计师还没有意识到,我们这个职业对中国的意义,还没领略到这场品牌战争的厉害关系。

我们是战士,我们是品牌创意战士!文字符号设计方法1--笔画字形(体)设计方法 文字符号设计方法分类整理

不论是图形还是字体设计(文字符号设计)都是为了更好的传达信息,让文字的意义更好更准确的传达。

* 因为文字符号本身具备一定的形态,所以,字体设计受到本身形态特征的限制,字体设计变形不能影响文字的识别性;

* 不能影响之外,还需要协调这些不同结构的文字的笔画结构,使之更加容易识别;

* 每个文字,都具备自身的意义,再加上我们是在为品牌服务,所以很多情况下,我们还需要通过字体传达额外的信息与感觉,这就要求我们根据要传达的信息与感觉,对文字进行处理;

这就是我们设计师遵循的三条字体设计原则: 1)把握文字特征

说识别性是字体设计的第一原则,因为我们的目的是为了传达,传达必须满足的首要条件就是识别出“是什么”,这个“是什么”,对文字而言就是字体结构特征,我们也叫做“字法”,格式塔心理学告诉我们,我们之所以识别出“是什么”,就是因为我们在脑子里存的是事物的结构特征,也就是关系,在文字符号里,关系就是字体结构,也叫做“字法”。

同样的笔画,按不同的方式(位置关系)得到不同的文字。而不同的笔触(不论是毛笔,粉笔,或是火柴棍„„)只要位置关系一样,我们都能识别出是哪个字,这就是结构特征起到的作用。如下两图:

对字体本身结构特征进行把握,特别是作为方块字形态呈现的汉字符号,其形态比拉丁字母形态相对复杂些,笔画结构种类都更丰富,我们现在常用的是简体字,通常情况下,我们首选简体字,繁体字用的较少,但有些繁体字具备很好的寓意,也被经常使用,汉字识别性强弱,来自人们日常使用的多少,及目标消费群的使用习惯,我们可以更具实际情况来决定。关于汉字与拉丁字母结构特征的把握,参加博文链接:《汉字结构特征的把握》 《拉丁字母结构特征的把握》。

充分把握字特征,我们可以分析要设计的文字,分析它们之间的笔画特征的异同,从而考虑笔画字形上如何协调统一,可以使用那些设计方法。

2)协调笔画结构

汉字笔画结构不一,同是方块字,摆在一起也有不同,我们通常将汉字笔画做呼应处理(比如将要设计的一组文字里的同类型的笔画都做弧线处理等等),都是为了让字体笔画结构协调统一,阅读起来流畅从而更容易识别。

3)字体个性表达

协调统一是为保证字体的识别性,但是很多时候,我们也追求个性,这个“个性”并非是无厘头的创新,而是为了更好地传达字体信息(或者品牌信息),这个“个性”往往就是品牌的内涵义,比如一种感觉,例如“瑞丽”是个女性杂志的名称,那么字体设计时就通过笔画结构将“女性的、时尚的”感觉融入字体中。所谓“个性”,如果对字体信息的传达没有帮助,那么在商业设计这种需要明确目标的视觉传达中,将没有意义。(完全无目的寻求个性的设计,我们设计师可以拿来锻炼,寻找设计新的可能性,这里我们不讨论。)

这篇文章我们只分类设计方法。

(字体感觉的分类参见下篇博文:《汉字符号设计感觉分类》)

我们将现在常用的字体设计手法总结归类,可以得到一些规律及文字设计思维方法,作为我们处理字体的依据。

汉字符号的设计,我们可以从以下几个方面对文字进行设计:

1、笔画/字形(体)

2、色彩

3、材质

4、书写手法/方法(工具)

5、与其他符号图形组合

这是第一篇,主要列举“笔画/字形(体)”上常用的设计方法,不包括加入图形的处理手法,纯粹的是笔画和字体形态上的处理方法:

----------------

一、笔画/字形(体)

字体设计最基础的,就是笔画和字形,先抛开色彩和其他的不谈,单单是笔画结构上的设计方法就有很多方法,但是这些琳琅满目的设计方法,都必须遵循字体结构特征的识别性,在我们拿到要设计的文字,分析文字笔画结构之后,下面的方法就派上用处了。每个设计师不可能记住这么多设计方法,我们整理就是这个目的,到用的时候,可以打开参考。平时可以拿出来练习。对设计师而言,重要的还是清晰的思维,知道到哪一步,可以使用什么方法解决。不要被这些方法或者软件技巧束缚了。

这些笔画和字形上的设计方法,总体而言都是两个方向,也就是前面的原则

2、和原则3:协调统一,个性追求。

笔画上设计处理方法:

这里列举的例子都是在网络上搜集到的各位设计同僚的设计作品,只是做学习使用,并非拿来做商业用途;很多列举的例子并非纯粹的使用一种方法,所以很多例子不极致。但是大家能理解意思就好。

不可能将所有的方法列举全面,关键的不是有多少种方法,而是分享给大家一种管理设计的方法。知道在脑子里如果存放这些方法,后文会讲到。 笔画粗细对比

我们可以加粗或者减细笔画,也可以强化笔画的粗细对比,宋体里面本身就是横细竖粗,是为了视觉上的容易识别,当然我们也可以像上图图示中一样,竖笔比横笔细。

笔画的粗细,不是单纯的为了效果,很多时候是为了处理笔画较多的字,有的汉字横笔或者竖笔过多,我们可以简化减细不太影响字形结构的笔画。笔画粗细对比强烈有时可以产生很时尚的效果,很多时尚杂志都在使用特宋这种笔画粗细对比强烈的字体,就是因为其本身传递出的量感,字体看起来叮当有力,像是产生了强烈的声响,又现在的话形容就是看起来很酷,这种“酷”,不是通过特殊的设计手法表现出来的,只是通过加强自身的横竖笔画的量感达到的。

笔画分割

笔画的分割或者分离,可以表达畅通感,同时这样类似空心字的手法,加上汉字本身笔画很多,就会造成视觉上的闪烁,比如上图中的“孙子兵法”,这种视觉闪烁,让人迷惑,但同时符号字体的意义,兵法--布阵,迷惑等等。

笔画分割较细时,看来也会像是字的高光,这就使字产生了立体感。像上图的“西街走廊”,处理时,可以根据感觉需要来觉得分割的距离大小。

笔画挨近或重叠

我们可以拉近两个文字的距离,只要这两个字的两笔笔画靠近之后,不会对文字结构产生影响,不会影响文字的识别,像上图图示中例子一样,笔画挨近,甚至有的笔画重复时,就用同一笔代替,省略了笔画,这种手法也给人一种试图努力区分文字和解读单个文字的乐趣。

笔画连结

行书里会连笔,书写快速之后,自然形成了连笔,所以连笔不只是为趣味,在视觉上,也使字体看来流程,很多表达快速,畅通的产品或服务都喜欢采用连笔,例如,物流,交通等,笔画与笔画的连结,需要先分析笔画是否适合互相连结,连结之后,字与字彼此之间的结构时候还能识别。

如果笔画连结之后,确实影响了文字结构,适当的断笔,用间隔来补充字体结构,不用刻意的非要连成一笔,很多初学者,都很刻意的进行连笔处理,导致文字结构都被埋没在连形成是新结构里了,这种以忽视文字识别性的连笔处理不可取。

有的字可能上部分的横笔适合连结,有的是字的中线,有的下面的笔画,如果你打算竖着排列文字,就考虑竖

笔画适当断开

有连就有断,汉字结构有很多转折和链接处,这些部分在视觉上会挤在一起,形成较大的面块,特别是当我们需要将字体处理成很粗的笔画时,这些面块就会形成视觉的上噪音,断笔可以增加间隙,缓解这些较大的面块。

断笔可以有很多种断法,但是常见都就是在转折处和连接处切断,还有一些是为了创造一种字与字之间的呼应,而特意采取在固定的某处进行裁切。

笔画省略

与上面切断不同的是,省略是直接省去某一笔,例如上图图示中,“触点”合用了口的一笔, 右边的“原点设计”则统一省略的口的竖笔,这样可以使原本竖笔很多,字体结构又是左右结构的“设计”看起来清爽许多。

在文字中,如果重复笔画过多,我们可以考虑使用省略笔画,如果我们需要采用紧凑的效果,又要保证文字易读,也可以考略笔画,共用笔画就是省略了笔画。

有些字体设计分类方法,有 两笔合一 或者 一笔勾销等等,他们都属于连笔,不属于笔画省略,连笔没有省略笔画,在视觉上,他们都完整只是连在一起了,省略是直接的去掉。在效果上也许目的类似,但是思维上不同。

笔画添加

有省略就有添加(添加笔画不是在添加一个具象图形,添加抽象图形的字体设方法在后面的博文讲,这篇博文只讲单纯的笔画字体的处理方法),添加新的笔画,不能破坏字体特征结构,影响字的识别,添加往往是为了烘托,强化字面意义,这种手法也不是笔画的延长,而是加入新的笔画,修饰字体。

笔画间隙填满

如果将笔画加粗,有的围合间隙就会变小,如果笔画足够粗,即使将其填满,也能达到呼应效果,围合成的空隙本身就是方块,其四边形的特征还是很明显。 笔锐画

--尖

比较常见的处理手法,就是直接将笔画末端,处理稍微处理成上图所示的样子,这是比较简单的使字体产生统一感的方法。当竖笔较多较粗时,可以处理竖笔末端,如果横笔较多,可以像上图“地下铁”一样处理横笔末端。

笔画末端--延长

适当的延长某一笔的笔画,使文字产生亮点,或者在所有文字上共同的某一个笔画一起延长,从而统一字体,不失为一种办法。

笔画末端--扭转

笔画延长之后还可以做很多效果,比如扭转,如上图所示,很多外国拉丁字母花体设计,喜欢将最后一笔延长,然后转成很漂亮的花纹,汉字中也有很多女性意义的字体设计,也模仿这种手法,塑造女性的感觉,有的可能要添加一些额外的笔画。这和我们后面归类的“笔画添加”略有不同。

笔画末端--突出

针对笔画的末端还可以故意使其突出点,强化结构,也能做到统一。并非是某一笔的延长,而是每个字的四周笔画末端都做突出协调。

笔画回折

很多不是繁体字的简体字都在模仿篆书的效果,将笔画进行回纹处理,这种做法,可以填充笔画较少的字的内部空间,只要多出来的部分仍然符合文字结构特征,还是能够识别出来的。同时这种字体,给人传统的意蕴,传达出篆体字的意味。其笔画都是横平竖直,也强化了方块字的视觉效果。很多这种类型的字体都设计的很复杂,而识别困难,当然如果我们打算做成窗户屏风什么的,再怎么回转都不为过,但是如果作为标准字,或者字体标,识别性还是第一位的。不应让“个性”埋没了“识别性”。

笔画的方正化

和笔画回折不同的是,这并不是利用回文来填充空间,也不是要加入篆体书的古味,而是纯粹的将所有笔画都做横平竖直的处理,将所有斜笔也做水平垂直处理。因为汉字方块字的结构特点,这种处理手法也适合汉字,同时给人机械,现代几何化的感觉。只要不很负责的文字,也可以很快识别。

撇捺挺直

弯转的撇捺,有时和方块字有些难以呼应,将它们挺直处理,可以呼应竖笔,同时字体看上去更加犀利稳健,具备男性、商务的气质,如上图图示。如果要设计的文字中,只有一两笔是撇捺,那么我们可以直接处理成直的斜笔,来呼应竖笔,如果很多撇捺笔画,那挺直的处理可以得到行的呼应效果,如果,上图 左边的“未来广场”,每个字都有撇捺笔画。

撇捺呼应

如果文字里撇捺很多,包括横折弯钩,我们可以直接利用撇捺强化来使字体得到呼应,与上一种撇捺挺直类似都是处理撇捺,这里是笔画的弧线呼应。这两种手法都是针对撇捺笔画较多的文字。

折笔圆滑呼应

将直角的笔画处理圆滑,可以改换文字生硬的气质,文字同类笔画,或同方位的折笔,处理成圆角,本身就是一种调和呼应的手法。就像把文字放在一个圆角矩形里一样。

斜笔呼应

很多字体里斜笔较多,强化出斜笔,也符号我们的意图,那么我们也可以将某些横笔做倾斜处理,使所有自己都往统一角度滑落。形成新的视觉美感。

除了横笔倾斜外,还有一种最常见的处理就是将折笔处做斜线处理,多出转折的笔画,使字体呼应,如上图的“创意设计”,还有很多标志标准字喜欢,直接切掉转折处,例如上图的“国际中心”,都可以塑造出斜笔呼应的效果。 笔画的像素化

这种笔画的处理手法,是模仿像素化形态的来的,转折处,形成点化效果,LED户外大型广告屏上的效果,可以塑造科技化的味道,同时其散点式的视觉效果,也类似点彩画法,模糊的视觉视幻效果,也可以表达类似主题的设计,比如上图的“布波印象”。

一笔笔画特殊处理的呼应

有时为了使文字之间有强烈的呼应效果,我们也会找出其共同的一笔笔画,对其进行特殊处理,上面的三幅举例中,大家可以看到,特殊的一笔处理,并没有和其他的笔画有共同点,这特殊处理的一笔在笔画特征上与其他笔画有很大差别,这是一种,通过特异手法来达到呼应效果的手法。

一笔笔画特异

有呼应,就有特异的追求,将其中的某一笔,做特异处理,增加亮度,注意这里不是置换图形手法,没有加入具象的图形符号,具象图形符号与文字符号的组合方法,在下一篇博文里,这里的特异笔画只是没有具象意义的特殊笔画而已,仅仅算是加入了抽象图形。

以上都算是笔画上的处理方法,下面是从字形上整理出来的处理手法。

字形拉长

同时拉长所有文字的笔画,使字体看起来瘦长高挑,如上图图示,在方块字的基础上,竖笔无限制的延长,也没问题。

延长字形,重心就落在了横笔上,横笔的上下移动,对字体重心起到了关键作用。

字形压扁

有长就有扁,宽大的字体,压缩后,也可以得到很酷的效果,追求辽阔,大气,文字,都可以考虑字形的压缩,在水平线上的压缩就是在强化横向视觉,可以增加速度感,所以很多横笔连笔的处理,为了追求速度感,也会同时压缩字形。字形倾斜

有的字体可能不需要做多大变化,只是倾斜一下就可出现想要的效果,倾斜本身就是一种协调呼应笔画的手法,有的撇捺笔画,当我们倾斜后,它们自然与竖笔统一了,例如上图的“易邦”“开口乐”。

除了字形倾斜,也可以像图中的“四川”一样,笔画倾斜错落,来得到倾斜效果,这种手法适合笔画单一,结构简单,错落之后,结构依然能识别的情况下。 字落

分析文字的笔画,然后上下左右的组合,让横笔或竖笔在一条线上,从而容易连笔,或笔画互相替代,或者文字字母意义就能通过错落表达。其造成了很好的视觉效果,但是也要注意文字阅读的习惯,不要错落之后,读不通顺了。

字形反转

有些文字左右结构形态差别不大,有的文字结构简单,发转之后,依然能识别,或者文字的字母意义,需要用反转来表达,例如上图的“印刷”“平面印制”,香奈儿的标志就是发转字母的设计。因为拉丁字母结构相对简单,反转之后,依然能很快识别,但是汉字结构将负责,往往发转之后,不容识别,所以这种手法相对较少。

字形正负

反白处理的效果,也是一种方法,有时候,我们直接放在一个底色上,如上图的“东”,有时候我们利用文字笔画来塑造正负形,如上图的“黑白恋”“兄弟映像”。

字体的不同组合

采用不同的字体组合,或是粗细不同,或者是字体不同,往往是根据要设计的文字意思来决定,对比也使得文字意义的结构得到重视,增加了主次关系,增加了重音,例如上图的“醉江湖”。

字形的空间体积

追求体积空间,是很多现在字体设计的追求的,特别是很多电影都在往3D发展,它们的字体都设计成了立体效果,除了最基本的将笔画立体化之外,还有很多可以塑造空间体积的方法,例如:透视、光影、投影、重叠、虚实、放射、变化程度、层次变化、不同方向等等,如果你看过我整理的关于标志图形的空间体积的处理手法,你就知道,这些方法也完全适用于字体设计。这里我们并没有找到很完美的汉字设计案例,所以仅仅贴出几种,以后慢慢补充。

上图是通过加入透视,来塑造空间感,简单的让字体符号你所画的透视线 ,就可以塑造出来。很多漂亮的标志设计,都使用了透视。

上图是通过阴影来塑造字体的空间感。笔画与笔画之间有了距离,这是阴影手法,还有投影手法,就是在整个字的下方加入投影,投影和文字结构有必然的关系,不是单纯的加一个投影。 上图的空间感不是很明显,这种手法就是重叠,一个文字挡住一个文字,自然形成前后的空间感,例子没有找的很完美,大家也可以自己寻找收集。

字体的时间运动

同样的对于字体时间感和运动感的处理,都会在设计中遇到,标志图形中的处理手法,一样适合字体设计,比如:时间经过、运动瞬间、连续的同时、利用变形的运动、摄影的运动记录、新视觉的发展、利用频闪运动的表现、运动的扩大与压缩,这些手法很是很少人尝试的,很多国外的字体设计都在尝试,但是我们这里主要整理汉字的,没找到很好例子,以后慢慢补充。----------------

关于设计方法的记忆: 以上的方法虽然很多,但是只要理解是怎么分类的就能在脑子了联想起来,我们不需要一下子记住所有的方法,但是我们可以将方法分类,层层条理化的记忆,如果让我们一次说出30多种处理方法,我们肯定记不住,但是我们可以把他们分成 针对 笔画 字形 的 ,笔画处理 无外乎就是“加、减、切、斜、特殊呼应”,字形处理无外乎就是“高、矮、胖、瘦、正负形”这些都符号我们的记忆联系习惯,剩下就是互相组合,很快就得到上十种和上百种设计方法了。

其实就是一种根据我们的大脑记忆习惯来整理设计的方法,是一种快速学习的方法,设计师是在解决问题,需要准备好针对各类问题解决方法,这就需要整理,整理要针对我们大脑的记忆方式,同类事物,我们顶多记住7个,清晰的记忆大都是3到5个,所以,我喜欢将主体设计方法都按三个来整理,

1、

2、3条,(就想上面的3条字体设计原则,然后 笔画 字形 字体 上的处理手法等等),很容易一次性的说出,剩下的每个里面分3-5种,这样,你只要按着目录一次性的联想下去,可以说出几十种了。

也许你没有尝试过这么多种设计手法,但是整理出来之后,可以慢慢按照类别选择性的练习,这样掌握的更快,你可以对某种处理手法生疏,但是一定要知道这种手法分在哪个类别里,因为面对客户,你需要思路清晰,所以,后面需要我们设计师管理好自己的设计资源和设计方法,不要漫无目的去随便学习几种方法,练习时,你可以选择自己喜欢的,毫无目的探究,但是如果我们要面对客户,就一定要学会设计的管理思维。

设计师如何看懂标志 很多标志设计学员说看不懂标志,我之前写过三篇简单的博文,来帮助设计师自我检查标志设计能力,如果要说自己能独立完成标志设计,我们可以从这三个方面来检验自己:《如何“看懂”标志》、《如何“会做”标志》,《如何“推销”标志》。先前的博文里只有几张图,很多人不知道如何使用,既然不少人问起,这里详细说明下。

从一个设计师的角度来说,看懂标志包括了,两个方面,1)如何看懂 2)如何鉴赏。

一、“看懂”标志

看是要求设计师能看懂标志的行业特征,符号寓意,及图形设计手法,这需要设计师掌握标志在设计上的分类、标志的传达原理以及标志设计的思维方法。

如下图所示,我把设计手法归纳到了表格里。拿到一个标志,能按照顺序从左到右的对号入座,就说明你看懂了这个标志的设计手法。

1)看懂标志的图形设计手法

从左边第一列,我们先区别自己所看的标志是那种类型的标志,从标志设计要处理的视觉符号类别上来分,就两类,图形字体标志,和 字体标。

一般的标志设计不会只有标志图形,不加标志标准字的,即使在后期的推广中,省去了标志标准字,(如耐克,广告只出现一个图形不出现字体,这都是因为品牌本身已经广为人知,多年的巨额的广告费的投入,已经让人们将这个图形与“耐克”这个名称挂接起来,看到图形就知道是耐克)。

新建品牌,不会只呈现一个图形,一定会加上标志标准字一起呈现,相对这一点,字体标志就有优势些,因为其字体本身就是标志(或者图形和字体不能分开),这在传达上比图形标志有优势。因为字体标志能在消费者的脑海中占据一个概念位置,同时占据一个声音位置,这都能更好的帮助消费者记忆。对品牌的推广有很大好处。

图形字体标志的“看懂”

先说怎么看懂 图形字体标志,标志的标准字当然就不会太难看懂,因为加图形的标志,一般字体就不会太花哨,否则放在一起展示会抢了图形。

图形符号的分类

这里需要先说明下,我是如何分类图形符号的,标志里使用的图形符号只有三类,具象图形符号,抽象图形符号,文字图形符号(文字也是图形符号,因为我们把它当做图形来处理)。我按照符号的理解方式,将文字图形符号归在了具象图形符号里,具象图形符号就是我们能一眼就能看出是什么的图形,能叫得出名字的图形。文字符号也是能一下字读的出的,所以也归在具象图形符号里。

我们能够用于标志设计的符号,无论汉字还是图形图像,我们都称之为视觉符号,对于标志视觉符号的分类,有利于我们选用正确的符号,来正确的传达信息。 常用的标志符号可以大致的分为两大类:

1.图形符号 ---- |抽象图形符号(圆形,三角形,方形,五边形,多边形,方向形)

|具象图形符号(人物、动物、植物、建筑物、自然物、器物,概念图形) 2.文字符号 ----(文字、数字、标点、特殊字符)

关于具象图形符号与抽象图形符号的区别,在于我们是用左脑理解还是用右脑感受符号的信息。

比如:对于一个具象符号,苹果我们看到后,就理解是“苹果”,这是左脑理解。但是对于抽象符号,如一个形态或一堆的色彩,我们要理解符号后面的意义,就得用右脑去感受了,比如,看到NIKE的标志,我们无法一下子理解这图形的要表达的信息,那么我们只能感受到图形的动感,然后我们理解NIKE的迅速,运动的激情等等意义。这就是抽象与具象符号的信息理解区别,没有绝对的抽象与具象,都要相对于观看者,当我们面对一个新鲜的视觉符号时,我们叫不出是什么东西,一般都会先用去感受。如下图:

其中文字符号,我归类于具象符号,因为其识别意义的方式,和具象符号相同,都是用左脑理解。

所以最后的标志分类成:

为了信息传达的简洁,一个标志不会使用太多具象图形符号,如果超过三个,基本上就可以归属两个类别,这样方便人们快速理解标信息,比如有些动物园的标志,虽然有很多图形,但可能都是动物类具象图形。

图形同构(信息的视觉编码)----针对两个具象图形符号

如果使用两个以上的具象图形,那么就需要用到同构手法,比如上图中,我们能看出有两个图形符号一个眼睛和一个对话框。它们之间就需要用到同构手法,这里的同构手法是透叠。图形的同构不单单只为为了视觉,更是信息的同构,在传播学里叫做信息的编码。上图中的图形使用透叠的手法将对话框和眼睛组合到一起,那么我们解读出的意思也就是随着图形同构的关系解读出来的。眼睛代表着视觉,对话框代表着表达,两个对话框交错,意味着交流。结合眼睛图形,其整体的意义解读就是“视觉交流,视觉沟通”,这个标志基本上就可以猜测出是什么行业了。

同样,我们再举两个例子,这里面能找出一个文字图形符号“M”,另三个都是一类的,刀叉勺,一看就指代了餐厅行业或餐具行业,M肯定是这个品牌的首字母,指代了这个品牌,它们之间的同构手法是异影,这种手法往往被用来表达揭示的信息,这里,我们可以理解出来,“M”(这个品牌) 其实是做餐饮的。这就是标志要传达信息,说明这个品牌是做什么的。

标志设计常用同构手法,我总结了十二类,方便自己把握。 并置、重叠、透叠、嫁接融合、异影、共生正负、置 换、适形填充、仿形、 隐形、延异叙事、悖论矛盾 具体参见我的博客里的详细解读及举例。

我们将这类具象图形的标志 里使用的具象图形,分为两类,一类代表品牌,例如上例中的 M 或 S ,另一类代表行业内涵,说明是做什么的,或者做的怎么样。 这就是标志要传达的信息,

“我 是什么(叫什么)”

“我 是做什么的”

“我 做的怎么样”

标志中所使用的图形都是代表这些信息的图形符号。当我们使用的是两个以上的具象符号时,就需要用到图形的同构。更多设计分析相见我的博客。 表现风格----针对一个具象图形符号的标志

如果我们只使用一个具象图形呢?

那我们的标志图形就要通过不同风格的处理手法来传达信息的,如下图:

我们只能在这个标志图形中找到一个(类)图形符号,那么我们顶多能通过符号猜测,这可能是个酒吧标志,那么“这个酒吧怎么样”的信息就要通过表现手法来传达了,我们看到杯子是用线化效果表现的,这个线化效果就是设计师对这个酒吧的感觉,他觉得这个酒吧,轻松愉快,很多选择,就采用了轻松的线条,多彩的色块来描绘这几个杯子,让观众通过感受,理解标志信息。

表现风格有很多种,你有一种感觉就会有一种图形上的表现风格,可谓无穷无尽,但是我们也可以将其归类,无论什么感觉,最后设计师要处理的无外乎,

1、二维平面化效果 (点化效果、线化效果、面化效果)

2、色彩的表现

3、质感的表现

4、体积与空间的表现

5、 时间和运动的表现

6、视幻错觉的表现

这些基本要处理的东西,千万种感觉都是通过处理这些方面得到的。所以我们只要记住这些表现的常用的表现能力即可,比如,我们了解点化效果经常用来,或者能够用来表现什么感觉,那我们就对其有的把握,下次想要表达一种感觉时,可能自然就联想到可以用点化效果来表现,那么打开你收集的点化效果的标志,找出相似感觉的标志案例,剩下的简单了。再举几个例子:

质感有很多种,当我们将其分类就好把握些,每种质感,练上一两个标志就基本掌握了质感的表现。具体的参加博客文文章,这里不赘述。

很多人不知道表现时间感和运动感有多少种方法,使用最多的是运动瞬间的定格表现,比如彪马的标志,一只跃起的豹子,但是还有很多方法可以使用,具体的参见博客文章。

并不是只有“一种具象图形符号的标志”才考虑表现风格,只是这样类型的标志最看重表现风格,其实每个标志到最后都会考虑表现风格的问题,我们往往都是先确定图形的同构手法,才考虑使用什么样的表现手法,不要片面理解。

张力形式感与象征----针对抽象图形符号的标志 下面说说,抽象图形标志的“看懂”

图形可以纯粹的表现感觉,还可以用一种抽象图形的结构,或者是色彩来象征某种事物。

这种标志表现的方法,就需要使用抽象图形来表达。

抽象图形(一般为几何形态与我们无法具体读出概念的非几何形态)通过形态感觉,色彩感觉,质感感觉来表述一种抽象感觉,或形式结构、色彩象征等等。

因为当一个图形我们能够看出它是什么事物时,我们会先解读它的意义,而如果我们不能一下识别出它是什么,那么我们就会去感受图形的形式带给我们的感觉。比如,你看到一个发射感强烈的图像,你不知道它描绘的是什么事物,但是发射这种形式传达出的强烈的形式感,会带给你视觉上的刺激。

我们平时看到的抽象图形的标志,感觉他们即像这个事物,又像那个事物,好像都说的通,那么设计师为何要这这样处理呢?正是为了揭示出图形的形式感,放大其蕴含的形式感觉,而忽视其具象意义,从而刺激受众心理的感受,传达出一种感觉,这是一种形式归纳概括的抽象,和我们从万物形状中总结出来的正方形,圆形,三角形等,都是形式抽象。

形式就是力的组合方式,我们对于力的组合方式的把握都来自于感觉,形式直接刺激作用于我们的视觉力,视觉力与我们的脑电波发生共鸣,产生心理感受,这才是形式之所以产生感觉的原因。

有形式抽象便有概念抽象,比如我们从苹果,梨,香蕉等抽象出“水果”这个概念,水果这个概念包含了你吃过的水果的共同点,比如甜的,多汁的,有皮有肉还可能有籽,然后我们利用这个抽象出的概念来判定下一种我们没有见过的水果,假如你没见过,火龙果,但是你会在品尝的时候,利用原先你对于水果的认知把握,来判定这种东西属不属于水果。

这就是抽象,抽象是我们把握事物和学习新事物的方法,之所以有形式抽象和概念抽象,是因为我们人类在把握事物的时候,只接收两种信息,一个是力的形式,一个是力的概念,力的形式刺激我们的感受,当这种力的组合形成一种固定的可以叫的出名称的事物(比如正方形)就形成了力的概念,概念比形式更容易表达事物,只要我们都有一种认识库,(你我都知道什么是正方形)我们便可以利用概念来相互交流,这比用力的形式来交流方便的多。

所以,任何一个事物对于我们而言,都会先有形式感受,在你不知道这是什么的情况下,你会描述它给你的一种感觉,如酷的,冷的,活跃的,浪漫的(力的形式),你也会说,它就像什么,如就像一种水果,一种车子,一种植物(这是在利用抽象接受新事物),概念意义是后来我们给予定义的,是我们把握事物的方式。 形式感觉储存在右脑,概念储存在左脑。惯用左脑的人,容易记忆概念,惯用右脑人,容易记忆感觉。

关于人的认知与感受是如何形成的,具体内容参见我的设计意识的博文:《认识规律及目的、完型匹配,力的共鸣》点击即可链接

以上是说明抽象图形来源与定义,我们用抽象图形来设计标志传达信息时,主要是通过两种方式

1)利用抽象图形来表现抽象感觉

2)利用抽象图形或色彩的象征意义,如用环环相扣来表达团结,用发散结构表达无限能量,用蓝色象征智慧科技,用红色象征热情喜庆等等。 针对抽象图形标志,设计师要把握关键:

仔细把握每种力的形式感。

形式美感,对于每个学艺术设计的人来说都了解,形式美主要就是对称均衡了,韵律比列啊,协调统一啊,等等,学校中训练的主要就是形式美感的把握,只要在设计时谈到形式美感问题,我们都会用这个“形式”来说明问题,往往我们会把“形式”和“形态”弄混淆,以为我们说的形式就是形状形态,这里我们需要重新强调一下,形式是张力的组合方式,视觉张力并非只有形状,我们看到的色彩,质感,都会给我们一定的张力刺激,比如对比反差很大的色彩,其张力远远大于临近色的张力。

所以形式包括了形状,色彩,质感等多个方面的形式,在视觉上的东西都具有形式,只是其内部蕴含的张力强弱的不同而已。

我们所谓形式美感法则,只不过是最受人们喜欢的几种形式(张力组合方式)而已,对称均衡,对比等之所以被当做形式美法则,只不过是因为人的普遍心理适合这种张力的组合方式。我们设计师应该客观的对待这种形式法则,因为我们要向特殊的人群传达信息,要考虑传达时的环境,人的心境,比如有的形式虽然很狂乱,不符合我们说的均衡的形式法则,但是它却适合你要传达的信息,也适合这类消费人群的心理,那么这种情况下狂乱就是好的形式表现。

没有绝对好和绝对不好的形式,只有适合不适合的形式,是否符合要传达信息的感觉,美感来自于每类人或每个人的满足,如果客户和消费者渴望安静,那么形式就是安静的。

形式张力是对比出来的,对比大的张力也大(比如狂乱的感觉),对比小的张力也小(比如温馨的感觉)。

横向来看,张力小到张力大,有很多阶层,每个阶层都会引起人们不同的心理反应,我们也叫做情绪反应,因为情绪反应是感觉形成的初步,你想通过平面视觉效果让消费者产生什么感觉,那么你必须知道,画面中的形式张力,能否刺激出相应的情绪反应。

我们把这个叫做调子,调子就分成了形态,色彩,质感的调子,比如高调是明亮的,中调是灰度的,低调是暗淡的,长调,中调,短调是形容对比程度,也就是张力的大小,这样我们可以得到很多种组合,高短调,高中调,高长调,中短调,中中调,中长调,低短调,低中调,低长调,等等。

每种调子都会刺激一种心理张力,然后通过形色质的不同来对应你想表现的任何一种感觉。形式张力的把握就是调子的把握,调子就是对比程度,所以形式感的把握说到底就是一种调子(度)的把握。设计师就是要这样把握形式美感。

标志设计中的形式一样是调子的问题,只不过更突出,更极致,经典的张力的组合方式反应在图形上就是图形的结构,主要有对称,发散,渐变,特异,还有一些结构,但都是这些基础结构的组合,不需要一一介绍,如下图:

对称

发散

渐变 特异 都是力的组合结构,在形式上有它们的特定的心理刺激,我们也会用它们来做象征表述,在推销标志时,设计师喜欢将这些抽象的结构做设计说明,如这个发散象征了品牌的什么,这个特异的亮点象征了什么等等。(参见我博客的图形形式感介绍)

针对用形式结构或色彩象征的标志,需要我们对一些基本的结构与色彩象征熟练把握。这些在最基本的色彩描述类文章里都能找到。这里不做赘述,后面在符号寓意时还会具体讲解符号的象征。

------------------------ 字体标志的“看懂”

字体标基本就是将字体符号作为图形符号来设计调整,我们把文字符号归到具象图形符号里,因为其处理手法就是具象图形的处理手法,所以,我直接举例,不需要赘述。如下图:

以上是如何看懂标志的设计手法,但是只是设计手法,并不能帮我们完全看懂这个标志的信息,比如有的标志虽然看懂了图形,但是却不知道这个图形代表什么行业,动物的图形不会都是动物园的标志。面包店的标志里不一定全是面包图形符号。这就需要我们了解标志中的符号语义关系。

2)看懂标志的符号语义关系

所谓符号语义,是指图形符号与其代表意义之间的关系,如下图:

我们需要分析符号语义关系,主要分成三种类型,如上图,

符号相似关系

玫瑰花这个概念与玫瑰花的图片之间的关系,就是类象,所以玫瑰花照片可以说是“玫瑰花”这个信息概念的类型符号,他们之间的关系是类象模拟关系。比如我们的照片,画像,都模拟我们本人,就是我们的类型符号。

符号相关关系

当信息概念与符号有时间空间或者因果关系时,这两者就是相关指示符号。我们看到发芽的树枝,就能得知春天来了,那发芽的树枝就是“春天”这个信息概念的相关符号。

符号象征关系

还有一些没有直接关系的符号,是约定俗成的符号关系,比如,鸽子象征和平,红色在中国象征喜庆等,这些都是由历史事件,及多年的历史习惯造成的,这类符号在标志设计运用的也最多,因为很多概念不好找到前面两种符号,就只好用象征符号来传达,特别是中国一些标志设计师,特别喜欢使用象征符号,这和我们的符号使用习惯也有很大关系。而国外一些标志,在做企业或品牌标志时则相对较少使用象征符号,所以这种符号习惯也造成中外标志的视觉差异。

符号的使用习惯就是每个国家的文化交流风俗,有的标志设计师很喜欢国外的标志,或者学设计时,就时从模仿国外的标志设计手法开始,所以很多作品都是采用英文首字母缩写作为设计切入点,因为拉丁字母的结构简洁,容易识别和处理。但是笔者认为多数的中国企业即使是面对国内消费者时依然采用拉丁字母标志,并不是好现象,这种国外品牌化的设计手法,忽视了中国固有的文化精髓,国际化利于沟通,但并不利于本国文化的传承和发展。在这点上,每个设计师不能只考虑模仿约定俗成的设计模式,当我们的设计能力到一定水平后,推广自我的东西,就变成一种责任。视觉设计这个最为大众化的传达媒介,改变的不是一两个人的风俗习惯。这点需要设计师深思。

回到符号关系上,每个符号又都具备三种关系,比如,玫瑰花的照片是“玫瑰花”的类象符号,又是“爱情”的象征符号。同时又可以是“求婚”的相关符号。

每个信息概念也可以有多种不同的符号类型。比如“爱情”可以使用玫瑰花象征,也可以用婚戒,或者丘比特,双心来象征。

这是我们符号发撒思维的基础,也是标志设计创意的前提。标志设计图形上的创意,主要来自符号多少的联想,和符号关系的把握,了解了符号的关系,能有助于设计师更快的发散思维寻找符号,也能帮助设计师,理解如何选择合适的符号。

符号的语义关系告诉我们,如果要更好的理解标志里的图形符号代表什么,不能只从一个类象关系入手,还有其他的关系可供思考。

作为设计师,我们平时要收集记忆大量符号的语义,尤其是象征语义。这样在阅读和设计标志时,才能更快更准确的联想。

如果你看不懂某个标志的图形符号,理解不出具体的意义,也没关系,因为不同的文化,符号意义不同,如果你不是某个国家或地区的人,很难理解他们的符号寓意,无从解读是合理想象,但是你一定能理解他们的设计思路,因为就这么几种。

3)看懂标志的行业类别

每个行业都有常用的图形,比如航空大部分离不开翅膀,中国银行类标志大部分都是方孔钱。这就说明,每个行业都有自己常用的符号。我们需要收集各个行业标志,放在一起就能挑出常用的符号集,那么下次看到这种图形符号,就自然会往某个行业联想,自然就知道八九不离十是什么行业了。还有就是很多行业的图形处理风格,也能说明他们的行业属性,比如,电子科技类标志,喜欢数字化的像素化的点化效果,喜欢蓝色,黑白色,等等,这些都是,行业习惯,一个设计师看的多了,自然就有了感觉了。

人类的需求类别分为:吃、穿、住、用、行、娱乐、沟通、艺术精神需求等等,我们的企业品牌行业,也无外乎这些,把握住这些基本的行业分类, 收集了解大量的行业性质和特点。你自然能看懂标志。

作为一个设计师,要经常的有目的整理和关注这些行业标志,这样面对客户时,才不会措手不及。

由于字体笔画字形上的处理手法很多,我只选择比较常用并且对思维起关键作用的手法来训练。

字体的笔画设计处理以能够识别字体结构为前提,再怎么变化,识别不出来了,就说明变过头了。 笔画/字形(体)之----连笔手法

连笔的思维方式可以归总到减少笔画里,无论是两笔合一,中线合一,还是一笔写到底,从笔画上来看就是减少了笔画。 对单个字而言,部首的连笔(写)可以简化复杂的字形,如上图中的“千里马”“滨江”虽然字与字之间没有连笔,但是其每个字本身都是连笔的,就像行书一笔写到底,不过这里不需要顾忌笔顺问题

对多字(字与字)的连笔处理,要分析字的笔画结构特征,横向的连结,看横笔位置,无外乎,顶部,中部,底部的连结(如上图左边三个字体例子)。如果字的横笔不在一条线上,那上线参差的链接,或者直接将文字上下错位,再做连笔处理(如上图右边三个字体例子)。 如果字的笔画斜笔很多,实在不在水平或垂直方向上连笔,那也可以考虑,将笔画延长后,再做连接,如上图中的例子。总之,连笔总是能够找到办法的,即使全包围结构的字体,也可以使用故意破开某一笔,或与另一个字共用笔画的手法,来实现连笔效果。只要不破坏字体结构的识别性。

如果笔画连结之后,确实影响了文字结构,适当的断笔,用间隔来补充字体结构,不用刻意的非要连成一笔,很多初学者,都很刻意的进行连笔处理,导致文字结构都被埋没在连形成是新结构里了,这种以忽视文字识别性的连笔处理不可取。 连笔手法训练:

在专门练习字体笔画处理技巧时,不需要过多的分析字面意思和感觉,看见什么字,连什么字,反正就是想尽办法连起来,横着不能练就竖着连,竖着不能连就拉长笔画连,方法总是有的,练的就是这个。

我的建议是在练习某一种处理技巧时,每个字体的细节,不需要花太多精力,一般一个字体,手绘下,到电脑里处理下,不要超过30分钟,否则,一次能练习几个字呢?每项的练习就针对一种能力,这一篇主要是针对连笔能力训练,只要连起来之后,字的结构不被影响,就不必再花时间,过多的处理笔画细节问题,要集中精力练习连笔的能力(笔画及其他的后面会有专门的训练方法)。我们的训练目的是要掌握这种连笔的处理方法在多种可能情况下的处理,并不是要求每个训练字体都当成项目去做,目的是将这种处理方法记在脑子里,下次碰到具体单子时,能立刻知道适不适合这种处理方法。

训练的时候追求多,目的性要强,训练的种类要多,这样可以帮助有效记忆方法,做单子时才追求精,那时每个字体都可以花数天来仔细揣摩。

尽量给自己设计全面的训练题目。比如,我们常用来设计的字体,包括黑体(包含等线体),和宋体,手写体(包含书法体和艺术体)的字体。那就每种都练一下连笔的处理手法,随便找文字。

下面就是我自己做的连笔练习:先手绘,觉得有意思的,才上电脑做出来:

每个字体都没有花时间调整笔画的细节,这个训练就是能连起来就行了。如果你想在练习的时候就做好的作品,那就花时间调整的完美些。

手绘阶段很快,我喜欢在半小时之内,看到什么字就练什么字,能画很多,笔画的连结处理,在手绘时就尝试好了,不是到电脑上再做连结的。手绘好之后,从里面选出几个觉得有意思的到电脑上做下,在电脑勾画下,如果你软件熟练,几个字很快就成形了。如果直接在软件里尝试连笔,会比较慢,手绘调整比在电脑里快些。

关于线化感觉的把握,现在做一些比较概括的几点,看它们在标志里的使用。并罗列一些把握技巧。

线化效果的标志分类举例还是按照视觉符号类别来: 1.具象图形符号的线化效果

2.抽象图形符号的线化效果

3.文字符号的线化效果

一、线的基本性质

线的感觉:

> 直线:明快、纯粹、刚强、男性化。 > 细直线:敏锐、神经质、脆弱。 > 粗直线:钝重、粗笨、有力。 > 曲线:柔和、圆滑、优雅、女性化。 > 锯状直线:不安、焦虑、遽变。 > 水平线:安稳、平静、和平、呆板。 > 垂直线:力度、严肃、庄重、上升、下降。 > 斜线:速度、动感、积极、方向感。 > 折线:空间感、变化感。 > 不同的线条体现不同的个性。

线的方向:

水平方向平稳、宽广、安静。

垂直方向独立、坚定、有向上的精神。

倾斜的线带来重心的偏移和不稳定的感觉。

线的粗细:

纤细的线条柔美、敏感和精致。

粗硬的线条有强迫的意志,表示强调、禁止等意思。

线的形态种类繁多,但现实形态中的具体表现虽有种种,但其最基本的内容就是直线形态和曲线形态。在平面空间表现中,任何线形态都是以这两种线为基础扩展和引申出来的。 1.直线系

直线有整齐、干脆、严肃的性格,是男性化的特征,主要分为垂直线、水平线、斜线。 (1)垂直线

垂直线明确、刚毅、沉着、有力度、富于生命力,有伸展的感觉。粗的垂直线是崇高、信心、的表现;细的垂直线挺拔、秀气、富于理性;过细的垂直线有渺小、文弱、神经质的特征。 (2)水平线

水平线有稳定感、平和、舒展,是静态的感觉。水平线让我们联想到远处平静的海面和地平线,是永恒的象征。 (3) 斜线

斜线具有动势、冲击、飞跃的方向感。向上倾斜的线有上扬的感觉,使我们联想到飞机的起飞,短跑运动员的起跑、滑冰运动员的姿态,是力和速度的结合;向下倾斜的线则给我们消极的心理感受,如滑梯、斗牛的姿态等,是沉降的表现。

2.曲线系

曲线较直线更具动感、变化、柔和、优美,取悦于视觉,是女性的特征,让人联想到女性姣好的身段、花瓶的边缘轮廓,是流动、活泼的性格反映。曲线分为几何曲线和自由曲线。 (1) 几何曲线

几何曲线指圆弧线、椭圆线、抛物线等,是使用工具绘制出来的曲线。几何曲线的典型表现的圆周,是几何学限定的美,有序、合理地运用可取的良好的效果。几何曲线较直线更具温情的性格,是动力和弹力的象征,既有直线的简明又具有曲线本身特有的柔软、运动的双重性格,但缺乏个性,是可以复制出来的曲线。

(2) 自由曲线

指自由、富于个性、不易重复制作的曲线形式,其美感主要体现在自然的伸展、潇洒、随意、优美、有紧凑感。

一般情况下,用直尺、圆规等工具制作出来的线条,较冷淡、呆板,但坚强、富有数学美。而随手绘制的任意线则更富于感情上的变化,在不借助于工具仪器的辅助下完成。徒手绘制的线从形态上可分为直线和曲线两类,无规则和任意线在表现作者情感因素和体现主题内容方面有很强的表现力,是最具有个性的线。

二、线的组合性质 线的面化

直线或曲线作平行方向的扩展、延伸或辐状排列的密集处理,可以形成面的感觉,密集程度越高则面的感觉越强。

线的排列

规则排列的线显示了标志刻度般的精确和标准化。

随意陈列的线散乱,并由于线的交叉,产生了冲突。

线的位置

和画面的边缘相连,充满坚定和力量感。

独立于画面中间,孤立、没有方向。

三、线的语意和应用规律

> 简洁单纯的线----勾勒概括造型。

线的造型能力最强,用线是表现对象特征的最简洁有效的办法。

> 移动轨迹的线----适合表现运动和流畅的感觉。

只有快速、平滑的运动,才能产生流畅的线条,这种轨迹形成的线,多体现运动和速度的感觉。

> 划分区域的线----强调边界的作用。

线是划定区域界限最好的工具,要强调围合和区分,线就要得到强调。

> 曲折变化的线----表现对象的细节和趣味。

纤细和充满变化转折的线,最适合表现对象丰富的细节,在不断地变化中产生趣味。

> 牵制和约束的线---结构画面,表现张力。

直线是线在受力的情况下的形态,用直线连接,贯穿画面各个部分,力量的牵制十分明显。

> 生长的线---------表现生命力和过程。

就像藤条和枝条,线的延伸如同植物不断地生长,带给我们生命的力量和动感。

> 垂直支撑线------代表力量和重心。

垂直的线条不管粗细,都十分有力,也暗示中心的位置和所在,是画面平衡与否的重要因素。

> 延伸聚集的线----增强空间透视。

向着画面里一个点聚集的线,把我们带向远方,伸展空间到想象的极限。

> 规则排列的线----规范、精确地标志。

规则排列的线,带给我们精密刻画的印象,表现了极其理性和规范的气氛。

> 多变颤抖的线----个性敏感。 线最能代表个人的气质、艺术气息,也是最富有表现力和多种性格的元素,纤细而颤抖的线,多为敏感和激动的象征。

> 粗壮列队的线------------------强烈的禁忌。

如监狱的栏杆一样整齐而粗硬的线条,是强烈的禁忌的标志,形态的语意十分明确。

关于线的感觉表现,主要是通过线的“粗细”“方向”“曲直”“粗细”“质感”和“视错觉”来展现的,

罗列一个便于把握表格

线的粗细是最基本,不同粗细的线,给人的感觉,这里就不多说了,在线的性质里基本都描述了。标志举例如下图。

线的方向

水平方向,平稳、宽广、安静。垂直方向独立、坚定、有向上的精神。倾斜的线带来重心的偏移和不稳定的感觉。在标志这种极致的图形中都是最直接的表现。举例如下图:

直线角度

相对于较复杂的图形,我们在观察线化效果时,主要把握住两个方向即可,一个是直线看“角度”,另一个是曲线看“弧度”。 关于直线主要是,三种角度的感觉把握,锐角,直角,钝角,这在《论点线面》里详细的介绍了,用颜色概括由这三种角度组合成的“三角形(锐角)”“正方形(直角)”“圆形(钝角)”分别是 黄色,红色/绿色,蓝色,这种通过颜色色彩来感受角度张力的方法,确实帮助我们对角度的张力,更加直观。在图形中如果使用,直线,锯齿状直线,折线,等来描绘图形符号,就会表达出这类感觉。如下图:直线的拐角角度决定图形气质。从锐角到钝角,从犀利到顿挫。

曲线弧度

对于曲线,主要分成几何曲线(弧度张力严禁),和自由曲线(弧度张力随意松弛)。总体而言曲线比直线更加女性化。几何曲线偏向于有规律,张力持久,舒张于整条曲线,符合机械感,现代感,秩序感。自由曲线,给人的感觉就是张力的任意组合,轻松,无序,能够更好的塑造韵律美感。

线的质感

无论是点化形成的虚线,还是色彩不同,还是不同笔触的线,我们变化线条质感,可以改变人的视觉感受。线的质感也是影响标志感觉的重要部分,关于线的质感,我们放到 后面的色彩和质感章节里再做详解。这里仅仅接受关于线本身结构的感觉。

线的视错觉(视幻)

线的明度、角度、位置关系的错视,都可以用来做新颖的图形,这种利用人眼生理上的视错觉现象,制造令人回味的视觉图形。有的呈现出光效,有的呈现立体效果,有的会造成视觉上的不停运动,关于视错觉介绍在点、线、面、每个基本属性里都有介绍。这也是一种常用的标志风格。只要多分析几个例子,稍加训练,就可以掌握。

线化效果的训练

线在基础的绘画里就是描绘事物的外轮廓边框。再后来是用线表现结构,特征,还可以表现肌理质感。

关于线的能力训练,在具象图像里,我建议没事就用线来描绘事物,我喜欢拿动物来练习具象事物特征的把握,比如下面的十二生肖面相:

全是头部正面,强迫自己以一个统一的角度来表现你想表现的事物,一方面锻炼线化能力,另一方面锻炼图形的延展能力,在标志后期的形象延展里,这是很重要的能力。

训练题目:“龙纹”,用龙和一个纹路做结合的图形调整训练。可以使用水纹涟漪或者指纹,将龙形线化,但要看出既是龙,也是“纹"。龙形,及涟漪的标志素材,在分享的标志库里都可以查到,请借鉴里面的例子。

抽象图形 主要是对线本身性质的张力凸显,主要还是形式感的线化表现,对称,渐变,发散,等等,这些直接去练习,比较枯燥,而且没有主题,所以最好的办法就是直接搜集例子,多看就能掌握,在《标志的形式美感把握》里已经讲过把握方法了,平时注意即可。

对于不同线条的感受与分析,不仅仅是在平面里,在产品设计里更是运用到极致,一部手机,一辆汽车上所使用的曲线决定了这个产品传达出的气质。 关于线条的性质,在讨论立体设计的构成教学书《设计元素》--罗伊娜·里德·汉娜著 里有对于线条的研究,细分了很多线条的感觉,可以帮助我们提升对线条的感觉,值得一看。 视幻图形

我觉得最有意思的训练,是视幻手法的练习,可以利用纯粹线条的粗细方向来塑造立体,光效感觉,建议直接以英文字母来做练习。在我分享的英文字母标志库中,每个字母标志文件夹基本都有一个单独的文件夹,里面的字母基本都有线化视幻的例子,可以拿来参考。如下图我以自己名字首字母做的视幻练习: 可以以自己的名字的拼音首字母,来做视幻训练。可以表现光感,立体化,空间化。

第五篇:标志设计教程

标志设计的基本知识

一、什么是LOGO

翻开字典,我们可以找到这样的解释:“ logo: n.标识语 ”。在电脑领域而言,LOGO是标志、徽标的意思。而本站主要所收集的LOGO,是互联网上各个网站用来与其它网站链接的图形标志。

二、LOGO的作用

1.LOGO是与其它网站链接以及让其它网站链接的标志和门户。

INTERNET之所以叫做“互联网”,在于各个网站之间可以联接。要让其他人走入你的网站,必须提供一个让其进入的门户。而LOGO图形化的形式,特别是动态的LOGO,比文字形式的链接更能吸引人的注意。在如今争夺眼球的时代,这一点尤其重要。

2.LOGO是网站形象的重要体现。

试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪?就一个网站来说,LOGO即是网站的名片。而对于一个追求精美的网站,LOGO更是它的灵魂所在,即所谓的“点睛”之处。

3.LOGO能使受众便于选择。

一个好的LOGO往往会反映网站及制作者的某些信息,特别是对一个商业网站来话,我们可以从中基本了解到这个网站的类型,或者内容。在一个布满各种LOGO的链接页面中,这一点会突出的表现出来。想一想,你的受众要在大堆的网站中寻找自己想要的特定内容的网站时,一个能让人轻易看出它所代表的网站的类型和内容的LOGO会有多重要。

三、LOGO的国际标准规范

为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO,目前有三种规格:

1.88*31 这是互联网上最普遍的LOGO规格。

2.120*60 这种规格用于一般大小的LOGO。

3.120*90 这种规格用于大型LOGO。

四、LOGO的制作工具和方法

好像目前并没有专门制作LOGO的软件,其实也并不需要这样的一种软件。我们平时所使用的图像处理软件或者还加上动画制作软件(如果你要做一个动画的LOGO的话)都可以很好地胜任这份工作,如PHOTOSHOP、FIREWORKS等。而LOGO的制作方法也和制作普通的图片及动画没什么两样,不同的只是规定了它的大小而已。

五、一个好的LOGO应具备的条件

1.符合国际标准

2.精美、独特

3.与网站的整体风格相融

4.能够体现网站的类型、内容和风格

迈入信息时代后,标志成为沟通人与产品、企业和社会最直接的中介之一。标志在企业中发挥着越来越重要的作用。由此看来,对于标志设计的学习是十分必要的。

1. 认识标志

标志是商品或某一特定事物的标记符号。同时,标志也是运用视觉形象,给人深刻印象的一种设计作品。随着社会的发展,标志在我们生活中起到了越来越重要的作用。

想要学习标志,首先得认识标志。下面我们将通过标志的三个要素:名称、图案和色彩来认识标志。

●名称

一个好的标志,与众不同且响亮动听的名称是必不可少的。标志的名称应遵循“顺口、动听、好记、好看”的原则。同时,标志名称要有独创性和时代感,并富有新意和美好的联想。

例如“雪花”牌电冰箱,给人以冷冻的联想,突出了产品的性质;又如“永久”牌自行车,象征着“永久耐用”之意;再如“奔驰”轿车,体现了汽车的速度感等等。

●图案

图案是标志中另一个重要的元素。图案不仅要有创意还要简洁易记。如下图,以不同类别的银行标志为例,采用了具有创意性的简洁图案,给人一目了然的感觉,使人印象深刻。

注意:各国名称、国旗、国徽、军旗、勋章,或与其相似的图案是不能用作标志图案的。

此外,采用动物形象作为标志图案时,应注意不同民族、国家对于动物的喜爱是不同的,如英国人喜欢狮子,中国人喜欢龙凤等等。

●色彩

色彩因素在标志中起着十分重要的作用。不同地域的人们对于色彩的喜爱偏好也不同。所以标志在运用中应采用大众色,比如说三原色(红,黄,蓝),这三种颜色纯度鲜艳亮丽,更容易吸引人们的眼球。

2. 标志的分类

标志按照表现形式的不同可以分为以下三类:具象型标志;抽象型标志和文字型标志。下面我们将详细学习这三类标志。

2.1.具象型

具象型标志是指直接利用具有代表性的物象来表达含义。这种手法直接明确且一目了然,便于迅速理解和记忆。如表现教育行业的标志以书为形象;表现铁路运输业的标志以火车头为形象等等。如下图所示。

我们根据其不同的图形造型,又可将具象型标志分为以下几种:

●人体造型的图形

人的身体姿态动作完全可以传达一个简洁明了的概念,在标志中运用十分广泛。例如下图示例中,真功夫餐饮业的标志,以李小龙为形象,使标志生动形象。

●动物造型的图形

早在远古时期,人们就把动物作为图腾崇拜的标志。即使在当今社会,人们依然对动物造型情有独钟。但应注意,选用动物时,应考虑到不同区域对于动物的喜爱也有所不同。

●植物造型的图形

植物造型的图形应用到标志中,常会给人一种清新爽朗的感觉。

●器物造型的图形

器物造型的图形涉及的范围广阔、品种繁多。器物指的是各种用具的总称。大至高耸入云的建筑物、巨大的交通工具等,小至铅笔、电器插座和插头、文具、餐具等等。

●自然造型的图形

自然现象是神秘的自然力的象征。星象、水和火星是这一类型标志常用的题材。

2.2.抽象型

抽象型标志是指用理性的,纯粹的点、线、面、体组成的抽象图形来表达含义。这种标志在造型效果上有较大的发挥余地,具有强烈的现代感和符号感。例如下面中间的标志,是一家以色列画廊的标志,采用了非常抽象的线条表示,具有很强烈的符号感。

注意:抽象类标志由于其意义表达不够直截了当,因而不像具象图形那样易于被人们所理解,有时甚至还会产生歧义。 抽象型标志按其不同的形态构成特征,可以分为以下四类:

●圆形标志设计

圆形容易吸引人的视觉注意力,形成视觉中心。同时,圆

形又象征着全、满、圆的美好意愿,所以在标志中得到了广泛运用。圆形标志图形一般可分为正圆形、椭圆形和复合形三类。

●四方形标志设计

四方形具有四个角和一个中心的基本特征。四方形与圆形相比,具有一定的方向性。正方形、矩形、梯形、菱形都是四方形。

●三角形标志设计

标志中出现的三角形主要有两种表现形式:一种是正立三角形,显得特别的稳重;另一种是倒立三角形,这种三角形将宽大的顶部支撑在一个支点上,形成了一个极其危险的平衡方式。

注意:这里的三角形是以等腰或等边三角形为主,因为这类三角形可以给人一种稳重平衡的感觉。

●多边形标志设计

多边形是指由多种几何形组合而成的。其构成方式一般有两种:一种是由各种几何形相互切割构成的,如圆形和四方形的切割等;另一种是由各种几何形并置而成的。在标志设计中,多边形往往能表现多种形式和内容。

注意:在视觉记忆方面,多边形不如其他简单的几何形那样容易记忆。

●方向形标志图形

方向形又称箭形。箭形的本义是箭头,其引申义是指向或朝向。在空间中,箭头的角度方向不同、其意义也就不同。如箭头朝上表示上升和直立;箭头向下表示降低和朝下。可见不同方向的箭头所代表的含义也不同。

2.3.文字型标志

文字型标志是指标志形象以文字为主的标志。文字型标志根据不同类别的图形又可分为汉字标志、字母标志和数字标志。

●汉字标志

汉字被认为是表形和表意文字的典范。人们常常运用汉字的象征意义来表达对美好事物的祝愿。在标志设计中,汉字也同样得到了广泛的运用。例如下图所示。

●字母标志

字母标志具有言简意赅、形态多样等优势。在标志设计中,得到了广泛应用。字母标志一般采取字母组合和象形图形相结合等方式。其中字母组合又包括全称字母组合、单一字母、字母缩写组合等形式。

●数字标志

数字标志是指以数字作为标志造型基础的标志。由于数字的独特性和便于识别的特点,得到了越来越多人的喜爱。

标志还可以从其他的角度进行分类。比如以构成因素分类,可以将标志分为图形标志,文字标志和复合标志;从使用对象来分,可分为商品标志和服务标志等等,这里将不一一介绍。

通过上一篇教程的学习,我们知道了什么是标志以及标志的分类,那么什么样的标志才算是好的标志呢?标志设计的方法又是什么呢?本篇教程将针对这些问题展开讨论。

1. 标志设计应遵循的原则

一个成功的标志不仅仅需要创意或技巧,同时标志还应该在各种场合中发挥应有的作用。下面是一些标志设计中应遵循的原则,希望对大家有些帮助。

●图形必须简单

过于复杂的设计会产生沟通的障碍,所以在标志中应尽量采用简单的图形。例如下方左图是苹果公司最开始的标志,复杂而繁琐,且不利于人们记忆;右图是现在的标志,简单形象,同时可以给人们留下深刻的印象。

●醒目易识别。细线条作为版面设计时可以产生良好的效果,但如果应用到标志设计中,观看起来会显得不清晰,尤其在各种复制的过程中很容易断开甚至不能呈现。例如下面两个标志,同时应用到汽车上,左图汽车上的标志显然没有右图汽车上的标志醒目。

●适应各种尺寸。标志设计要考虑可行性,应顾及到标志不同场合的应用效果。比如放大或缩小后的视觉效果等。

例如下方左图是微软公司最开始采用的标志,过多的细节使标志缩小后,识别性降低;右图是现在使用的标志,更少的细节使标志在尺寸较小时仍然具有良好的表现能力。

●立意要明确。设计出来的标志必须能够准确的传达业务特征

。例如下面两张示例中,就很好的传达出了各自的业务特征。

●构思需巧妙独特。标志力求深刻巧妙、新颖独特。例如下面左图是耐克的标志,运用最简单的对勾形式,给人积极向上的动感;右图是壳牌石油的标志,运用贝壳的形状,红色搭配黄色,给人太阳光线的四处辐射、喷薄而出的景象。

2. 标志设计的方法

在上一篇教程中,我们已经提到过,标志按构成因素分类,可以分为图形标志,文字标志和复合标志。下面将结合这三类标志,为大家讲讲标志设计的简单方法。

2.1.图形标志

图形标志是指通过图案或几何图形来传达企业理念和特色的标志。如何制作出独特的图案标志呢?下面有几种方法供大家参考。

●复制法

我们可以通过复制单一图形,使其达到新的视觉效果。如下图,以一个图形为基础图形,然后采用复制的方法,结合旋转、反射、平移等形式,形成新的图案效果,最后加上背景效果会更好。

例如在下面的标志示例中,就运用了复制的方法,并结合旋转、对称、透叠的形式使标志呈现出一种韵律美。

●删除法

有时,过于完整的图案会给人一种呆滞感。我们可以运用删除法,有意的删除图形的部分内容,使标志不仅具有变化性同时还给人留下较深刻的印象。

例如下面的图案标志示例中,运用删除法,使标志图案显得更加有趣和耐人寻味。

●拼贴法

标志中采用一个元素会使标志看起来比较单调。这时,我们不妨运用多个元素拼贴的方法,从而产生新的图案效果。

例如下面的图案标志示例中,采用了多个元素拼贴的方法,使标志层次更加丰富,更具有视觉美感。

●抽象概括法

抽象概括法是指从现实的事物开始,采用简化、提炼、概括、夸张等方法对其加以抽象变形,使之艺术化。例如下图中,以桃花为创作基础,并加以概括抽象,最后形成标志图形。

例如下图中的标志设计,标志的图案都是以生活中的事物为基础,经过抽象变形而得来的。

但应注意,图形标志虽然直观却缺乏文字标志的说明性。因此在选择图形时,图形应与标志所要表达的内容相关,以方便大家理解和记忆。

2.2.文字标志

文字标志是用中文、外

文或数字以及常用符号加以装饰变化而成的。这里,我们以中文文字标志为例,给大家总结了几种方法:

●连接法

连接法是指结合字体特征,将笔画相连接的形式。这种方法加强了文字标志的整体统一性。

●简化法

简化法是指根据字体特点,合理地简化字体部分的笔画。这种方法使标志给人更多的想象空间,但有时会影响识别性。

●象征法

象征法是指将字体的笔画进行象征性演变的方法,这种方法使标志更加形象。

●演变法

结合字体特征,改变字体笔画的表现特征,以取得新的视觉效果的一种方法。

●印章法

印章法是指采用中国传统印章为底纹或元素的方法。这种方法使标志给人一种悠久的历史感。

●书法法

书法法是指把中国书法融入标志设计中的一种方法。这种方法突出了民族性,同时给人一种很强的文化气息。

在运用字母作为标志设计内容时,可以参考以上相关方法,这里将不做过多解释。

2.3.复合标志

复合标志是指图形、文字进行变化组合而形成的标志。这类标志形象生动,意思明确,被广大公众广泛接受。如何使图案和文字更巧妙的结合在一起,下面给大家归纳了几种方法:

●相互遮盖法

单独字符和图形相互遮盖,形成一个简单又有艺术感的标志。

注意:相互遮盖法是在图形和文字互不影响信息传达的前提下的遮盖。

●两者并列法

当图形和文字不能互相遮盖时,我们可以采用两者并列法。两者并列法可分为以下两种形式: 大图形,小文字。这种形式突出了图案的表现力。

大文字,小图形。这种形式更强调了文字所传达的信息。

●两者穿插法

两者穿插法是指图形中有文字,文字中有图形。这种方法使文字和图形很好的融合在一起,使标志更加具有趣味性。

3. 标志的特点

一个成功的标志,不仅要按一定的科学方法进行思考设计,还应具备以下方面的特点:

●独特性

独特性是标志的基本特点。只有当标志具有独特的个性和强烈的视觉冲击力时,才可以在众多标志中脱颖而出,给人留下深刻印象。

例如中国铁路标志设计,“工”字取铁轨横截面的形状,整个构图上组成了一个完整的火车头形象,蕴含了磅礴的气势,孕育着无穷的力量。整幅作品构图精美,意蕴深刻具有很强的独特性。

●显著性

显著是标志又一重要特点,除隐形标志外,绝大多数标志的设置都是要引起人们注意。例如可口可乐公司的标志,运用强烈而醒目的色彩,具有很强的显著性。

●艺术性

标志作为一种图形化的语言,必须具有艺术性,从而给人视觉美感。例如德国汉诺威世界博览会标志,把水纹的形象进行艺术加工,使标志同时具有了意境美和图案美。

●准确性

标志无论要说明什么、指示什么,无论是寓意还是象征,其含义必须准确。使大众在看到标志后能很快联想到相关企业或产品。 例如七匹狼服饰的标志,图案采用一匹狼,不仅与名称相符合,而且也传达出一种理性的特点,这与企业经营男装这一特征相吻合。

●国际性

随着经济的发展,企业必然要走向国际化,那么标志也必然会具有国际性的特点。标志设计中既需借西方美学之形,又要利于本土文化之意。

例如第六届中国(约旦)商品展的标志,就巧妙地将东西方文化创意和图形很好的结合在了一起。

上一篇:解读朝花夕拾范文下一篇:教案传统节日范文