美文网首页
还在为网页的视觉效果而发愁?《形式感》教你如何一小时出图

还在为网页的视觉效果而发愁?《形式感》教你如何一小时出图

作者: 酱小果_4472 | 来源:发表于2019-07-26 18:40 被阅读0次
    《形式感》 作者:晋小彦

    在说这本书之前,先来说说一个小插曲。刚拿到这本书的时候我是满怀期待的以为又可以看到很多不同的设计理念,可当我粗略地翻了翻之后心里突然嘎噔一下,里面的配图全是与游戏类网页相关的案例。当时我就在考虑还要不要继续看,因为我是一个B端设计师,平时的工作几乎不会接触到任何与游戏相关的设计工作,就在我纠结的时候朋友的一句话解决了我的顾虑“无论是什么样的书你要学习的是思路与方法,举一反三灵活运用才是真理,你管它看起来是不是你工作需要的”。没错,虽然这本书可能介绍的案例与我的工作毫不相干,但是学习并灵活运用里面的方法才是真正的目的,于是我就开始了这本书的阅读时刻。

    《形式感》这本书不是一本高大上的教科书,不涉及任何网页前端开发或PS操作步骤,也没有精深复杂的平面构成和色彩搭配理论,这是一本速食的设计创意技巧手册。它是一本以很直接的方式教你如何设计来快速解决视觉上的各种问题。

    本书总共有十个主要模块外加三章附录,主模块以说说、想想、看看、做做四个方面和大量案例来解释不同的设计方法该如何运用。接下来我们来具体聊聊我认为这十个模块中非常有用的五种设计方法


    01.抄现实

    抄现实是我们在设计中最直接也是最常用的一种方法,它顾名思义就是抄袭现实中存在的事物,将抽象的主题通过实体表达出来,并以之作为内容信息的载体,可以在第一视觉上直观地体现核心内容并突出主题。

    在抄现实的实施中有三个主要步骤:

    减法:提炼物体特征,审查删除重复的描述。

    分块:对信息进行消化。在吃透信息后将信息由粗到细进行分块。分块完成后,结合造型进行一定的信息和造型微调。

    加法:具体的内容填充。气氛和视觉的补充。特征的还原和细节的补充。

    02.圆、方、三角

    圆形,方形和三角是网页造型结构中的精髓元素归纳,即使再丰富生动的物体也可以由它们组成。利用圆,方,三角可以:

    1.打破习惯性思路

    2.理性把握主线情感

    3.变幻灵活

    03.断臂之美

    因为残缺,所以有了与众不同的故事和特点,它的主题性和目标性比起完美的东西显得更加强烈。断臂的方法是通过去掉局部、选取局部以及替换局部来突出核心思想,让特别的视角和画面带给观众更强烈的感受。

    去掉局部:去掉局部是在原先完整的整体上,为了更好的突出、说明事物的特征和主题而删去了其中一部分,它为主题的表现排除了视觉干扰,使中心更加明确。

    选取局部:选取局部通常是因为这个部分是特征的集中表现,它的独立存在可以代表并放大整体的中心思想,使主题更加明确,情感更加集中。

    替换局部:替换局部是使用更能表现主题的事物来替代特定的局部,从而使主题突出。替换事物的独立风格与原有整体结合后,特征更明显,引发更多的延伸思考。

    04.欲擒故纵

    在设计过程中,我们周围经常会充斥着这样的声音:再大一点,颜色再明亮一点,我们需要更炫的效果...通常在这种情况下我们很容易的使用加法,进行放大加粗提亮,导致整个画面充满了重点, 充满了重点也就意味着毫无重点。所以面对需求的时候我们需要一个逆向的设计思维。突出并不意味着只能增强,我们也可以通过减弱来获得。

    加法:在原有的设计基础上,增加、突出、放大、强化某个特定的部分使其突出。

    减法:通过减少、缩小、弱化其他部分使得某个特定的部分得到突出

    满:“满”的目的本身是希望用户能够看到并吸收更多信息,但呈现并不表示会被看到,而看到也不代表会被记住。

    空:留白可以带给信息更好的阅读性,也为设计带来更高的品质感。往往“空”对内容的吸收率更高。

    05.乾坤大挪移

    在时间短、没点子、没创意、又要快速捕捉眼球的时候怎么办?使用乾坤大挪移通过对页面整体的旋转和平移可以快速改变视觉效果,它打破了正常网页的视觉习惯,吸引了观众的注意力。

    旋转:

    整体旋转 — 背景与内容一起旋转。为了兼容性和可阅读性,背景和内容同时旋转的角度尽量不要超过15度。

    背景旋转 — 旋转背景,信息内容保持不变。这种旋转方式既可以产生旋转的视觉形式感,又可以保证文字信息的阅读性,是推荐和常用的方式。

    综合旋转 — 根据内容结构进行有选择的旋转。

    平移:将原有网页信息内容往左侧或者右侧平行移动,使页面产生不稳定的状态,然后在这种与常见方式不同的不平衡的布局中寻找更新鲜的创意和表现方式。

    以上就是我认为非常有用的五种设计方式。但是无论是哪种设计方式都需要在实践中更多的去尝试、运用,才能够找出最适合的效果。

    本书还有三章附录,主要说了一些与产品相关的内容,或许它与设计方法无关,但是其中有这么一句话我很喜欢:“设计师是一个协助产品和项目策划通过视觉表现将产品信息传递给目标用户的传话人。也许有人觉得视觉传话人的定义是否降低了一个设计师的地位和影响力,但是在团队合作的关系中,每个人都把握和衔接着工作传递中不可或缺的一环,能够放下身段并真正帮助团队,有效服务于产品的设计师才能最终拥有话语权和影响力。”

    最后,感谢我的那位朋友让我没有错过这么一本好书,所以现在我要运用这本书里的技巧去做图了。那么你要和我一起么?

    相关文章

      网友评论

          本文标题:还在为网页的视觉效果而发愁?《形式感》教你如何一小时出图

          本文链接:https://www.haomeiwen.com/subject/ylydrctx.html