《形式感+》内容简介

网页设计师从早年的综合性工作中分化出来，形成了相对独立的专业岗位，网页设计也不再是单纯的软件应用，它衍生出了许多独立的研究方向，当网站策划、交互体验都逐渐独立之后，形式感的突破和表现成为网页视觉设计的一项重要工作。随着时代的发展，网页设计更接近于一门艺术。网络带宽和硬件的发展为网页提供了使用更大图片、动画甚至视频的权利，而这些也为视觉设计师提供了更多表现的空间。另外多终端用户屏幕（主要是各种移动设备，手机、平板等）的出现，它让网页视觉设计师不得不重新定义原有的视觉规范。这些变化都趋使着设计师对新形式的渴望与进一步的探索。
《形式感+：网页视觉设计创意拓展与快速表现》就是这样一本速食的设计创意与技巧手册。本书可以帮助有一定基础的网页设计初学者或在职者，在遇到设计创意瓶颈时，能够在较短的时间内解决设计上的创意和视觉形式感的问题。不论是应对紧急的工作需求或是求职面试都能够给观者一个新颖的视觉表现。
《形式感+：网页视觉设计创意拓展与快速表现》读者是网页设计师，包含狭义的、广义的、“圈养”的、“野生”的，以及网站开发其他环节需要了解网页视觉设计或与之协作的人员（如用户体验设计师、前端页面开发人员等）。
晋小彦，一个网页设计手艺人，入行早年曾与朋友一同组建工作室经历过两年不太专业的野生派设计生活，后受圈养于国内游戏公司。从三位一体的技术混沌派到团队合作的专业分工体系，从单纯的视觉执行到系统的品牌包装，从标准化的PC端网页到多样化的移动设备网页，经历了不同时期不同形式的网页视觉变化，至今仍然执迷不悟的驻足于网页设计阵营，始终关注网页形式变化，未曾改嫁。在这六年的网页设计工作中积累了一些值得分享的经验，部分文章在网络上获得了设计同行的认可和大量转发。现受圈于腾讯游戏官方设计团队TGideas 任高级视觉设计师。

作品目录

形式感+
前言
序
01抄现实
02圆、方、三角
03断臂之美
04欲擒故纵
05乾坤大挪移
06杂志版式
07全屏大视野
08文字衣橱
09你看起来很好吃
10钉钉铆铆
附录

热门书摘

杂志中强烈的版式节奏除了大小块面组成的平面结构外，另外一个节奏感则表现在文字的排版上。粗磅与细磅、大字号与小字号的视觉对比配以明暗的色彩表现，阅读层次分明、视觉节奏感也较强。

去掉局部、选取局部、替换局部都是通过不同途径和手法来放大特征的方法，为人们排除干扰、选择重点或替换来强化表现。

三、图片大视觉在这个读图时代，长篇的文字让人厌倦，图片是直接有效地触动我们麻木神经的好办法。

渐入佳境STEP2

情投意合STEP3

为内容进行布局调整STEP5

摆文字和图片STEP6

设计是一个理性+运气+联想的过程，感性三步、理性三步。

它由弧线组成，外形光滑圆润饱满，这样的形态通常让我们浮现一些可爱、灵动的、有亲和力的画面想象，它通常在一些Q版的、欢乐的主题中较常出现。

方形经常出现在信息量较大的页面中，或者庄重、严肃、情感内敛的主题中。但方形这种横平竖直的、一丝不苟的“整齐”有时也显得呆板、生硬。

我们简单地使用这三种形态进行合并、交集、排除的拼合，可以放大缩小任一形状。在这个过程中有两点需要注意：•注意主形，为了保证整体造形的美感，我们需要选择其中一种形做为主形，避免形成大形不清晰、小形各自独立的情况。•注意形的情感和空间想像。根据主形的不同，画面会产生不同的情感，把握情感可以增强我们对空间的想像。在练习过程中我们可以感受到未来页面丰富的形态变化。

细化的过程主要有三个内容：1.颜色

圆方三角的组合是由粗到细、由概念到具像的过程，所以它可以比较自由地把握色彩搭配关系。我们可以在建立圆、方、三角初期模形的时候就尝试定义其色调，以免后期细化后再进行繁琐的调整。

2.内容布局在信息排版的时候，因为其不规则的形状，有时需要适当调整字符和图片内容，并把握疏密和节奏。这个步骤接近于“抄现实”的分块环节。3.形态细化颜色和内容布局敲定后，我们就可以对形态进行细化，加入素材和细节，并添置与之对应的装饰。一个页面便可以大体完成了。

以圆、方、三角的方法将经历两个三步，感性三步和理性三步。1.感性三步迷茫和坚持STEP1

在布局完整无误的情况下疯狂随意丰肉吧。加入装饰物和质感细化，使得画面更加真实、亲切、丰富。

加强法是基于重点7号球本体展开，我们在色彩和结构上进行加强法操作。•色彩加强法包括：加强明度、饱合度等使其更明亮、更显眼。

•结构加强法包括：变大、变形、增加标识等。

减弱法是在重点7号球以外的球体进行操作，我们在色彩和结构上对其进行减弱处理。•色彩减弱法包括：降低其他物体的明度、饱合度、透明度等，使主体更加突出。•结构减弱法包括：减小其他物体的大小来使主体更大、更突出。