几个网页设计技巧

合理的设计好一个网页,可以使读者快速阅读网站的文章,并且会饶有兴趣的阅读其他的内容。

合理的设计好一个网页,可以使读者快速阅读网站的文章,并且会饶有兴趣的阅读其他的内容,如果设计的网页很另类很个性,导致读者无法迅速找到想要进入的主题,那么读者会很快离开你的网站。那么如何设计好一个网页呢?一些小细节和一些操作习惯就会让你的网站内容更有阅读性。

      1:把文章内容字体改大一点,字太小看起来很累,尤其是在内容很多的时候。目前文章内容流行的字体是14PX(像素),和180%或150%的行距,这样不容易造成视觉疲劳。
例如在CSS文件中可以加入如下代码:
body{font-family: "宋体","微软雅黑","arial",Verdana, sans-serif; font-size: 14px;line-height: 180%;}
这段代码的意思是 BODY区域也就是整个页面默认是宋体,如果没有宋体则改为微软雅黑,以此类推。font-size的意思是字体大小,line-height是意思是行距。
(非常抱歉,我犯了一个严重的错误,目前流行字体应该是14px,结果我打成16px,这里向各位修改成16px的朋友说一声抱歉。)

      2:给文章内容的链接添加下划线,这样读者可以清楚的知道哪里可以点击。例如:显示下划线代码text-decoration: underline;

      3:文章内容尽量简洁明了.更不要把文章弄成花花绿绿的字体颜色。

      4:要勤分段落。太多的段落总比太少的段落要好很多,这样文章看上去错落有致,而且读者也容易阅读.

      5:内容摘要很重要,这样读者在阅读完标题,再阅读摘要时就能大致了解文章要表达的内容。

      6:给重点的句子或者段落加粗体现实。这样不仅方便快速阅读,而且搜索引擎也会着重阅读。

      7:如果文章内容很长,可以使用分页。分页导航一定要清晰明了易于点击。

      8:把文章保持在一个合理的宽度,尽量不要直接从word文档粘贴到文章编辑器当中。以免把样式代码也粘贴到编辑器中。我一般都使用记事本来写文章。

      9:可以考虑使用插图.如果文字太多的情况下,配图可以提高文章的可读性。

      10:最后一点也是最重要的一点,网站一定要有清晰的导航,方便读者浏览。我曾经去过几个非常有个性的博客,但有接近30秒的时间都是在找从哪里能点进文章内容。这样的设计虽然很另类,但很不合理。

时间: 2024-11-02 16:53:12

几个网页设计技巧的相关文章

CSS网页设计技巧:input按钮在IE浏览器的兼容问题

文章简介:CSS网页设计技巧:input按钮在IE浏览器的兼容问题. 这段时间在处理网页默认的input 按钮时,IE下常显现不一致的宽度问题,让人感到很纠结.所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨一下. Html Code: <input type="submit"; class="form-submit" value="subscribe" name=&qu

网页设计技巧:创建网页背景材质的方法

文章描述:网页设计技巧:创建网页背景材质的方法. 在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节.虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受.所以这篇文章中,我会就网页背景材质创建过程中常用到的方法做一总结,希望对于大家在设计中的开头步骤能够给与帮助的参考. 一.使用现成的图案来创建网页背景材质. 1.下载现成的图案样式,或者自己动手创建图案,关于如何自己创建图案,之前我写的一篇文章<在Photo

网页设计技巧:特殊人群的设计关怀

文章描述:网页设计技巧:特殊人群的设计关怀.   2010年12月,Thomas应邀参加中国交互设计体验日大会,展开了一次主题为<特殊人群的设计关怀>的演讲.演讲主要介绍了在做产品设计时,公司对于特殊群体的一些考虑.以下是对这次演讲的现场记录: "盲人对QQ的依赖度非常高." 在正式演讲之前,想请大家看一段视频.大家可以看出这是个怎样的用户吗?是的,这是一位盲人.可能很多人会吃惊,盲人怎么可以使用QQ?其实盲人不光使用QQ,他们正在利用互联网的很多服务充实自己的生活.我们关

