网页设计

做好网页文案设计的技巧分享

时间:2024-02-28 23:20:07 敏铨 网页设计 我要投稿
  • 相关推荐

做好网页文案设计的技巧分享

  在一个网络站点设计的过程中,网页文案有着举足轻重的作用,因为它的好坏直接反应了一个网络站点的优劣。那么如何把网页的文案设计做好呢?下面小编就为大家分享一些小技巧,希望对您有所帮助!

做好网页文案设计的技巧分享

  做好网页文案设计的技巧分享 1

  一、网页文本表现技巧

  我们现在从网页文本的工作流程,来看看有哪些需要把握的技巧。

  在设计网页之前,你应该是把你所有的文本内容写好了、编辑好了吧?那么先把每个话题、概念、建议和指导意见等等分门别类,切为不同的段落、部分(注意段落要精简),拿做菜打比方,有点像配菜。

  接下来:做标题。记住,标题就像路牌一样,人家在你的网站上逛来逛去,全靠它指路了。标题要意义清晰、描述性强,有人喜欢用花里胡哨的词汇,是很酷,但会增加人家的负担,让人家多花一份脑筋琢磨究竟是什么。

  巧妙使用列单和表格。把你的想法按逻辑关系,一条条破解出来,列出来,让人家在视觉上一目了然。同样,表格也能起来这样的效果。适于用表格表现的内容,如果是文字,读起来别提多难受了,是吧?

  立体规划内容,将所有部分按一定的构架各就其位、分别纳入不同层次的页面。注意先要把最重要的内容放到首页上,其他的依次就绪。

  现在你就可以勾划页面蓝图、编HTML了。就文本内容的表现而言,记住尽量别让一行文字的宽度横跨整个屏幕。段落一多,这样子看起来很费劲,而且别人的浏览器还可能和你的差别很大。最好别超过屏幕宽度的一半。

  内容主体的文字字号,最好用软件的默认值,这可以保证大多数人的阅读效果。为加强效果,文字大小可以时不时地变一下,不过要适度,别喧宾夺主。

  如何适度地使表现形式活跃起来呢?别用下划线,容易和链接标识相混,误引来点击。可考虑颜色、粗体、斜体等手段。

  记住,每页都得有个“标题”,就是页面最顶端出现的那行文字。有的人不知道这个“TITLE”的重要性,随意来点什么或者根本就忘了。它和文本内容的标题一样,都是你站点的一个个路标,能省吗?

  还有一点,记着考虑如何让人家打印方便。和书刊相比,电脑上的阅读环境要难受得多,所以有条件的读者会选择将网页内容打印下来,躺在沙发上慢慢看。如果资源容许,最好能设定两个版本,一个是正常版本,一个是纯文本的,适合打印。

  怎么算适合打印呢?还是那句话,体贴读者情况。比方说,别把文本拉到全屏的宽度,有的打印机会切去右边不少宽度的内容。又如,颜色也得注意,黄色背景下的红色文本,打印出来就很模糊。最好还是来简单的:白纸黑字。还有,有的浏览器打印带框架(frame)的页面会出错,这个也应该考虑进去。

  二、新闻邮件、电子杂志的文本格式

  要充分利用互联网的通讯便捷特点,留住“回头客”。最方便的,就是通过电子邮件发送站点内容更新通知,再正规一点,发送定期的新闻邮件、电子杂志等等。那么这些电子邮件媒体有什么讲究呢?

  最基本的,要控制每行文字的长度。每行最好在20个字左右,超过30字就有点玄了,有的订户接到的邮件,看起来就是七零八落、参差不齐。文字长度的控制,可以用字处理程序来做,实在不行,就手工来。这是针对纯文本邮件而言的,有人喜欢用HTML格式的,下面我们就看看网页文本需要哪些技巧。

  三、网页文本撰写技巧

  1、最吸引人内容要先说。

  先说最吸引人的内容,然后再慢慢展开。然后再慢慢展开。或者说,把你的独特内容包裹成一个悬念,吸引人家注意。读者看一篇文章,前三段注意力最集中,如果这“寸土寸金”的前三段用不好,人家就要和你说再见了。

  遵从同一法则,做标题更为重要。读者一般只是寻找某些特定的信息,而不是什么都看。他们会掠过一行行文字,捕捉感兴趣的关键词、句子或段落,如果你用清晰的标题指引人家,会使他们浏览起来很便利。

  同理,措辞要讲究,适当使用形容词,吸引力会更大。比方说,“功能强大的'新软件包”,和“新软件包真好”相比,是不是更引人些?

  总之,要有些想象力,花点心思,琢磨琢磨用怎样的文字,才能最大限度地挑起读者的好奇心和注意力。

  2、内容要使读者在思想上、在视觉上产生愉悦感。

  你在写作时,要记住,你的网页可能会被成千上万的人浏览。如果你的内容让人家觉得是专门为他(她)而写,那么,你的站点对他们的吸引力就大得多。别自顾自地讲大道理,实在点、直接点、轻松点,就像和你的一位好朋友面对面聊天一样,让人家看得下去。

  3、着笔尽量要细致。

  让人家能在最短的时间内,了解你想呈现给人家什么。给人家一幅清晰的画卷,别云山雾罩的。

  4、开门见山,直接了当。

  大家都知道,网友的耐心尤其少。你能提供的信息或许对他们有裨益,但如果要人家没完没了地翻下去才能找到,恐怕极少有人有这份耐心。

  5、越简捷越好。

  一个句子最好别超过25个字,太长了,会让读者接不上气。段落也要尽量简短,6—8句足矣。再长,屏幕上黑乎乎一片,人家眼睛先花了,屏幕上看东西本来就没有读书读报来得舒服。

  6、认真修改。

  写完了,文字很“酷”,标题很“酷”,是不是就可以万事大吉了?NO。先好好组织一下段落结构、逻辑关系,别东一榔头西一棒子,要一段一个意思,一部分一个题,全篇从逻辑上要完整、顺畅。要注意给读者留点自由,让人家一看就能放心地选择,哪些感兴趣,哪些可以跳过去。

  做好网页文案设计的技巧分享 2

  1、在图像上叠加彩色蒙层。

  有时候设计网页会添加大尺寸图像,在图像上直接添加文字可能会导致内容显示不清晰。

  通过在图像上添加品牌主题色的半透明蒙层,既能提供必要的对比度又能提升文本可读性。

  2、不要过度使用留白。

  大多数设计师都不会吝啬使用留白,在网页中总能看到大量留白存在。

  但是当同一系列的元素间存在过多的留白时,可能会破坏元素的整体性,导致元素之间缺乏关联。

  3、突出重点。

  用户在一个网页的停留时间为10~20s,这就要求网站在10s内必须清晰传递自己的价值。

  因此标题文案要突出重点,用最少的时间来吸引用户的注意力。

  4、注意纯文本排版的'细节。

  在没有机会使用插画或图片的情况下,纯文本排版往往会很单调。

  着眼于品牌色和排版细节,可以快速提升界面设计感。

  5、小图标,大插图。

  图标在设计中很重要,但图标的使用通常保持在小尺寸。在大尺寸设计中,我们通常会使用插图而不是图标来表达信息。

  6、谨慎使用字间距。

  如果你不是一位经验丰富的设计师,请谨慎并克制增大字间距。在文本中增加额外的字间距会造成可读性问题,并破坏字体设计的节奏。

  7、保持恰当的行长。

  中文一个字占两字符,英文一个字占一字符,行长在页面中的最大长度不能超过110字符,最佳行长在45—75字符,包括空格及标点。

  8、显示网站价值。

  将真正有价值的内容放在主标题中,副标题起到解释和补充的作用。一个有效的方式是添加真实用户的头像,为社交证明增加真实性。

  9、避免使用小字体。

  浏览器默认的16px字体到现在已经使用了二十多年,使用专为屏幕设计的现代字体,并在18~20px开始正文。

  10、运用概率法则。

  如果有四部分内容要展示,尝试将其中两部分整合起来用三部分来说明,或者考虑内容的优先级,把最弱的部分删掉。

  11、管理认知负荷。

  尽可能合并并减少分项。调整标题和文本间的对比以改善视觉层次结构,并使用适当的留白创建一个平衡的体验。

  12、使用亮色作为强调。

  大范围使用亮色会遇到对比度问题,从而无法识别基本的内容。在按钮等小元素上,应避免使用白色文字。

  13、检查灰色文本的对比度。

  使用灰色文字是创建文本之间层次结构的常用技巧。但灰色字体往往会导致可读性问题,应保证灰色字体具有足够的对比度。

  做好网页文案设计的技巧分享 3

  1、对比图像,文字更具吸引力。

  与你所认为的相反,在浏览一个网站的时候,能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户,他们是来寻觅信息的而不是图像。因此,保证你的网站设计凸显出最重要的信息板块,这才是设计的首要原则。

  2、眼球的第一运动聚焦于网页的左上角。

  用户浏览网页的这一习惯应该在意料之中,毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时,应该尽量保持这一格式。要知道,如果你希望保持个人特色,搭建一个成功的网站,你就必须尊重用户们的习惯。

  3、用户浏览网页时,首先观察网页的左上部和上层部分,之后再往下阅读,浏览右边的内容。

  用户普遍的浏览方式呈现出“F”的形状 。保证网站内容的重要要素集中于这些关键区域,以此确保读者的参与。在此放置头条,副题,热点以及重要文章,这样可以吸引到读者进行阅读。

  4、读者会忽视横幅广告。

  研究表明,读者常忽视大部分的横幅广告,尽管你以此维持网站生计,视线往往只停留几分之一秒。如果你想通过广告挣钱,那么必须创新你的广告位以及合理配置网站广告形式。

  5、花哨的字体和格式被忽视。

  为什么呢?那是因为用户会认为这些是广告,并非他们所需要的信息。事实上,研究表明用户很难在充满大量颜色的花哨字体格式里寻找到所需的信息,因为视觉线索告诉他们把这些忽略吧。保持网站的清爽,不要因为华而不实的表面,让重要的信息被忽略。

  6、用数词来代替数字。

  如果使用数词取代数字的罗列,读者会发现在你的网站可以很容易地发现真实的资料。要知道,你是写给那些将第一次浏览你的网站的读者,所以,让他们容易发现他们所需的信息,让他们感兴趣。

  7、字体大小影响浏览行为。

  想改变人们对你的网页的看法吗?改变网页字体的大小。大的字体刺激浏览,而小一些的字体则提高焦点阅读量。根据你的需要,合理配置两者的比例。

  8、遇到感兴趣的内容,用户仅会多看一眼副标题。

  不要过分坚持副标题固定的格式——保证他们的相关性和兴趣。你也可以让副标题包含关键词,这样可以有效利用搜索引擎,让它带来读者。

  9、人们大都只浏览网页的小部分内容。

  如果在用户浏览的时候提供信息使他们尽快锁定目标,就可以把这一点发展成为你的优势。突出某些部分或者创建项目列表使网页信息容易找到和阅读。

  10、简短的段落相对于长段落来说有更好的表现力。

  网页信息是为大多数强调快速浏览的无联网用户提供的。除非上下文的衔接要求,保持信息由简短的段落和句式组成,例如 这个电子商务网站 的产品介绍。

  11、根据视觉锁定,一栏格式比多栏格式拥有更好的表现力。

  别让过多的信息把网站来访者淹没。大多数情况下,简洁更具力量。多栏内容容易被用户忽视,我们需要消除这些干扰。

  12、网页顶部和左边的广告更能吸引眼球。

  如需要在网站植入广告,试图使他们融入网页的左上部,这样他们才能吸引到最大的视觉注意力。当然,用户仅仅会注意到这些广告,这并不意味着他们会用鼠标点击。所以不要为了提高广告的注意力而牺牲原有的网站设计。

  13、将广告放置与最佳内容一旁也可以提升注意力。

  如果想要提升广告的可视性和点击率,可以将其设置于最能引起人兴趣的内容一旁,整合进网页的设计里。这样,用户既可以找到所需的内容,你也能提升广告的效益。

  14、在各种测试中,人们阅读文字广告最为专心。

  正如上面提到的,一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。这就是文字广告表现出众的原因。他们并没有分散注意力,而是与网页的其它部分内容融为一体,这让他们减少了对读者的视觉刺激,也使这一广告形式获得成功的阅读率。

  15、越大的图像吸引越多的注意力。

  如果要在网页中使用图片,那越大越好。人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。要保证你所用的图片与文章内容相关,否则它更容易被忽视。大多数读者都拥有高速的连接速度,所以请放心在你的网站上使用那些较大体积的图片。

  16、干净、清晰的特写图片能吸引更多的视觉注意。

  可能那些抽象的艺术图片会让你的网站看起来很有味道,但是他们并不会吸引多少读者的注意力。如果你需要使用到这些图片,请确保所用图片的清晰以及其表达内容的简单可读性。必须注意的是,那些与真实的“人”相关的图片比所谓的模特图片更为“优秀”。

  17、标题能吸引眼球。

  浏览网页时,读者能发现的第一内容是标题。确保网页的所有相关链接畅通和有效,以让读者顺利的通过网站进一步搜索。

  18、用户花费大量时间察看按钮和菜单。

  所以,你需要花费额外的时间维护你的'精心设计。毕竟,他们不仅吸引了读者的眼球,更是网站设计的重要组成要素。

  19、表单格式可以延长读者的注意时间。

  分解内容和段落,大量使用表单形式来表现你的文章,可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容,会让网站更容易浏览,用户更快地找到所需的信息。

  20、避免呈现大块的文本。

  研究显示,一般的网络浏览者不会花费时间去阅读大块的文本,无论他们有多重要或写得多好。因此,必须把这些大文本分解为若干小段落。突出重要的地方,放置点击的按钮也可以提高用户的注意力。

  21、格式可以吸引注意力。

  在文中使用粗体、大写、彩体、下划线可以帮助用户获取正文所表达的最主要的信息。使用时需要谨慎,因为过多的使用会使你的网页难以阅读,把读者吓跑。

  22、利用好空白。

  尽管把网页的每寸空间都填满这个想法十分诱人,但事实上让网站留出部分剩余更为不错。网站的过量信息会把用户淹没,同时他们也会忘记所提供的大部分的内容。所以保持网页的简洁,给读者预留出一些视觉空间来供读者休息。

  23、放置于网页顶部,导航工具的作用将更好地发挥。

  理想情况下,你不会满足于当读者打开你的网站时仅浏览初始页,而是希望他们浏览翻阅,察看其它感兴趣的内容。将导航器置于网页顶部,就可以让用户通过使用这个工具轻松的找到所需的目标内容。

【做好网页文案设计的技巧分享】相关文章:

网页设计常用的技巧04-25

网页排版设计的技巧11-15

网页设计深色的运用技巧12-20

吸引用户的网页设计技巧10-24

网页设计中色彩搭配的原则与技巧12-15

网页设计中图片有哪些常见的使用技巧03-21

运用技巧设计网页的图片原则都有哪些03-21

PHOTOSHOP使用技巧分享11-17

倒车入库技巧分享02-07