新手设计网页常见问题

第页新手设计网页常见问题新手〔制定〕网页常见问题

用户浏览网页时，影响可读性的影响因素很多，不过在诸多问题当中，保证可读性的基础是可读至少要让人看清元素本身。下面介绍新手制定网页常见问题，希望对您有帮助。

1、拥挤的文字：字间距

这是很容易忽略的一种错误，字间距过于拥挤会降低文字的可读性。有的字体本身会比较稀疏，或者过于紧密，适当调整至易于阅读的状态即可。

2、密集的段落：行间距

行间距也是影响可读性的重要因素，过于紧凑会难于识别，但是一味地拉开间距在视觉上的效果并不合理。一般行间距是行高的50%左右。

3、不合理的拉伸与压缩

这是另一个常见的错误，图片、文字等元素并没有按照原始比例拉伸或者压缩而造成非正常的扭曲和形变。

要避免这个问题并不难，尽量在坚持比例的前提下控制长或者宽等单个元素变化，在PS或者AI等软件中，按住Shift键拉伸，在〔网页制定〕的时候，尽量按照原始比例来设定元素或者控制单个变量。

4、忽略可读性

正如同上文所说，影响可读性的影响因素很多，不过在诸多问题当中，保证可读性的基础是可读至少要让人看清元素本身。在黑色的背景上采纳白色的字体一般能确保可读性，对比很显然，但是如果字体太过于纤细，视觉上的辨识度就很低了。字体过小、色彩对比度不够、透明度过高都会造成类似的问题，只要你发现难于识别，有针对性地处理即可。

5、文本的阅读舒适度

制定师的排版制定要求当然不能仅仅停留在"可以看清'的程度。标题、宣扬语使用加粗的、花式的、装饰性的字体有它的功能性，但是长文的正文部分是必须要用户长时间阅读的，要坚持阅读的舒适度。字体的尺寸、字间距、行间距都必须要细心处理。传统的排版制定中，这个部分更加倾向于使用衬线体，比如中文中报纸上所用的博雅宋就是专门制定的一套字体，衬线，笔画细致干练，高识别度。不过随着制定风尚和必须求的改变，目前多用无衬线体，而且必须要合计在不同的设备上的阅读体验，于是有了苹方和思源黑体。

6、"孤儿'与"寡妇'

"Orphans'和"Widows'是印刷排版中的术语，通常指的是行货列、页头和页脚段落最后仅有一两个词构成的短行之类的东西。在文字排版占主体的制定项目中，这些行或者列非常的扎眼，你如果不想让大片的留白打断排版的连续性，最好的解决方案是微调段落宽度、间距。

7、不要在句末双击空格

这种输入习惯在中文中并不多见，但是在〔英语〕言国家有不少人会有类似的习惯，在结束一个句子之后双击空格表示结束，但是在今天的排版制定习惯中，通常认为这样的输入方式是过时且不必要的。这种间距在视觉上会影响阅读的流畅性，并且对排版会有影响。坚持克制。

8、使用太多字体

这是新手最常见的错误。使用多种字体原本是出于装饰性的目的，但是可控性很差且容易造成视觉干扰，通常将字体类型数量控制在2~3种是比较合理的。不同风格的字体太多会让你的整体风格极其难以统一，专业性就更难以提及了。

9、不匹配的字体

除了不要使用过多的字体之外，还要注意使用协调的字体。不同风格的字体用在一起自然会给人"画风诡异'的感觉，分散用户注意力，降低了信息传递的有效性。字体的搭配手法是介于科学和艺术之间一种存在，它必须要你学习排版和字体知识，还必须要一部分"制定师的直觉'来支撑。在强调一致性的地方，衬线体和非衬线体不要混用;在海报、封面等地方有的时候必须要两种甚至多种类型字体混用，衬线体和非衬线体的搭配就很重要了。多看杂志、网站和杂志排版的案例吧。

10、罔顾内容

选好字体和字体样式很重要，但是麻烦先审阅一下你的项目中内容。字体是有情绪的，好玩的、严谨的、浪漫的、随性的、现代的、复古的等等等等。如果字体和制定的情绪与内容不匹配，你会造成脱节和疏离的感觉，这会让观众困惑。公司报告是严谨的，不要用充满童真的字体或者装饰性字体，充满张力的海报上用日常的一般字体自然也是制定上的失误。

制定网页时正确使用图像及其色彩

图像在网页中起着画龙点睛的作用，不但能装饰页面，还能表达风格与情感。但网页如果图片过多或色彩使用不当，会导致浏览、下载的速度变慢，从而使网页的点击率下降。所以要正确使用图像及其色彩。

(1)位图与矢量图。

以文件数据的组织特征进行分类，可将众多的图像分为两类：位图格式;矢量图格式。位图又称为光栅图文格式，是以像素点的形式来描述图像。常见的图像格式有：JPEG格式、BMP格式、PNG格式、TIFF格式等。位图的色彩丰富逼真，但缩放时会产生失真现象而且所占空间较大。假设要向网页中添加照片或者色彩逼真的图片，则可以选用位图。矢量图是用数学方式描述的一种由线段和几何元素组成的图形图像。常用的格式有:AI格式、CDR格式、EPS格式等。矢量格式的图形在缩放时不失真而且所占空间较小。假设要为网页增加动态效果，可使用矢量图，通常采纳Flash动画形式。此外，在进行网页图片制定时，应该对用户的带宽有充分的估计。在带宽较小的状况下，应该权衡网页对图片色彩以及传输速度的要求，以决定其主次位置。

