推广 热搜: 大学生  怎么写  怎么使用  作用  高的  时间  原理  金鱼  怎么分类  较好 

新手设计网页常见问题 网页设计与制作遇到的问题

   2023-02-01 勤学网3041
核心提示:新手设计网页常见问题用户浏览网页时,影响可读性的影响因素很多,不过在诸多问题当中,确保可读性的基础是可读——至少要让人看清元素本身。下面介绍新手设计网页常见问题,希望对您有帮助。1、拥挤的文字:字间距这是很容易忽略的一种错误,字间距过于拥挤

新手设计网页常见问题 网页设计与制作遇到的问题

新手设计网页常见问题

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


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

网页设计初学者的几大误区

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

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

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

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

对新手网站设计师的建议和忠告

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

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

二、最好设置一个留言板

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

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

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

四、合理的使用动画点缀

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

五、注意网站内容的组织

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

六、用户注册或者一定要简便

通常情况下我们不能确定使用网站的目标人群,有时候可能是青少年,当然也有可能是老年人,所以这就需要我们在设计过程中,尽可能的便捷一些操作,比如说网站的注册过程一定要尽可能的简便,不给人们带来比较多的困扰,这样子才能够使他们家生的网站的好感。当然见面只是一方面,网站的安全性也是很多人关注的地方,特别是很多人在注册之后关心自己的信息会不会外露,这就需要网站设计者在设计过程中做好信息的保密工作,防止黑客盗取网站中用户的信息。

 
反对 0举报 0 收藏 0 打赏 0
 
更多>同类开店资讯
网站排行
推荐网站
网站首页  |  你好 测试  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  网站留言  |  违规举报