恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
6个简单实用的网页字体设计
0.0°
2017-06-01 好文转载 经验/观点 原作者: 海淘科技 举报 1526 6 7 0

在说字体设计之前我不得不提一下“格式塔心理学”,这是我们省略与变化字体笔画的理论基础。

我们的眼睛和大脑在观察事物、接收影像刺激的时候,会有一些特别的倾向。这些倾向常常可以帮助我们快速的辨别事物,有时候也会产生所谓的“错觉”。格式塔心理学重要的概念便是“整体不等于个体的总合”,举例来说:当我们在观察另一个人的时候,并不是先看到他的手、脚、头、眼睛、耳朵、鼻子,然后把这些视觉特征组合成一个称为“人”的组合。我们是直接的观察到人这个“整体”,而不是其他器官的“个体的总合”。格式塔心理学主要有相似性原理、连续性原理、封闭性原理、对称性原理等,举例来说,比如我们看到下面两组图形:

6个简单实用的网页字体设计


我们可以观察发现,虽然上图中的几组图形线条没有完全闭合,但是我们依然能看出它们是方形、圆、三角形,我们的大脑会自动填补元素与元素间的空白部分,形成一段不存在的图形,这就是格式塔心理学中所说的封闭性原理。这里弥补的元素就是线段和圆点,从而有助于我们得出一个“All roads lead to Rome.”这样的结论(善于举一反三,发现新的元素)。通俗地说格式塔就是感觉(知觉)的最终结果。是我们在心不在焉与没有引入反思的现象学状态时的感觉,这种感觉是不受外界因素约束的,来源于我们自己的感知。

现在字体设计都是用计算机辅助来做了,人就越来越懒,不愿意动手,很多设计师的电脑里都安装了上百款中文字体和上千款英文字体,(说的夸张,但是不为过)琳琅满目,感觉好像没什么必要去自己动手设计。其实不然,电脑字体库的字也是被设计出来的,有些字体还广泛运用于各行各业,如:黑体、宋体大多数运用在比较正规的文件上。Pingfang SC,Helvetica字体被很多互联网设计师用在了App界面设计中,成为了扁平化设计里面的信息承接元素。然而很多大公司都已经为公司的App设计了独特的字体(主要表现在0-9数字和A-Z字母上)。

设计师们都应该明白一件事情(物以稀为贵),做出具有自己个人风格的设计是最有意义,最有特色的,最能体现自己的设计价值。曾经有一位同事,深耕高端化妆品行业十几年,每个case设计都是那么的符合品牌风格(高端、大气、上档次),不过后来有一次做了一个公司邀请函类似的设计,上面涉及到几个字的字体设计,那真的叫一个丑(小伙伴都惊呆了,这是你设计的么,你认真了么),难道此时要说这位同事设计水平很差吗,不尽如此,她只是没服务过这样的设计,不擅长。一般情况下,国际高端品牌的设计都是不会出现字体设计的,它们更加崇尚极简主义,是用买了版权的字体,直接传达品牌的内涵(BMW、EsteeLauder,LouisVuittonden、Mercedes-benz等,有兴趣可以去看看)。那有人问了,这样不用做字体设计的设计还是设计么,肯定的回答,当然是了,而且是很牛的设计。(承载品牌文化的传播文案,富有意境的拍摄图片,配合文案的产品意境摄影等等,哪一项都考验着营销设计团队的点,有感觉的那个点,这里只可会意,不能言传)。写到这里,是不是有点跑题了,然而并没有。

做字体设计的前提:设计师必须要视所服务品牌的情况而定(不是所有的品牌都合适),服务品牌的品牌文化沉淀了多少年。一般情况下,没有做字体复杂设计的品牌都是有很多年的品牌传承,而且是走在了时尚的前沿(上面举了一些品牌)。像我们现在所处的互联网时代,很多品牌如雨后春笋般的涌现出来(品牌沉淀时间远不及很多实体品牌),需要通过一些变化多端的字体设计来迎合消费者(要求越来越高),从而衍生出很多风格差异化很大的设计传播方式(卖萌耍贱、吐槽恶趣味、马赛克……不胜枚举)。这些风格更多的表现在公司运营上( 活动、企业文化周边产品、微博大号、微信公众号……),有了差异化的设计方式也就同步伴随着产生了多元化的字体设计,多元化就需要涉及到多种方法和理论支持。