登陆网页设计技巧深入分析

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在前面"案例分析:高转换率的着陆网页设计技巧"内容,我和大家分享了高转换率着陆网页设计技巧,在本篇文章中,继续和大家一起分享登陆页面设计实践. 商业性较强的的主登陆页面,简单设置 诱惑性极强,给页面创意四射的激情,多步骤形式,细分网站观众,当场得到与游客视频对接六个设计技巧是高转换率着陆网页设计必须要达到的,这里补充四点.

网页设计技巧:弹出网页窗口设计全攻略

攻略|技巧|设计|网页|网页设计 如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 <html> <body >; <b>www.webjx.com</b> </body> </html> 2.弹启一个被F11化后的窗口 <html> <body >; <b>www.webjx.com</b>

网页设计技巧谈:走出路径的困惑

技巧|设计|网页|网页设计 如果您刚刚开始接触网页设计,是不是经常发生这样的问题呢?做好的网页在自己机器上可以正常浏览,而把页面传到服务器上就总是出现看不到 图片 , css 样式表失效等错误.这种情况下多半是由于你使用了错误的路径,在应该使用相对路径的地方使用了 绝对路径 ,导致浏览器无法在指定的位置打开指定的文件. 下面我们就来谈一下最让初学者头疼的相对路径与绝对路径的区别问题. 什么是 绝对路径: 大家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方

网页设计技巧系列之文本排版

技巧|设计|网页|网页设计 太长时间没写文章了,主要是工作太忙.今晚上没睡着起来把这篇文章写了希望对初学者提供点帮助,同时也在此再次感谢曾经帮助过我的人与我所看书籍的作者们. 我们在做网页的时候会发现:自己画的图也不错,自己做的布局也很精致,做的图标也很漂亮,第一眼看起来都觉得很漂亮,但是看看就觉得不舒服,也不清楚为什么-- 这里我告诉你,也许就是你的排版出现问题了.页面排版不合理产生的视觉效果会让读者的眼睛产生的疲劳感,基本的毛病在于"字间距太挤或太宽"."行距太小或太大&

网页设计技巧:焦点设置的技巧和练习

文章描述:对于网页设计师来说,焦点设置是一种技巧,更好的传达信息,更能留住用户,有点像魔法.同时也需要练习和技巧.希望这些建议能够对你有所帮助,祝你的网页能更快的吸引用户!赶紧到你的下一个项目里试试吧. 打造焦点:网页设计中的重心 在莎士比亚那个时代,观众是非常不给面子的,品味也不是很高,简而言之,那时的观众是一群没有耐心.根本不懂文学的群众. 他们辛勤的工作一天后,他们来剧院想要找点乐子和刺激,没错,他们想要的就是娱乐. 莎士比亚之前的剧作家往往不受待见,有时候观众甚至会喝倒彩.砸场子,因为他

网页设计技巧:设计精美网页图标技巧

文章描述:满足四大要素!让网页设计中图标更有吸引力. 图标在网页设计中用途广泛,几乎每个网站中都存在着图标.通过这些小小的图标,可以方便的实现视觉引导和功能划分.如果选用恰当,图标能和页面中的图片有机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合.图标并不是华而不实的小玩意儿,小图标有大用处.在网页设计中,如果设计师并不擅长图标设计,那么就需要在图标选择上下功夫了. 一般来说,根据使用手法.使用场合的不同,一张图像可以有多种解读,图标亦如此.图标不但能够吸引用户的注意力,还能分割页面

网页设计技巧:网页图片的巧妙设计方法

文章描述:浅析网页设计中图片的使用基本原则. @MartinRGB 设计师都知道,行业的核心追求便是打造优秀的视觉效果.实际上,之所以能够成为设计师,是因为我们具备一种技艺,能够满足用户的视觉感受和视觉需求.我们可以听.读.想,我们可以想象出概念.物体以及人:但是这些感受都很抽象,只有实实在在地看到,印象才能定型. 你遇到过从来没见过雪的人吗?可能你也从来没见过雪花飘洒在天空的景象.所以这些人无法理解,到底什么是雪?他们可能会知道原理是因为寒冷而凝结了空气中的水分,落下便形成了雪,可是他们无法真