(2)储存合适的图像文件格式。

Web浏览器内部支持多种图片格式，现在通常使用GIF、JPEG和PNG三种图片格式。GIF格式是最流行的格式，其特点是所占空间小、下载速度快，较适用于具有简单色块的标志、图案，一般不用于储存真彩色的图像文件，在图片动画方面只采纳GIF格式，因为JPEG、PNG格式不同意一个文件中有多幅图像。JPEG格式是一种24位色、高压缩比的图像文件格式，通过有损压缩方式可将图像文件压缩到原图的10%，不合适扩大观看，也不合适印刷，适用于新闻图片、照片或美术作品的传输。PNG格式使用无损压缩方式，可以通过不同的储存方式、以不同的色彩数目来存储文件，具有很大弹性。

(3)Web安全色。

计算机提供了一些色彩模式：RGB模式、CMYK模式、IndexColor模式、LAB模式等。在网页色彩制定中常用RGB模式。RGB模式是计算机显示器默认的显示模式，用RGB模式制作出图像后，经处理成为Web图像就可在网上使用了。当超过显示能力时，计算机的色彩〔管理〕系统会尽力使用最接近的颜色来代替，但效果往往不如人意。为避免色彩被扭曲可使用Web安全调色板，它支持216种颜色。如果在制定网页时使用这些颜色，则无论在何种浏览器或平台上都可达到相同的色彩效果。所以，制定师通常选择Web安全色来设定网页背景、文字、表格的颜色，以及色彩简单的标题、动画、图形等。当然Web安全色也有自身的局限性，如会出现颜色偏暗的问题等。因此，在制定网页的色彩时，一方面要合计色彩的安全问题，另一方面也要合计色彩的必须求问题。

网页制定初学者的几大误区

1.初学者不应该将网页制定与〔编程〕开发混为一谈，首先从语言方面来说，网页制定所涉及到的HTML采纳的是一种标记语言，它是用来描述网页结构的一种特别语言，再说编程开发用到的语言：c、c++、c#、〔java〕等等，是用来面向对象的一种计算机语言，它是服务于计算机的，让计算机能识别的一种语言，分清楚这几点，你才干深入的了解网页制定!

2.网页制定重要的不是急于表现，有些人买了几本关于网页制定的书籍刊物，大致学了一点点网页制定的基本结构与语言，就直接上百度查找如何添加图片啊，如何添加背景音乐，如何加入小视频，flash类什么的，这样是错误的!!相信大家都知道，无论学习哪一种知识，基础是最根本最重要的东西，没有扎实的基础是不可能在这行业走向巅峰的，有些人又说：哎呀!老师，我没想过要走在巅峰啊，就略微厉害那么一点点就行了。关于这样的，我只想说，同学你来错地方了，网页制定这一门学科，差距会很大，要不就是特别牛的大神，要不就是菜的抠脚的新手!所以，想学好就打好扎实的基础吧!

3.按部就班，其实第三点我想说的和第二点差不多，学习网页制定，最重要的是把每种特定函数以及它的属性彻底的了解清楚~尽量少使用类似Dreamwaver的网页制定软件，初学者重要的是打基础，而不是求方便

4.以前老师都说不懂得地方积极主动去问，这点我不是很赞同，学习计算机是很困难的，不能一味的去向别人请教，更多的必须要自己去探究，自己去寻找错误所在!

对新手网站制定师的建议和忠告

一、一定要避免错误的链接

在网站制定的过程中，网站中可能与其他一些有用的网络站点产生一些链接，所以如果在你的网站中有一些链接，那么一定要做好检查，确保链接是否继续有效。虽然说有链接的网站很多，但是链接一定要与你的网页内容相关一定不要将无关的内容链接到你的网站上，这样会影响访问者对网站的好感度，从而降低网站的访问量。

二、最好设置一个留言板

任何一个访问者都愿意把时间花费在比较好的网站上，所以网站制定者最好在制定的时候给网站留一个留言本，这样不仅仅能够得到用户的反馈信息，还能让用户有一种很贴心的感觉，所以用户在使用完之后还会再次访问你的网站，这样子无形中有利于扩充网站的内容。

三、在网站这是使用之前一定要测试网站

网站的测试是整个网站制定过程中必不可少的一个阶段，特别是网站在临近上线之前一定要进行有用的测试，这样子才干够保证网站的顺利进行，从而避免出现很多后续的问题。而且在制定网站的过程中一定要使用最新的软件，但是还是要合计到人们可能不会使用最新的浏览器，所以还要照顾到人们，可能会使用以前的浏览器，因此在测试时一定要测试所有的链接和导航工具条，保证网站在发行之后能够正常的使用。

四、合理的使用动画点缀

很多制定师在制定网站的时候都会使用一些动画作为点缀，但是在使用的过程中一定要慎重。要依据网站的内容和发行的目的合理的使用，比如说有些网站的发行是为了宣扬公司的品牌形象，那么，比较正式的发行内容就最好不要使用动画。

五、注意网站内容的组织

网站制定一定要是积极向上的，这是所有制定的重中之重，当然除此之外再创建新的网页之前，一定要仔细合计网站的宣扬内容，他跟你宣扬的目的加宣扬内容进行合理的组织。然后决定好让访问者浏览内容之后再制定导航系统。

六、用户注册或者