查看: 1689|回复: 0
打印 上一主题 下一主题

[UI设计] 做个全能设计师!教你写作并设计出一个杀手级标题

[复制链接]

1240

主题

11

听众

6720

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
5474
精华
6

荣誉管理 论坛元老 突出贡献 优秀版主

跳转到指定楼层
楼主
发表于 2017-4-7 17:39:58 |只看该作者 |倒序浏览
怎样才能让网页设计中的标题一语中的、直击要害呢?
无论是浏览微博,还是阅读RSS内容,或是Google搜索,你最先注意的,往往是那些标题出众,饱含噱头的信息(也有同学习惯称 “标题党” )
好的标题能够吸引你的注意,让你决定阅读一番文章,而糟糕的标题,让人看都不想看,扫一眼便略过去了。
换句话说,很多情况下,标题决定着阅读量,只要标题好,用户才会注意,进而主动关注内容。
如果标题不到位,那么无论文章质量多么上乘、产品多么优秀,依然无法有效吸引用户阅读。
本文将讲述如何”打造杀手级标题,提高页面的浏览量”,不光是设计方面,还涉及文案方面
还记得我们在微博上分享的段子么?
【魔镜啊魔镜,你告诉我如何取悦设计师】答:不加班+少改稿+不站背后+不戳屏幕。【魔镜啊魔镜,你告诉我如何取悦老板】答:设计简约+大气+国际化+无限创意+会撸前端代码+一手好文案+会摄影+懂营销+无限加班不要钱+改稿千遍不厌倦+每日跪求多人组团指点江山+脾气柔顺+对客户发春般温暖…..【镜子裂了
常见误区
我们先来看看在起标题时的一些误区。
“标题应该总结页面内容”
其实大可不必,标题并不一定要总结页面内容。首先,用这么短的篇幅去总结内容大致不是很容易。其次,如果采用这种总结性标题,那么看起来会很枯燥标题毫无吸引力。
与其迂腐的总结,不如想出一些有趣、有信息的标题,让用户感到眼前一亮。
以本文的标题为例,比方说这个就很枯燥:
关于标题的字体设计以及文案写作
这个标题就不错:
颠覆传统的标题设计
“只要能够吸引用户注意,可以无所不用其极”
这也不好,没错,这种标题是很吸引人::
看,喵星人也能做后空翻!
但是这种标题和本文毫不相干,用户阅读会感觉也太标题党了,这种起标题的方法,只能流行几天,过几天就没人看这种文题不符的文章了,不利于浏览量的持续增加。而且很有可能会影响到订阅量。很不诚实、很不体面,太急功近利了
标题必须和内容相关。标题应该让人感到惊讶、眼前一亮或是震撼。应该充满对全文的洞察
标题的大小并不重要,标题可以长也可以短
在为大标题起名时,标题大小非常重要。不要太长。
也不要分行太多,分行太多标题的冲击力会大幅减弱。
而且,标题太长,在邮件和微博中会被省略掉一部分,这样就无法有效阅读。
太长的标题:
为何现在所有的用户都不用IE6,而改用更先进的浏览器呢?因为他们想要更好的互联网体验!
更好的标题:
还在用IE6?你会错失很多美好细节。
文案写作:
说重点、说利害
在为产品页写标题时,必须说重点、说厉害,最好能够说明产品给用户带来的好处。
你需要对用户有足够的了解,并且弄清楚你的产品对用户来说,价值又是什么?可以通过用户访谈、研究、测试来了解用户。这是准备功课。
一旦分析出产品的好处后(从用户的角度),将这种优点、这种价值写进标题中。这种标题写作方式非常棒,能够立即引起用户的共鸣。
抓住重点,便能构建与用户的联系纽带,既然感受一样,那么肯定能够提供解决方案/产品,用户会选择继续阅读,很有可能选择消费。
实时、在线的浏览器测试工具——告别虚拟机,支持所有桌面浏览器以及手机浏览器。(就是跨平台浏览器测试工具,比方说你想在PC上体验Safari,便可以用这个。)
1.jpg
BrowserStack主页的标题和副标题就很赞,简明扼要的抓住了目标用户的需求,说出了他们的痛处。(有时候用PC做的设计需要在Safari上进行测试,这时候可能要安装虚拟机或者换Mac测试,很麻烦,这个网站便能解决问题。)而且标题开门见山,直截了当的告诉用户:我们能够解决你的问题!
适度调侃、制造噱头、保持一定神秘感(不要把话一下子说完)
倘若非常的了解用户,那么标题写作可以非常人性化。标题可以写成像朋友聊天的那种口吻,因为你太了解用户了,你的标题可以直中他们的G点。
有时也可以稍微调侃一下读者,但不要过头。
可以抛出一个让读者深有共鸣的问题,但是又不在标题中一下子说出解决的方案,让用户感觉心里痒痒,不阅读就难受,能达到这种效果,就说名标题起的成功。
比如可以这样:
拖延症又犯了?用”两分钟法则”治好你的病!
再比如:
还是屌丝美工?5个好习惯让你走上成神之路!
再比如
网上最流行的前端模板
2.jpg
网上最流行的前端模板
这个标题起的不错,首先,明明白白的告诉了你,这个网站是做什么的,工具的用途又是什么。
其次,噱头很足(”网上最流行的”),很容易引起关注,让人继续阅读。
设计
说实话,我特别不喜欢一些什么”设计规则”、”设计原则”之类的文章,每个人的方法都不一样,没有特别死板的规矩。我觉得”建议”这个词最稳妥:抛出我的方法,如果合适,你就用,如果不合适,看看也无妨。
以下是我对标题设计的一些建议:
层级清晰
3.jpg
一级标题一定要大,要有冲击力,要看上去比正文大得多。一般我使用正文的1.5倍或者更大。这会让标题更具吸引力。
对照鲜明
4.jpg
标题要充满对照感,如果背景是黑色,那么标题使用亮一点的颜色,这样对照感就出来了。
主标题、副标题、正文的对照感依次减弱。字体大小、色彩上进行微调。
留白充足
留白也很重要,元素太多,让人无所适从,不知道先看哪个好。如果留白充足,那么标题会映入眼帘,因为周围是空的,中间只有标题。有时,标题可以与文本保持一定距离,然后周围设置大量留白区域,冲击力十足。
5.jpg
Mailchimp的主页采用了留白,标题和留白区域占据了页面顶部。当我们进入该页面时,会立即注意到硕大的标题。
总结:
游客,如果您要查看本帖隐藏内容请回复



分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-30 02:11 , Processed in 0.140261 second(s), 35 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部