海报：
网页设计师从早年的综合性工作中分化出来，形成了相对独立的专业岗位，网页设计也不再是单纯的软件应用，它衍生出了许多独立的研究方向，当网站策划、交互体验都逐渐独立之后，形式感的突破和表现成为网页视觉设计的一项重要工作。随着时代的发展，网页设计更接近于一门艺术。网络带宽和硬件的发展为网页提供了使用更大图片、动画甚至视频的权利，而这些也为视觉设计师提供了更多表现的空间。另外多终端用户屏幕（主要是各种移动设备，手机、平板等）的出现，它让网页视觉设计师不得不重新定义原有的视觉规范。这些变化都趋使着设计师对新形式的渴望与进一步的探索。
《形式感+：网页视觉设计创意拓展与快速表现》就是这样一本速食的设计创意与技巧手册。本书可以帮助有一定基础的网页设计初学者或在职者，在遇到设计创意瓶颈时，能够在较短的时间内解决设计上的创意和视觉形式感的问题。不论是应对紧急的工作需求或是求职面试都能够给观者一个新颖的视觉表现。
《形式感+：网页视觉设计创意拓展与快速表现》读者是网页设计师，包含狭义的、广义的、“圈养”的、“野生”的，以及网站开发其他环节需要了解网页视觉设计或与之协作的人员（如用户体验设计师、前端页面开发人员等）。
一个视觉设计师的职业世界观
——关于商业视觉设计师的自我定位
做为一个设计师，我们并不需要成为一个策划人，
但如果我们了解我们所经历的这些事，
它们是从哪里来到哪里去，
或许我们能够在自己这个环节上做得更好。
这便是本文所要说的一个视觉设计师的基本职业世界观。
这篇文章无关乎视觉美丑，无关乎技法表现，它不能让我们的作品变得漂亮，却能让我们的设计精准有效。作为商业团队中的一个成员，在完成一件商业作品时，明确自己和产品的定位是十分关键的，它直接影响到设计作品的准确性。只有准确的了解了这两个定位，我们才能繁杂的职业认识人群中的自己，并让我们的作品正真为产品提供帮助。
一、自我定位
1.我是谁？
首先是自我定位。我是谁，我是来做什么的呢？这两个问题直接影响到我们之后的行为目标，目标的指向越明确，我们的行为才越有效。如果将网页设计师的成长分为三个阶段的话。从第一次接触设计工作到逐渐开始理解设计理解产品并最终成为一个相对成熟的网页设计师，我们可以如何定义这三个过程中的自己。
第一阶段：我是一个艺术设计者
在从事设计这个职业前，我们也许在学校都受过正规或非正规的平面设计和艺术理论的训练。待到进入工作岗位后，我们都急切的希望能够展现自己的特点，并将先前之所学所见应用于我们的工作中并证明自己。所以许多刚入职的设计师，通常本着自我证明的目标来从事手上的工作，希望能通过良好视觉表现来证明自己的工作能力，然而广义的艺术理论及视觉表现与狭义的独特商品视觉包装并不可能恰好对口，也许我们展示了艺术性的视觉，但却与产品毫无关系。
第二阶段：我是一个翻译者
在无数次的飞机稿过后，我们开始思考，并希望能做一些真正有效的东西。我们开始试图理解文案信息，并通过图形将信息翻译出来。这时候的我们认为自己是一个产品信息的视觉翻译者。然而就于文案的翻译正如机械的翻译软件一般，它是生硬的、不易懂的、不够人性的。
第三阶段：我是一个传达者
渐渐的我们发现，如果只将视角限定在眼前的几个信息文字上是不够的，我们必需结合语境对它进行翻译，也就是我们必需对产品、产品周期、产品营销等多纬度的产品处境有所了解。才能真正准确的传达出产品的话语。这时候我们不再是机械的翻译软件，而成为一个真正的通过视觉去传达产品话语的人。我们是鲜活的，人性的用图像语言去传达产品信息的视觉传达设计师。
2.他是谁?
不同的产品、不同的规模、不同的运营模式它们在公司组织架构上都有一定的差异。就腾讯现阶段的游戏产品运营模块而言，与设计师接触最多的人有：产品经理、项目经理、重构师、动画师、程序员、CP、开发商、制作人等等，而他们的主要工作是什么，他们与设计师的关系又是怎么样的？将这些关系梳理清晰我们才能更好的合作并合理的利用资源。
从产品营销的角度来划分的话，可以分为产品和市场两个方向，产品经理负责产品内容的更新和推广，市场项目经理则从市场角度树立产品的品牌形像，增强产品市场曝光率和产品的美誉度。举个例子，假设，我们的产品是一道红烧茄子，那么产品经理负责的是菜品本身的推广，比如，这个茄子的选材怎么怎么讲究，辅料怎么怎么地道，厨师的手艺如何如何专业。而项目经理则是从市场价值观出发给受众正面的品牌感受，比如吃了这红烧茄子，皮肤白了，牙齿好了，精神头足了，夫妻关系也合睦了等等，当然这是个玩笑，不过产品经理和品牌经理的着力点基本上就是以这样分类的。而我们在制作不同类型的专题时，也需要有同样明确的目标，二者概念不能混淆。
说完了产品经理和品牌经理的工作，我们从服务和技术支持的角度出发，可以将其分为决策层、策划层、实现层。决策层包括产品的制作人和市场总经理，他们决定了产品的研发方向和市场定位。产品经理和项目经理则是将这种方向和定位落实成具体的产品表现和营销事件策划。最后由设计师、动画师、重构师、程序师等组成的技术层队伍将其转换成用户接触和感知产品和活动。在这里，设计师们用理性的思考和艺术的大脑，在产品的不同阶段从不同的方向用不同的方式为用户们传达有趣的、可吸收、可消化的产品信息。
3.我要做什么?
……
01 超现实（就是抄袭现实中的物体）
02 园、方、三角（童年的七巧板也能给我们设计的灵感）
03 断臂手术（因为残缺而拥有了令人震撼的美）
04 欲擒故纵（内容多也能看起来很简洁）
05 乾坤大挪移（歪脑袋看世界果然与众不同）
06 杂志化版式（消除设计边界向杂志版式学习）
07 宽屏大视野（不做1000小切糕还给宽屏大视野）
08 文字衣橱（是时候收拾一下那长篇大论的文字了）
09 你看起来很好吃（挑动厌食宝宝们的食欲）
10 钉钉铆铆（小装饰的正能量不容忽视）
附录A 一个视觉设计师的职业世界观
附录B 网站建设新元年的设计趋势
附录C 设计中的“好有爱”
★腾讯游戏从10年前默默无闻到目前占据整个中国游戏市场半壁江山，这来自于整个研发团队和发行团队对产品各个细节层面的追求及坚持，而支撑我们一直以饱满的热情继续下去的，往往正是最初时单纯的对游戏行业或专业的执着和热爱。很高兴今天看到小彦作为我们众多设计师中的典型代表，在自身的学习摸索过程中而出品的这样一本书，它从设计创意技巧、理论、案例乃至设计师的自身价值定位等层面层层解析，汇聚了小彦从业以来在游戏类页面视觉设计方面的个人经验所在及设计师的价值感悟，定能对期望踏入网页设计领域的新人或者是其他设计类领域的资深从业者非常多的帮助和共鸣（从我本人来说，我所从事的游戏类界面设计工作，在阅读该书以及和小彦的交流过程中获取到非常多共通的设计法则和创意启发），相信能成为设计师桌边的常用必备书籍之一！！同时期望能带动国内设计领域的经验分享氛围，共同创建更加良性、自由、诚恳的设计交流环境，将腾讯游戏的影响力扩展至整个行业领域！
——腾讯互动娱乐业务系统QQ游戏产品部 （GDC） 设计总监 刘刚（manrana）
★推荐奋斗在设计一线的小伙伴们工作之余仔细研读，书里都是笔者的亲身经验和心血，很有诚意。
——腾讯用户研究与体验设计部（CDC） 陈妍（Enya）
★作者新锐的想法非常的及时，在国内网页设计环境大同的情况下，需要更多不同的声音，更多新锐的创意！
——腾讯电商用户体验设计部（ECD）总经理 刘轶（rayliu）
★小彦透过自己的细微观察和个人经验分析，整理成独特的方法论与众同乐，令人鼓舞。国内需要更多像她那样主动推动设计的传道人！
——腾讯社交用户体验设计（ISUX）总经理 jonathan wong
★小彦之前在站酷发表的系列设计文章就受到了设计师们的热情追读，这次成书后，更是进一步系统化的规整了内容。没有枯燥的理论知识，只有好学好用的私家绝招。虽然名为形式感，但其中包含了从思考方式到实现手段的全流程引导。读者完全可以举一反三，掌握到流行的设计手法，并把它们立刻应用到日常的工作中。代表小彦在站酷的百万人气和粉丝们，向奋战在网页设计一线的设计师们推荐。
——站酷网 主编 纪晓亮
★书中的几篇干货文章优设网曾推荐过，吸引了很多网页设计师追捧学习。作者对网页形式分析独到，语言深入浅出，是一本有趣而实用的设计书。
——优设网 优设哥
★《形式感》一书由浅入深的向大家讲述了一些网页设计的方法和理念，并且例举了作者自己很多的优秀案例。以自己设计师的亲身经历向大家言传施教，这是一件很了不起的事情，因为这同时证明了作者在网页设计这行一定是久经沙场却仍然屹立不倒，并依然大步流星的正能量。如果我还是当年那个为设计稿而苦恼的设计师，那么，我一定不会错过这本书。
——优艺客 创始人 韩雪冬
★相比较，这是一本我更建议广大准网页设计师看一看的书，书中很多精彩的表现手法和实例，对于当前技术和想法的提高有很大的帮助， 对于那些正处在瓶颈期，却苦于突破的设计师也非常受用。网页设计发展瞬息万变，也包罗万象，设计师不应刻意追求某种固定或流行的形式，适合的、感觉对了才重要，<<形式感+>>一书贴切、生动的阐述了这一理念。
——网页设计师联盟 主编 江六八
★这本书是对网页设计日常工作经验的提炼和点化，语言形式轻松，入口易消化，功效快速直接，对于网页视觉设计的从业者来说相当受用。
——巨人副总裁 彭程
★书中许多版式方法结合了现代网络技术的发展，越过传统的边界，走过固化的禁区，是一本有前瞻性的设计书，欧巴墙裂推荐！
——漫画家 郭斯特
★虽然我不是做网页的，但是放之设计皆可用。里面的许多视觉表现的创意和形式对于设计来说都是互通互用的，值得一读。
——青年导演 蒙青
★简单实用的工具书，朴实的语言让我很容易就可以看懂～
——知名职业画师 阮佳
★我很喜欢作者以简单、幽默的语言来表达对于设计的理解。让我对网页设计有了更深层次的理解与领悟。无论是内行还是外行都能在这本书中汲取到自己想要学习的内容而得到提高。
——知名职业画师 周觉先
★本书的网页设计方法充分将内容和视觉融汇贯通。对于品牌视觉表现和网站策划来说也有很不错的启发性。
——google品牌经理 李大鹏
★设计是一件需要包容的事，心灵的空间有限，物质的欲望太满就容不下更多美感。三年前头一次见到小彦的时候，我就因为她干净的内心和五彩斑斓的思想力而震惊。作为本书的头一个读者，我相信你将会有和我一样的阅读体会：因为纯净的世界观，你的心会装下整个世界的设计感。
——腾讯游戏产品经理 陈静
★打造视觉形式感是每个游戏推广视觉包装的设计师必有的思路，也是能否第一时间吸引玩家眼球的必要手段，每个人都有自己的方法，书中介绍的几大方法论，通过实战案例详尽的介绍了作者对各种形式感的理解，以及如何实践，必然会让你在设计思路中起到立竿见影的效果。
——腾讯高级视觉设计师 蔡望东
★这书是在高强度、日常实际案例工作环境下，提取出来的，能有效提高你页面设计效果的经验精华。
——腾讯高级视觉设计师 高立
★十个绝顶聪明的提升网页设计形式感问题的方法。每一个都通过,说,想,看,做,四个部分，配合详尽案例，以轻松的行文风格为我们娓娓道出。作者将其丰富的实战经验分享给广大设计师，以解决实际工作中遇到创意思维枯竭、作品表现力平淡的问题。是一本能让设计师释放无尽灵感的好书。
——空中网艺术总监 吴黄溪