当前位置:首页-博客-网站建设

设计一个网站的介绍文字:技巧与范例

日期:2012-03-28

许多网站都选择在自己的网页布局的突出位置,以显示一个简短的说明性文字,通知旅客,该网站的目的是什么。 本介绍性的文字,以及制作,可以帮助用户快速决定他们是否在正确的地方或不一样。

一个网站有几秒钟,让游客知道,他们已经发现,他们正在寻找什么,你的网站的推出是实现这一简短的电梯球场。

我们将探讨在不同类型的网站,成都网站建设的总经理介绍文字的使用,以获得更好的发展趋势和技术有效地设计他们的理解。

在本文结束时,还有一个展示一些优秀的网页设计有很大的网站介绍文字为我们进一步探讨的话题。

设计目标
需要有一个组件的每一个网站的目的。 他们每个人都有支持网站的目的和目标。

以这种方式,周到的设计和你的网站介绍文字复制的方法是非常重要的。

您的网站推出的目标是:

为了让游客知道,尽快的网站是关于什么。
以什么样的行动(或行动),他们可以立即采取(行动呼吁)给的提示。
提供上下文信息,关于什么决定访问者在成都网站建设的网站上花费更多的时间。
接踵而来的是一些设计考虑上述三个目标一致。

文字要简明有用
您的副本应该是明确和简洁的 - 1至3句话应该足够了 - 类似于抽象的科学论文或博客文章的摘录。

简短介绍文字提高一些背景给网页的可用性,但如果它太长,用户往往根据文章由领先的可用性专家雅各布尼尔森跳过。

一个精心设计和详尽介绍有助于网站的访问者第一时间迅速确定网站是什么。 一个精心设计的网站介绍文字是可操作的。

下面从臭鼬的例子就是一个例子,强调以简练的重要性和有效性。 在短短的五个字,该网站介绍文字成功封装的网站是什么。 它尽管副本简洁,明确告知游客,这是网站的iOS开发。

炫耀你的公司的人格
由于网站的介绍文字是常用的第一件事,1新网站的访问者将看到当他们在您的网页的土地,它是1伟大的机会,以显示贵公司的个性一样,您的网站的设计主题(如黑暗 , 干净 , 油渍 , 极简等),体现了贵公司的个性。

下面是友好鸭的网站介绍:这是短,操作简单,琅琅上口,并写有个性的。

直接
网民没有大量的时间,他们希望尽快知道他们为什么在您的网站的时候。 你可以通过明确和点与您的邮件。 例如,介绍文字FreeAssociation的告诉游客他们的工作和他们做什么。

提供你的价值主张
通知你有什么可提供的游客,是一个好主意。 这被称为你的价值主张 。 你们提供什么样的价值你的客户吗? 是什么使你独特的?

Project365网站,例如,承诺他们的客户,他们不是一个普通的新媒体机构,他们可以提供巧妙的设计,吸引游客到他们的客户的网站属性-承诺不自信可以使所有的设计机构。

并将其放置在一个独特的布局位置
该网站介绍文字是立即看到你想要你的访问者。 通常情况下,我们的目标是有它第一次见到。

独特的设计技术
有许多独特的设计技术,可以聘请提请用户注意。

你可以申请有关视觉重量 , 视觉层次 , 负空间 ,甚至图地面完形原则的方法。

此外,还可以使用工具,如谷歌的浏览器的大小来确定什么样的互联网人口的百分比会看到初始页面加载您的网站介绍文字。

左上角
一个技术几乎总是将工作置于顶部的布局网站介绍文字。 无论是根深蒂固的互联网公约或实际的人的倾向,网络用户对网页布局的顶部,当他们在搜索的重要场所如主成分是导航菜单和搜索功能。

网页的布局左上角,根据由Jakob Nielsen所做的眼球追踪研究 ,是一个首要的位置,因为用户的注意偏向左侧。

请注意如何运动监测网站在其网站的介绍文字的左上角的布局。 他们使用其他独特的设计技术,如间距(距离从其他设计元素,增强了它的独特性),一个独特的类型治疗和视觉层次。

顶部中心
另一个突出的位置是顶部和中心。 叉网站显示如何放置在顶部中心的网页布局,有助于争取关注您的网站的介绍文字。

