看完《形式感+网页视觉设计创意拓展与快速表现》总结

看完这一本书之后，在设计方面感觉收获很多，对于网页前端也有一定的帮助，这一本书关系到响应式的设计，特别对于大屏幕设计有很多技巧，这一本书真的值得推介。

废话少说，简单写一下看完这一本书的技巧收获。

一、抄现实（针对网页主题来选取适当的实物来排布网页）

第一步：减法，对物体的形态进行简化，删去具体外观，保留实物的基本特征。

第二部：分块，根据物体内部的形态对网页的信息内容进行规划布局。

第三部：加法，还原一些物体的特征核心，添加一些装饰来补充视觉。

二、圆、方、三角

圆：可爱、灵动、有亲和力、有趣、活泼、多变，Q版、欢乐的主题。

方：整洁，呆板生硬，庄重、严肃、情感内敛主题。

三角：尖锐、情感刺激和反差、速度感、运动的、时尚的、动感、不平衡，一些时尚运动品牌或体现速度感、暴力、刺激等主题。

选一个为主型（大的），另外两个分别为辅助（中）和次要（最小的）。

步骤一：打大框架

步骤二：为内容进行布局调整

步骤三：摆文字和图片

三、断臂之美

1.去掉局部

2.选取局部

3.替换局部

步骤一：选择对象

步骤二：断臂手术处理

步骤三：信息位置设想

步骤四：概念图

步骤五：信息排版设定

步骤六：填充内容细化

四、欲擒故纵

1.减弱突出法（缩小或者变淡颜色）

2.留白突出法

五、乾坤大挪移（产生新鲜感）

1.旋转（旋转角度不要超过15°，旋转后的信息要保持在1000像素之内）

整体旋转、背景旋转、综合旋转

2.平移（信息保持在1000像素内）

上下格局（SLOGEN和主视觉都在首屏上方）

左右格局（SLOGEN和主视觉在左侧）

混合格局

六、杂志版式

1.质感轻薄

2.版式强节奏（粗细磅、大小字号、明暗色彩的对比）

3.图片大视觉

七、全屏大视野

1.大图平铺自适应

2.中心定位，两则自适应（背景图要有一定的延展性）

3.单侧定位，中心延展（要保证在1000像素大的时候信息自身排版互不干扰）

4.小切糕全屏响应式（瀑布流设计）

八、文字衣橱（整理信息）

1.一次分类——大关系（文章分段，分析每一段联系，递进？并列？对比？）

2.二次分类——内容语义（每一段里面分析主副标题等）

2.三次分类——关键重点（标出重点字眼）

九、你看起来很好吃（信息的图形化设计）

1.并列型（圆环并列等）

2.对比型（颜色面积对比，环形组合对比，轴线图等）

3.流程型

十、钉钉铆铆（网页中的小装饰）

1.小图标

2.小序号

3.小字（中英文）

4.小手绘（亲和力）

以上是看完本书之后的我简化后的网页设计方法，觉得有用可以买来看，里面还有大量的例子详解，感觉都不错。