一般来说，网页设计师都极少关注表单设计，这使得大多数表单看起来都差不多，普通至极，毫无特色。本文中的这些案例化腐朽为神奇，将枯燥的表单页面设计的多姿多彩。一起来看一下吧。

还记得那篇备受好评的《向左走、向右走？表单元素设计大揭密》吗？让很多网页设计师第一次认识到表单设计的一些魔鬼细节。那么今天再来看看实际中的一些新颖案例吧。本文收集了一大批优秀的联系表单设计，希望对你有所启发。

Contact Page from Café Evoke

Bold Contact Page from Mixd

Signup Form from Involvio Orientation

Sliding Contact Page from Whoa Nelly Catering

Submission Form from Dear Mum

Clean Contact Page from Mud

Minimal Contact Form from Eduardo Nunes

Dark Minimal Contact Form from group94

Clean Contact Form from Littlelines

Contact Form from Mostly Serious

移动至上是当今的大背景。交互设计、网页设计都不得不顾虑手机的”感受”，移动互联网方向的创业如同雨后春笋般出现，而有关移动端的Logo怎么设计？看看这里吧。

网页设计中，切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小，节省下载时间、有效的减少服务器的负担。

以设计师最常用的 Photoshop 以及 Illustrator 为例，都提供了「储存为网页用…」的功能。与默认的存盘模式不同，在这个模式中，软件提供了仿真图文件输出的质量调整、档案大小控制等针对网页图文件需求的选项：

相信许多人都知道网页设计中最常用的格式不外乎 JPG、GIF、PNG 等格式，但并非所有的人都知道他们之前的实际差别跟到底何时该选择何种格式。经常发生的情况是，选择 GIF 后的输出结果看起来变得很糟，于是 PNG （24）似乎突然间风行了起来，不论图档尺寸是不是因此多了好几倍。

JPEG

由于旧型计算机系统以及文件系统的限制，计算机档案文件名与扩展名被规定为 8.3 的格式，因此 JPEG 的附档名被缩写为 .JPG。JPEG可以说是人们最熟悉的图档格式了，相信在数字相机普及的现在，几乎每台数字相机、照相手机都可以（甚至只能）输出 JPEG 格式的图档。JPEG是一种很典型的使用破坏性压缩（lossy compression）的图档格式，也就是说使用者每次进行 JPEG 的存档动作后，图档的内容都会遭到破坏，这个特性在肉眼辨识下并不明显，但却可以有效的降低图档的档案大小。

我们总是会听到 “少即是多”。
有时，剥离了所有的噱头和幻想的元素从布局和专注于核心设计的原则出发，就会得到一个更美观的网页设计。
这篇文章向我们展示了一些极简主义的网站示例。

Yaron Schoen

Dan Cassaro

Dodge & Burn

Friends of The Web

Color Grade It

Simon Foster

Nudge

Johann Lucchini

Paravel

（接上篇）

7. 图片使用

增加图片可能会降低转化率。我做过几次A/B测试，发现主页的可点击图片会降低总注册量（甚至计算30天内回访也是如此，已排除先前访问数据）。我觉得Pinterest知道这个道理，所以不会让用户在诸如“申请邀请码”页面（http://pinterest.com/landing/）跳过关键动作。

注意页面底部的轮播图插件。它们是不可点击的，所以用户不会从注册启动页跳转走。从我的经验来看，如果这些图片可点击，该页面的邮件地址提交率估计会下跌5%。我过去测试过登出页面的可点击图片与不可点击图片，在每种情况下，不可点击图片的转化率都要高5%-7%，而且测试组用户与控制组用户的质量是保持一致的。

图片同样可以用来提高转化率。网络营销的其中一个说法是“有鸡就有点击”(Chicks get clicks)（“色情有市场”的粗俗说法）。咨询公司ion interactive为一家游戏公司做了一次测试，发现下面的设计的转化率比没有强调巨乳的同款设计竟然高出了35%。

提要：千万不要将所有建议照单全收,做出一个四不像网站。你应该将此看作测试网站的技巧工具箱，了解对你的产品与用户而言使用这些技巧的优点与缺点何在，以及如何使它们符合你的宏观产品愿景。

“优化注册转化率”这个话题可以扯出一本百科全书的篇幅来。因此我会花大量笔墨来阐述。在此先提醒你们，这将是一篇长文。。（译者注：差不多等于一章书了，所以拆分成上中下三篇）

我认为优化注册转化率的方法概括起来主要就是两大类：

第一大类，站内优化。包括网页设计/文案/布局等。这是个值得深入探讨的话题，这也是后面一类方法的基础。

第二大类，访问来源优化。有许多种方法可以提升访问来源的转化效果（比如SEO，邮件，社交网络，等等），对此我不会太多展开。但从“访问来源→用户最终转化页”之间的过程优化同样很重要。讨论站内转化率优化不

可能抛开访问来源。因为早在用户进入落地页之前就已经要开始优化转化率了。

当下社会，“Flat Design”设计方式似乎已经成为网页和交互设计的潮流。Flat design指的是网页设计者在设计网页的时候，常常使用图片投影，细微的纹理，纯色渐变，简洁的设计布局和对比强烈的排版，这些设计类似于Win8和Metro UI的界面。本文收集了20个极好的Flat Design网页设计案列，请您欣赏。

LayerVault

在莎士比亚那个时代，观众是非常不给面子的，品味也不是很高，简而言之，那时的观众是一群没有耐心、根本不懂文学的群众。

他们辛勤的工作一天后，他们来剧院想要找点乐子和刺激，没错，他们想要的就是娱乐。
莎士比亚之前的剧作家往往不受待见，有时候观众甚至会喝倒彩、砸场子，因为他们觉得戏剧太烂了，根本无法让他们感受到一丝一毫的乐趣，而且也抓不住他们的心。

莎士比亚就在这种大环境下崛起，虽然有着极高的艺术涵养，却能得到贫民窟的赞歌，他的策略就是：用情节、用戏剧抓住观众的注意力 。
他的作品短小精悍，戏服华丽，音乐优美，对白幽默诙谐、构思精巧。

时至今日，科技创新日新月异，文明高速发展，然而，现在的观众，依然还是没有耐心，正如莎士比亚时代的观众一样。

打造焦点的几条小建议

　单页网站是非常好的灵感来源，这些网站界面简洁、主题突出、设计精美，有创意的动态效果，带给访客强烈的视觉冲击。这种形式的网站需要把内容都放在一个页面中，只有重要内容才会展现在屏幕中。下面收集了20佳优秀的单页网站作品，通过这些网站，你能够很好的了解和学习单页形式的网站设计。

Belgian Boat Show