字体设计的精髓:精通结构,移花接木;组合外形,达到内涵。很多初会门径的设计师会感叹:哇,他这个字体设计的好牛啊、这个变化的好有趣、好卡哇伊啊……(一波夸张的表情脑洞飘过~~),怎么样在字体上移花接木,妆点它们,废话不多说了,直接看下面的几种方法(更加实用,比很多知识论坛里面的来的简单,粗暴,直接)

第一式:移花替换 妙手回春

移花替换是根据文字的内容意思,在统一形态的文字元素加入另类不同的图形元素或文字元素。用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。将文字的局部替换,是文字的内涵外露,在形象和感官上都增加了一定的艺术感染力。

6个简单实用的网页字体设计


第二式:移花共生 左右互搏

共生是文字图形化设计中广泛运用的形式。文字是一种视觉图形,它们的线条有着强烈的构成性和关联性,可以从单纯的构成角度来看到文字与文字笔画之间的异同,寻找笔画之间的内在联系,找到他们可以共同利用的条件,把它们提取出来合并为一,运用到当前的字体设计中。

6个简单实用的网页字体设计


第三式:移花双仙 横细竖粗

双仙说的是文字里面的横和竖。选定好项目需要的字体后,把横笔画变成细长,竖笔画相对应加粗,让横与竖形成粗细鲜明对比,彰显设计风格。(为什么没有横粗竖细,大家可以自己尝试一下看看,向平衡度和识别度方面考虑一下,作者曾经因此被领导骂过,不提了,一个惨字了得)。

6个简单实用的网页字体设计


第四式:移花纷飞 藕断丝连

藕断丝连说的是字体设计中运用到的连笔。寻找一条适合需要设计的主题的公用笔画(创建笔画),制造字体间的连接,增强整体性。

6个简单实用的网页字体设计


第五式:移花如玉 炽热如火

炽热如火,一般指用在游戏里面的材质,构建最直接的笔画,结合字意,通感传达,精心打磨,细致深入,强带入强感染。

6个简单实用的网页字体设计


无上绝招:移花接木 信手拈来

这是一种比较随意的无上心法,到这个层次的字体设计师估计已经尽淫各种字体设计大法(不限于上面概述的这几种),独孤求败了。靠的是什么,是感觉,是对于行业与设计项目的那一种特有的感觉,很神秘,像一个久远的远古门派,带着一种神秘面纱。

6个简单实用的网页字体设计


写在最后的话:

字体设计的方法还有很多,移花接木只是其中之一(武侠告诉我们,天下武功到了一定境界,都会殊途同归)。想要真正成为高手,必须不断学习和开拓自己的眼界(总结为阅历与审美层次)。当自己学会了一种方法,必须进行反复训练(作者太笨,只能这么办),才能形成质的飞跃。有时候“眼高手低”并非坏事,取长补短,不断总结和思考,才是提高的关键。

重要性

做好字体设计,对于视觉设计师来讲是一件特别有益的事情,主要有益于下面几个方面:

1)面对市场运营活动的时候,主题的字体设计属于活动界面的窗口,做好了主题字体设计等于活跃了画面。

2)面对Banner类别的Graphic设计,主题的字体设计好坏直接会影响到画面的结构,甚至好坏。

以上只是工作生活中的一些经验与大家分享交流,有些作品不甚完美,权当抛砖引玉,希望大家喜欢。

文章来源:http://www.haitaoit.com/

更新:2017-06-01

收藏

6人已收藏

海淘科技公司

http://www.haitaoit.com

  • 33

    作品

  • 20

    粉丝

  • 0

    关注

  •  app数据驱动如何设计好产品
  • 网页按钮设计总结
  • UI插画设计如何提升用户体验
  • 知乎的赞同与感谢的精细化设计

猜你喜欢

    2017-06-01 好文转载 经验/观点 原作者: 海淘科技 举报 1526 6 7 0

    6个简单实用的网页字体设计

    0.0°

    你确定要举报6个简单实用的网页字体设计

    如果查出恶意举报,十天内禁止提交任何举报申请。

    0/200

    上传证据: 超过10M的附件请使用网盘地址

    点击上传附件

    对谁可见:

    全部设计师
    • 全部设计师
    • 推荐设计师和认证设计师

    您确认要推荐?

    该作品发布时间:2017年06月01日

    评分

    完整度

    启发性

    勤奋性

    排版布局

    推荐心得

    建议20-200字以内

    0/200

    7
    6
    0

    账号或密码错误,请重新输入

    账号或密码错误,请重新输入

    登录

    手机号

    发送验证码 120s 验证码错误

    登录
    第三方账号登录