一网学是国内较早从事远程培训的机构,是较好的网页设计培训基地。创新的模式让在职人员能够工作学习两不误,省去了家里培训点来回跑的时间。让二三线以及偏远地区的设计爱好者能足不出户也享受来自一线城市老师的培训。远程教学可以把上课内容全程录制,这样方便学员课后反复复习,从而让学员队老师讲解的内容真正做到的掌握。
抄现实是我们在设计中直接也是常用的一种方法,它顾名思意就是抄袭现实中存在的物体。因为其结果直接与主题相关联,所以抄现实的方法可以让视觉整体,主题突出。它将抽像的主题通过实体的事物表达出来,并以之做为内容信息的承载体,从而在视觉上直观的体现了核心内容并突出主题。
说说——就是抄袭现实中的物体
简单的意义上说就是眼前所能见到的一切事物,正如你现在手中的书本、手指、桌上的台灯、水杯。这些生活中的事物通常具有丰富的形态和其延展的情感意义,我们可以利用它们来表达一些特定的主题。所以当我们接收到一个表现主题时可以通过它的生活原貌来激发灵感。
这里所指的现实是任何可以被我们认知的可视的物体
想想——抄现实的三步骤减法、分块、加法
让我们暂且抛开主题,就一个物体可以变成网页而言,它有两个关键点,是现实物转换成网页载体过程中的形态取舍,让观者既能辨识出抄袭的物体,又能够给未来信息留下足够的自由的排版空间;第二是信息内容与形态载体的结合和排版,让信息内容完整的有条理的排布到形态载体中。
选择物,是对主题视觉表现的选择。主题有抽像和具像。具像的主题一般比较好把握,如棒球比赛,我们很自然的选择棒球或球场做为主视觉。如果一些间接或者抽像的主题比如安全选择盾牌、压力测试选择压力表等,这些都需要我们发挥一定的想像。
下面我们来一起看看这一颗棒球的网页变形记。
在还未翻到下一页前,你可以想像一下,假如这个棒球是一个网页,它会是样的?你会保留它的些特征让它看起来依然是一个棒球而非篮球,你会让它的形态和内容结合,你会利用它的形态关系使你的内容更有层次。给自己一分钟时间,不许翻页剧透。
步骤分解
STEP 1:减法
为了不使形态干扰到网页内容的表现,通常情况下,我们会先对物的形态进行简化,使其在保留特征的同时更适合之后内容的安置。简化的步骤有两个1.特征的提练,如案例中的棒球,它的特征有两个,一个是圆形的轮廓代表是一个球体,另一个是红色的缝线,代表它是一个棒球而非足球或篮球。
2.审查删除重复的描述。特征提炼后,在保留棒球特征的情况下,我们选择去掉其中一根缝线,为信息腾出更多可操作的空间。
STEP 2:分块
分块也便根据物的形态对网页的信息内容进行规划。主要有三个关键点。
1.对信息进行消化。在充分的理解信息对之后的排版和信息调整有很大的帮助。这时也可以和需求方进行沟通对信息进行微调或收纳。
2.在吃透信息后,我们就可以开始正式的分块,分块是一个逐层深入由粗到细的过程。
3.分块完成后,我们结合造型进行一定的信息和造型微调。
STEP 3:加法
进行加法前,网页大致的雏形已经出来了,之后加法的工作主要有四个。
1.具体内容的填充
2.气氛和视觉的补充,让整体效果更真实,如前景的人物添加始棒球的主题更明确,运动感更强。
3.特征的还原和细节补充。不得不承认信息高于装饰。在确保信息的完整性后,我们在不干扰信息呈现的情况下还原一些原来删去的细节,如背景缝线的还原,选择了低透明低饱合的浅灰色,让棒球更真实。
当我们浏览这个页面时,强视觉冲击力的棒球大效果映入眼帘。简单的视觉扫描我们便立刻了解了这个专题的核心主题。结构清晰、主题明确,视觉强烈。这就是我们抄现实带来的直接而有效的视觉效果。
总结:
抄现实的过程是利用现实物的原型来装载网页的信息内容,“抄现实”就像旧公寓改造,倘若我们将“抄现实”想像成一个旧公寓改造工程,假定我们和房子原主人有着不同的生活习惯,我们就需要拆墙,重新划分功能区,重新装修装饰。也正如我们“抄现实”的方法:减法、分块、加法。下面我们来具体看看它们的相通之处。
1.减法
首先根据我们的生活需要,我们会选择一个形态大小合适的房子。这个房子要满足居住人的基本功能需求,整体的改造也需要核算在可操控的成本范围,选定房子后我们可能会先拆去原先的分割的围墙,方便我们不受限制的设计出更贴合现有需求的空间。网页设计也是一样,原先的细节经常是束缚我们想像和内容设置的枷锁。当然我们也不能无限制的拆墙,保留梁柱和承重墙是必需的,这也便是我们“抄现实”网页设计方法中提到的特征,房子必需还是房子,抄袭的事物必需能被识别,这是删减的底线。总而言之我们归纳为三点,一、选房要合适,选对房可以为后面的工作节省较大的成本。二、拆墙越干净操作的自由度越高,同时也要考虑重建的成本。三拆墙不能毁梁柱,保留梁柱和保留物的征一样重要,没有了它们,不论房子还是现实物都将不复存在。
2.分块
在功能划分前,我们必需再梳理一遍自己的生活需求,这正如我们在进行网页分区前所要做的信息消化。比如我们希望一个更大的洗浴间,或者希望将客厅娱乐与卧室一体化,这时候我们可以在房子的基本大轮廓内,结合管道的基本设置进行空间的重新划分。分块的这个步骤主要是解决功能性问题。满足功能需要才使我们一切行为变得有意义。网页设计中的这些信息内容就如同我们住家的吃喝拉撒睡,这些是重要的。
3.加法
与分块解决的功能性问题相比较起来,加法解决的则是填充和装饰的问题。在做完分区并完善好了基础装修之后,我们就可以陆续将我们的生活用品搬进房子,配置家电、沙发的。这也正如我们网页设计中的内容填充。如果时间和金钱充裕我们可以购买符合自己个性的装饰物,调整灯光气氛等,让我们的生活环境看起来更有情趣也正如使我们的网页看起来更生动一样。它是一种锦上添花,它可以为你的视觉加分,但切忌过于繁重而影响到了功能的使用,必竟家不是博物馆,网页信息传播才是重要的。
一网学,我的未来我设计。