利用周边视觉
你可以抓住网站的访问者眼中的另一种方式是通过使用周围的视觉元素,加强和指导对眼睛注视你的消息。帮助所有回流你的眼睛,向网站上介绍文字Carbonmade的主页。

提请用户注意使用排版技术
有几种版式构图的技巧,你可以聘请到您网站的介绍文字的吸引力进一步增强。 让我们来讨论一对夫妇。

版式大小
一个版式造型技术是规模更大的对象是比较容易得到(根据FITT的定律 )和完形原则的相似性表明,如果一个对象是明显比它周围的其他物体更大,它会站在作为一个单独的对象。

请注意该网站介绍文字有多大,是特安+松懈 。 不论其背景和周边地区的生动性与低对比的是,它仍然设法吸引你的注意,由于其相对规模。

文本样式
反对它的背景 ,有一个高对比度的一个独特的文本效果,也可以向网站介绍文字能够吸引客户的关注很长的路要走。 注意简单的渐变文字效果上伟大的圣经故事的网站,它是如何能够帮助拉向你的眼睛,他们的网站的价值主张。

考虑使用短标题
有些消息需要进一步的解释。 在这种情况下,一个流行的策略是使用一个简短的,其次是短款的关键字丰富的标题。 Twitter的这种技术示范与大,大胆短短的一句话标题。

接近呼吁到行动
阅读网站的介绍文字后可能发生的最坏的事情是无法实现未来的潜在行动是什么。 网站的访问者减少的机会击中有关的电话到行动接近你的消息,他们的浏览器的后退按钮。

如下图所示, Clearleft给了他们关于页面,通过其网站的介绍文字后立即呼叫到行动(“ 见Clearleft能为你做些什么。”)。

MailChimp提供了一个醒目的呼叫操作按钮 ,您可以点击上注册一个帐户,他们的Web服务。

在网站介绍文字的魅力
让我们来看看我们上面讨论的设计目标,发展趋势和技术应用到其他网站,通过精心设计的网站介绍文字解剖现实世界中的其他例子。

bellstrike
一个简洁,直接的点网站介绍文字可以发现上Bellstrike网站。 文本样式是独特的,字体大小是巨大的 - 两个流行的视觉设计战略,以实现独特性,就像我们前面谈到的。 两个美丽的呼叫操作按钮坐下准备和等待,一旦网站的访问者读完脚下的介绍文字。 内容是有用的,快速非营利组织提供的网站提供网站的独特的价值主张。 该网站介绍文字定位在左上角的布局,保证不被传入的网站的访问者错过。 此外,请注意周围的视觉 - 网站标志左侧悬钟 - 这有助于直接向文本的眼睛流向下。

广场
广场的网站介绍是一个简洁的价值主张:你可以开始接受信用卡的使用您的移动设备,如果使用他们的服务。 文本坐落在一个可见的左上角使用一个大的,醒目的字体样式布局中的地位。 一个方便的号召行动网站注册一个免费帐户低于该网站的介绍文字形式,可以很容易地采取行动。 采取怎样的周围视觉注意 - 食指和拇指点左 - 高达Web表单和网站介绍文字的情况下,偏离太远的权利,你的眼睛流重定向到他们的标志。

鱼
这个网站有介绍文字上的布局(一个突出的位置,因为,如前所述,我们的注意力偏向于网页左侧)左侧。 介绍文字短,简洁,实用,法国及亚洲美食的结合和reimagining的价值主张。 下面的介绍文字,你可以找到一个号召,诱使你查看餐厅的菜单。

fatburgr
fatburgr使用一个迷人的标题,利用一个简单而有效的梯度文本样式以及一个大的字体大小。 标题其次是短期和风度翩翩的描述句什么Fatburgr以及提出自己的价值,给客户(“ 你知道你订购什么营养成分?...... Fatburgr为您提供了营养信息...”)。 两个巨大的呼叫操作按钮,可以发现在网站介绍文字脚下的眼睛凝视绘图的位置。

31Three
31Three的价值主张是,它给开发商提供创意服务。 我们可以看到,该网站介绍文字定位在突出布局的左上角,使用大的字体大小,以及更充足的空周围的消息。

