• logo字体设计入门案例


    如果我作为一个ui设计初学来说,我会选择临摹别人的作品来对自己做UI培训。

    首先我开始临摹的对象是APP store上排行榜前排的APP的logo,这样的好处是有几个的:

    1.可以知道市场哪些图标是更容易吸引到用户的点击

    2.锻炼自身在色彩敏感度,对比与原作品的差距

    3.学习别人的图形形状的构思方式

    下面是APP STORE 上排行榜靠前的的logo, 我们可以去临摹,也可以在理解后,加上自己的设计创意,设计出一个有差别的图标。

    今天我们主要来讲一讲logo上的字体的设计。

    首先我们要确定好移动APP主题关键词的需求之后,需要进行字体设计的背景分析。

    字体设计背景分析:

    唯一两个字给人一种很单纯的感觉,因此,在设计的过程中我去除了一些比较繁琐的笔画结构,让笔画更简单。中国有“一生二,二生三,三生万物”之说,我们通过视觉自动补偿缺失笔画来达到这一效果,增加了文字内涵。

    选择不同的字体,设计出来的字体也是不一样的。

    我们可以在电脑上打出“唯一”两个字,观察一下笔画结构,我们可以发现字体中以横画与竖画为主。


    我们将“唯”字中倾斜的两笔摆正,使笔画更统一。


    用矩形工具将字体骨架搭建好,笔画更为单纯。


    将笔画加粗,并降低字体重心,使其在视觉上给人一种安定感。


    接下来我们尝试几种方式来省略字体笔画,第一个结构很乱,节奏掌握的不到位;第二个整体不错,那一点起到了“暗示”的作用,让视觉自动将笔画补全;第三个没有暗示的笔画,看不出是“唯“字;第四个和第三个类似,看不出是图形还是文字,笔画省略太过头。


    通过对比,我们选择了第二个进行优化。将笔画粗细的分配重新调整,使笔画在视觉上粗细一致,并且字体灰度更为平均。


    一般来说,笔画密集的地方要调细,笔画疏的地方要加粗,上图时进行调整后的笔画,分别用数字和字母来代表对应的笔画,仔细观察你会发现其中的差异。

    利用辅助线对字体进行进一步规范,合理安排字体间距,使其更整体。


    字体完成,规范后的字体比原来更耐看了。

    这个篇文章只是一个入门的细说,一个logo字体的设计做得更好的是,还需要考虑到这些字体能够体现出关键字的气氛,一种企业的文化等等细节部分的考虑

    更多的ui培训文章--根据用户需求数据来驱动设计实例

    如果想要学习UI设计的同学,可以到趣达学院的ui设计培训课堂进行学院喔!

    原文来自:25课堂

  • 相关阅读:
    【笔记】js获取当前点击元素的索引
    【笔记】科普createDocumentFragment() 创建文档碎片节点
    【实践】js 如何实现动态添加文本节点
    【实践】js实现随机不重复抽取数组中元素
    【笔记】css hover 伪类控制其他元素
    【笔记】jquery js获取浏览器滑动条距离顶部距离的写法
    【实践】纯jquery实现图片滑动无缝轮播,带左右按钮及控制按钮
    【笔记】jquery hover的用法
    【笔记】jquery阻止冒泡事件发生的语句
    【笔记】after,before,insertAfter,insertBefore的作用
  • 原文地址:https://www.cnblogs.com/qudaxueyuan/p/4890154.html
Copyright © 2020-2023  润新知