《形式感+：网页视觉设计创意拓展与快速表现》章节试读

《形式感+：网页视觉设计创意拓展与快速表现》的笔记-第1页 - 全书笔记

6.23
1.抄现实就是抄袭现实中存在的事物。因为其结果直接与主题性关联，所以这种方法可以让视觉显得更整体，主题更突出。
2具体方法；抄袭现实中的事物，把要表现的主题通过它生活原貌来激发灵感；
3.三步曲：做减法，特征的提炼，删除重复的描述；进行分块，根据无得形态对网页的信息内容进行规划；做加法，具体内容填充，气氛和市局的补充；
6.25
断臂手术是一种推翻正常视觉习惯以达到情感集中并强化视觉冲击力的方法。非常规视觉效果带给人们请刚上的不平衡并产生冲动，专题的营销特性决定了实际上需要这种强烈的情感和冲动。断臂手术的方法通过去掉局部、选取局部以替换局部来突出核心思想，让特殊的视角和画面带给观众更强烈的感受。
6.26
需求人和设计人之间的矛盾是设计的永恒话题，如果处理不好通常会把双方推向无休止的互钻牛角尖的争论，在许多需求方的眼中通常没有最重点，只有更重点。设计过程中，我们周围会充斥这样的声音，这个部分再放大些，这个颜色再明亮些，我们需要更炫的效果，通常在这样的声音充斥下我们很容易简单的使用加法，进行放大加粗体谅，导致整个画面充满了重点，充满了重点也就意味着再次失去重点。
6.27
网页设计中的“擒”与“纵”
1、 突出也可以通过减弱来获得。
2、 加法是在原有设计基础上，增加、突出、放大、强化某个热顶部分使其得到突出；
3、 减法是通过减少、缩小、弱化其他部分使某个特定部分得到突出，这是一种逆向思维。配合加法一起使用，可以避免画面国语拥挤、刺眼。
6.28
长页面能尽量在用户不跳转的情况下通过滚动货的所有的信息。由于无跳转，长页面的设计需要注意避免因为页面过长而产生的疲劳感。
1、 可以设计一个有趣的长页面，例如一个瓶子，从瓶盖吸管开始，吸引用户顺延着吸管而下，瓶身逐步呈现页面内容，充满交互。
2、 除了形态设计，虚线和箭头也有保持持续浏览连贯性的作用。
3、 可也通过色彩变化，撞色，消除疲劳感。
7.7
版式强节奏
1、 超大字号主标题是杂志版式化的一个特征，配以小字说明，就可以形成强节奏的形式感。
2、 大图与小字的配合也是杂志化版式的常用手段，也是强节奏形式的好办法。
3、 除了鲜明的大字表现外，纯文字和手写体的配合，大气中带亲和。
还未分享
图片大视觉
1、 移轴的照片是近两年比较流行的高空俯拍的形式，它让城市看起来如玩具一般轻松有趣，图片视觉上占有一定优势并配以Q版的气泡按钮，风格整体，视觉统一开阔。
2、 艺术化的彩绘任务让整体视觉独特响亮，眼神与按钮的配合增强了交互的趣味性。
3、 高质量黑白图片配上玫红色方向导航按钮，简约、大气、闷骚。
全屏大视野
1、 大图平铺自适应：整体视觉主打一张完整图片，交互和文字信息较为简单。图片尺寸根据屏宽大小自适应。
2、 中心定位，两侧自适应：将主要内容和视觉居中放在1000像素的尺寸以内，左右两次安放次要的菜单按钮或辅助信息，让它根据屏幕宽度自适应。
3、 单侧定位，中心延展：主要的信息内容居一侧对齐（左侧或右侧都可以，中国人一般习惯从左阅读所以我们通常选择左侧为主侧），次要的辅助视觉居另外一侧。
4、 小切糕全屏响应式：根据屏幕宽度进行计算，通常在设计时会有一个基础最小切糕，然后两倍三倍四倍的方式进行拓展，并计算出最合适完整的组合。
文字衣橱
没有家的文字是离散的，它们不仅逻辑性差，而且识别性也不高。如果我们把一个长篇幅的文字比做我们的衣柜里的衣物，那么如何提取衣柜衣物的个性与共性以及它们之间的逻辑关系就是我们收纳设计衣橱的线索。
1、 大关系；对大逻辑的梳理。不涉及标题、内容或关键词等细分，主要理清段落之间的关系。
2、 分要点；第一次通过图形来进一步标识每个段落里的结构，提取每个信息段落里的主要元素，包括标题副标题小标题内容等。
3、 小字眼，也可以叫做关键要点；通过图形化标识将这些信息进一步突出，从而使用户更快注意并获得这些重要的咨询。
你看起来很好吃
信息收纳逻辑中常见的三个类型分别是：并列组合型、数据对比型、步骤流程型；
1、 并列型：并列组合型，它可以是有共同逻辑关系的不同事物，也可以是同一事物的不同方面，在设计表现上，它们之间是一种平等 、均衡的状态，二在这些内容的表现形式和结构上也是相对一致的。
2、 对比型：对比关系是指两个或两个以上的事物之间的比较，或者是一个事物的几个方面的比较。它是在并列关系基础上强化特征，并通过数据或图形进行可视化的对比。
3、 流程型：流程也是在并列基础上的升级，它是指处于并列关系的两个或两以上的单位，它们之间具有前后的任务关系，共同拥有一个目标喝方向并共同完一个完整行为，这种关系称之为流程关系。
钉钉铆铆
网页常用小装饰整理成四个类别：小图标、小序号、小字、小手绘。
1、 小图标：图标是指对操作功能或对事物主题的图形表现。一般分为抽象和具象两类；文字本视觉语言的二次翻译，二图形则是视觉的直译。
2、 小序号：小序号具有引导阅读顺序的功能。
3、 小字：在设计上利用小的点缀产生与大字之间的节奏感，对大形势进行修补。
4、 小手绘：手绘可以消除一些工业化的冰冷感受，产生亲切感，包括文字手绘、人物手绘、 图形标识手绘。

《形式感+：网页视觉设计创意拓展与快速表现》的笔记-第65页

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

《形式感+：网页视觉设计创意拓展与快速表现》的笔记-第1页 - 形式感

平移格局案例抄现实案例形状组合案例抄现实步骤局部目录抄现实