CulinaryCulture
本网站的网站介绍文字是简洁,实用。 10个字之内,他们已经成功来形容的网站是什么,并为他们的网站。 简短的介绍文字,其次是三栏缩略图画廊,概述了一些的东西,你可以做一个行动号召链接注册一个帐户网站(如共享和审查您最喜爱的餐馆)在网站上。 除此之外,我们可以看到一个漂亮的,眼睛引人注目的文字效果 ,使用大的字体大小和文本中的一个独特的布局位置的位置,顶部和中心。

蓝色像素
其次是在这个网站的介绍文字的价值主张的一句话一个字标题使用一个大的,大胆的字体样式。 请注意周围视觉,电吉他,如何在这样一种方式的角度对网站的介绍文字,以帮助眼流。

为孤独的Web版式
一个简单的网站是什么语句作为本网站的简洁网站介绍文字。

周日最好的网站
大和高对比度的标题包含周日最好的网站的价值主张。 两段的标题更详细地描述他们提供什么样的服务,他们的设计风格是什么。 该网站的介绍文字,我们已经谈到的许多例子可以看出,其次是一个行动号召链接,介绍他们的项目方法。 周围视觉的使用有助于直接向左眼流,以图文并茂的绅士伸出双臂,服务放置对文本的关注。

拉斯维加斯Uncork'd
拉斯维加斯拉斯维加斯的葡萄酒和美食节的目的是促进一个网站,拉斯维加斯Uncork'd,该网站介绍文字有一个引人入胜的大标题,随后两个段的描述。 标题具有一种独特的文字风格,使它成为非常有吸引力的眼睛相对其周围的元素。

伊戈尔Zagnienski
一个简明的介绍文字写在第一人称的声音位于左上角伊戈尔Zagnienski的站点布局。 介绍文字对背景的高对比度,以及大量的周围空间,使得它眼敛。

电动纸浆
很难错过本网站的网站介绍文字:它是堆积如山,并有一个对周围的元素的高对比度。 网站的介绍文字是风度翩翩,最重要的,简洁的三个词,新网站的访问者已经知道公司做什么。

assistly
assistly总结自己的价值主张,强调他们做什么,这是与设施,以提供用户管理他们的客户支持部门在9字。 一个大的字体大小,使用一个下拉阴影文字样式和服务来吸引用户的关注的一个突出的中心位置。

bitfoundry
风格独特的大眼睛引人注目的标题和吸引力,一两句话介绍描述段,哪些地方Bitfoundry,作为这个网站的介绍文字。 文本被放置在中心的布局。 用作视觉设计的设备空间,高对比的颜色和大小提供一些文字对周围的元素的区别。

N.Design演播室
尼克香格里拉设计博客在其网站上的介绍文字使用的大,加粗字体。 在极少数的话,介绍文字设法回答网站所有者是谁,该网站的目的是什么和网站所有者的工作。 他使用了一个锦鲤周围的视觉锚的消息,以一个有吸引力的形象。

开球
在这里你可以看到这个基于网络的协作工具的简单的网站介绍,位于顶部中心在网页布局。 它下面的周边形象,有助于集中你的眼睛,对页面布局的中心。

蓝天恢复
在这个网站的布局的中心,你可以看到蓝天简历的网站介绍文字。 它由1迷人的标题,潜在客户的需要扮演为1的一类网站的价值主张,1短说明什么,他们可以把表如果选择聘用他们段之后。 文本具有大字体和一个下拉阴影的文字风格,给它的突出。 Cookie的周边视觉,有助于确保前奏具有鲜明的形象,这将有助于使文本注意锚文本。

模拟
在模拟的网页布局顶端的中心位置,是一个简洁的网站介绍文字概述为他们的客户他们做什么。 周围空间的文本是获得观众的注意力的有效工具。

合作:集体
该网站介绍文字很短,到了点。 周围的文字量更较充裕的一个空白,顶部中心的文本布局以及网页布局的视觉层次安排提供给其独特的文本块。

上一篇文章:在网页设计Proxority原则
下一篇文章:设计与艺术之间的差异

© CopyRight 2006-2012 成都驰锐科技有限公司 蜀ICP备51002801号 成都市人民南路53号嘉云台22-F 邮政编码:610041
总机:(028)028-81876590 66853112 66853129 传真:(028) 66018689