形式感 + —— 网页视觉设计创意拓展与快速表现

时间：2023-10-09 13:42:01 | 来源：网站运营

时间：2023-10-09 13:42:01 来源：网站运营

形式感 + —— 网页视觉设计创意拓展与快速表现：一、说说
就是抄袭现实中的物体

简单意义上说就是眼前所能见到的一切事物，正如你现在手中的书本、手 指、桌上的台灯、水杯。这些生活中的事物通常具有丰富的形态和其延展的情 感意义，我们可以利用它们来表达一些特定的主题，所以当我们接到一个要表 现的主题时可以通过它的生活原貌来激发灵感。 100本设计电子书 点击免费领取

二、想想
抄现实的三步骤：减法、分块、加法

让我们暂且抛开主题，就一个物体可以如何变成网页而言，它有两个关键点： 第一是现实事物转换成网页载体过程中的形态取舍，如何让观者既能辨识出抄 袭的物体，又能够给未来信息留下足够的自由排版空间；第二是信息内容与形 态载体的结合和排版，如何让信息内容完整的、有条理的排布到形态载体中。
选择物，是对主题视觉表现的选择。主题有抽像和具像之分。具像的主题一般比较好把握，如棒球比赛，我们很自 然地选择棒球或球场做为主视觉。如果一些间接或者抽像的主题（比如安全选择盾牌、压力测试选择压力表等），则需 要我们发挥一定的想象。 下面我们来一起看看这一颗棒球的网页变形记。

在还未翻到下一页前，你可以想像一下，假如这个棒球是一个网页，它会是什么样的？你会保留它的哪些特征让它

看起来依然是一个棒球而非篮球？你会如何让它的形态和内容结合？你会如何利用它的形态关系使你的内容更有层次？


减法

为了不使形态干扰到网页内容的表现，通常情况下，我们会先 对物的形态进行简化，使其在保留特征的同时更适合之后的内容安置。简化步骤有两个： 特征的提练。如案例中的棒球，它的特征有两个：一个是 圆形的轮廓代表是一个球体；另一个是红色的缝线，代表 它是一个棒球而非足球或篮球。 审查删除重复的描述。特征提炼后，在保留棒球特征的情 况下，我们选择去掉其中一根缝线，为信息腾出更多可操 作的空间。

分块
分块便于根据物的形态对网页的信息内容进行规划。主要有三 个关键点： 对信息进行消化；充分理解信息对之后的排版和信息调整 有很大的帮助。也可以和需求方进行沟通，对信息进行微 调或收纳.在吃透信息后，我们就可以开始正式的分块，分块是一个 逐层深入、由粗到细的过程。 分块完成后，我们结合造型进行一定的信息和造型 微调。

加法
进行加法前，网页的大致雏形已经出来了，之后加法的工作主要有 3 个.具体内容的填充.气氛和视觉的补充。可以让整体效果更真实，如前景的人 物添加棒球的主题更明确、运动感更强。特征的还原和细节补充。不得不承认信息高于装饰，在确 保信息的完整性后，我们在不干扰信息呈现的情况下还原 一些原来删去的细节，如背景缝线的还原，选择了低透明 低饱合的浅灰色，让棒球更真实。

当我们浏览这个页面时，强视觉冲击力的棒球大效果映入眼帘。经过简单的视觉扫描我们便立刻了解了这个专题的 核心主题。结构清晰、主题明确、视觉强烈，这就是“抄现实”带来的直接而有效的视觉效果。

小结:

抄现实的过程是利用现实物件为原型来装载网页的信息内容。“抄现实”就像旧公寓改造，倘若我们将“抄现实”想象成 一个旧公寓改造工程，假定我们和房子原主人有着不同的生活习惯，我们就需要拆墙，重新划分功能区，重新装修装饰， 正如我们“抄现实”的方法：减法、分块、加法。下面我们来具体看看它们的相通之处。 100本设计电子书 点击领取