网页设计常见问题

网页界面设计的外观不应该影响它本身的可用性，避免繁琐的设计，为了美观而牺牲内容的可读性和对比性都是不能让人接受的体验。

下面介绍网页设计常见问题，希望这些内容对您有帮助。

1、不要为了漂亮而牺牲可用性

网站和APP的界面设计的外观不应该影响它本身的可用性，避免繁琐的设计，为了美观而牺牲内容的可读性和对比性都是不能让人接受的体验

2、不要使用晃眼的文本和广告

令人晃眼的文本和广告本身体验不佳，它们会让人分心，而且还会触发体质敏感的癫痫患者发病。

3、确保元素的视觉和功能表里如一

许多元素的外观特征会呈现出它功能性的一面，这也就是我们常说的显而易见、不言自明的设计。链接通常会呈现成特定的色彩，带有下划线，如果你的内容文本中有这么一段文字拥有这样的特征，用户通常会认为它是一个链接。如果点击的时候发现它无法跳转，会让人有“被欺骗”的感觉。用户需要知道哪些内容是可点击的，而哪些只是强调，设计要表里如一。

4、不要让你的用户长时间等待加载

不论是面对APP还是网页，用户的耐心都非常之有限。有研究表明， 7 秒的等待几乎是用户的等待极限，而 10 秒的加载时间，只会让绝大多数的用户关闭页面，再精美的加载动画都安抚不了用户的烦躁。所以，不要让你的用户等待加载，尤其是这个加载时间很长的时候。相关的应对策略很多，比如你可以采用占位符先显示布局，逐步加载内容，至少让用户知道，这个过程正在推进。

5、不要让促销广告盖住内容

现实生活中广告已经让人难以忍受了，如果你的网页中广告居然挡住了主要内容，这几乎是逼着你的用户生气关闭页面，这样换来的广告营收从某种意义上也是饮鸩止渴。

另外一方面，长时间的互联网浏览经验会培养出用户的另外一种广告应对策略：当他们看到广告的时候会主动忽略它。这对于广告的转化率同样是毁灭性的打击，不是么?

6、避免滚动劫持

滚动劫持通常指的是开发者或者设计师为了实现新的布局、动画或者排版，而修改了滚动的固定点甚至滚动条和体验本身，带来的非常规的滚动体验。滚动劫持是最恼人的状况之一，所以，通常而言，除非极个别的原因，尽量不要过度调整和修改用户滚动浏览的体验设计。

7、不要让视频和音频自动播放并出声

视频和音频自动播放对于用户而言是一种失控的体验，对于用户也是一种刺激。这样的设计应该谨慎使用，除非用户对此已经有所预期。

网页设计与制作常见问题

一、怎样设置字体系列?

什么叫字体系列呢?是指对文字设置几个字体，当遇到第一个不能显示的字体时会自动用系列中的第二个字体或后面的字体显示。

Dreamweaver内置了6个系列的英文字体，一般英文字体用“Verdana，Arial，Helvetica，sans-serif”这个系列比较好看。如果不用这些字体系列，就需要自己编辑字体系列，可以通过下拉列表最下面的【编辑字体列表】来创建的字体系列，也可以直接在下拉列表中输入字体名，字体之间用逗号隔开，中文网页默认字体是宋体，一般空着，不要选择任何字体。

二、如何使用3种类型的CSS样式?

CSS样式表在网页制作中一般有3种方式的用法，那么具体在使用时该采用哪种用法呢?当有多个网页要用到CSS，采用外联CSS文件的方式，这样网页的代码大大减少，修改起来非常方便;只在单个网页中使用的CSS，采用文档头部方式;只在一个网页一两个地方才用到的CSS，采用行内插入方式。

三、关于冲突的CSS样式

将两个或更多的CSS样式应用于同一文本时，这些样式可能发生冲突并产生意外的结果。浏览器根据以下规则应用样式属性;如果将两种样式应用于同一文本，浏览器显示这两种样式的所有属性除非特定的属性发生冲突。如一种样式可能将蓝色指定为文本颜色，而另一种样式可能指定红色作为文本颜色。如果应用于同一文本的两种样式的属性发生冲突，则浏览器显示最里面的样式(离文本本身最近的样式)的属性。因此，如果外部样式表和内联CSS样式同时影响文本元素，则内联样式为其中所应用的那一个。

如果有直接冲突，则CSS样式(使用class属性应用的样式)中的属性将取代HTML标签样式中的属性。

例如，hl定义的样式可以指定所有hl段落的字体、大小和颜色，但应用于该段落的自定义CSS样式.Blue将取代hl样式中的颜色设置;另一个自定义CSS样式.Red将取代.Blue，因为它位于.Blue样式的内部。

四、文档相对路径的表示方法

对于文档相对路径省略对于当前文档和所链接的文档都相同的绝对URL部分。如果要链接的目标文件与当前文档位于同一文件夹中，输入文件名;如果位于子文件夹中，则提供子文件夹的名称，后跟正斜杠“/”，然后输入文件名;如果位于父文件夹中，则在文件名前添加“https://www.qinxue365.com/jsjzx/”(其中“..”表示文件夹层次结构的上一级目录)。

五、解决跳转菜单可能出现的问题

选择跳转菜单项后，如果再次导航回到该页面，或者如果在【插入跳转菜单】对话框的【打开URL于】文本框中指定了一个框架，则无法重新选择此菜单项。解决此问题有两个途径：

● 使用菜单选择提示(如类别)或用户说明(如“选择其中一项：”)。在选择每个菜单之后将自动重新选择菜单选择提示。

● 使用【前往】按钮，该按钮允许重新访问当前所选链接。

需要注意的是：由于这些选项应用于整个跳转菜单，因此在【插入跳转菜单】对话框中，每个跳转菜单只能选择这些选项中的一项。

网页设计问题概述及解答

问题一 、没有充分和客户沟通，致使网页设计方向出现偏差。

这个问题可能是网页设计中出现最多的了，也最容易让客户和网页设计师发生矛盾的问题。后面的后果是客户觉得不管如何改动设计都不能让自己称心，而设计师却烦的不行，觉得客户太难理解，症结其实就在两者沟通上。

想让双方对最后的设计都满意，就一定要尽可能详细的沟通，客户和设计师越是相互理解，最后达成的一致性也越高，这两者是呈正相关的关系。要做到这一点，我个人的方法是在沟通的环节设计系统的调查问卷让客户作答，以帮助客户梳理、明晰设计需求。下面是我经常使用的调查问卷内容，其中需要客户作答7个问题，这些问题基本可以帮助客户和设计师明确设计方向，你也可以依据在和客户沟通中的具体情况修改或者完善这些问题。

1、当网络用户访问你的网站的时候，你想让他们做什么?(例如购买某项产品、服务，或者展示企业的文化等)

2、网站的目标用户是哪部分人群?(蓝领男性、有某方面需求的年青人等)

3、网页的整个风格是什么?当用户进入你的网站，你想让他们有什么感觉?不希望他们有什么感觉?

4、列出几个你心水的网页，并说明利用;例举几个你讨厌的网站，也说明理由。(请将网站链接或者截图粘贴在下方)

5、网站类目有哪些?并提供具体文字内容(可粘贴在下方)

6、请附上网站设计的材料，包括标志，公司简介，产品图片等(打包以附件形式发送至设计师邮箱)

7、请附上您的联系途径。(msn、手机或者地址)

问题二：越过网站功能及信息架构上的过程，直接开始视觉创作。

网站的功能和构架是站点的中心，一个网页不是简单的让用户去感受视觉上的画面，好看总是排在后面的，而易用性却是排在首位的的。一个企业网页是为了显示企业的形象、出售企业的产品和服务;一个门户网站是为了更好的提供信息内容，一个个人博客是为了宣传个人观点，建立个人口碑等等，保证了这些功能更好的实现了之后才应该去考虑视觉上是否美观的问题。

网页设计概述

网页(Web Page)是网站组织的基本要素，是承接各种网站功能的平台。

网页实质上是一个文件，保存在世界某个地方的某一台电脑中，而这台计算机一定是与万维网链接的的。网页通过网址(URL)来识别与存取，一旦用户在地址栏中键入网址后，经历一段繁杂而又快速的程序操作，网页文件就会被传输到用户的计算机中，再通过浏览器释放页面的信息，最终展现到用户的眼前。

网页有多种分类，大致上的区分是动态页面和静态页面。静态页面多通过网页设计软件来进行重新设计和更改，技术层面上相对比较落后。当然，现在的某些网站管理系统也可以直接生成静态页面，这种静态页面一般可称为伪静态。静态页面内容是固定的，其后缀名通常为.htm、.html、.shtml等。

动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页，通常可通过网站后台管理系统对网站的内容进行更新和管理，如发布新闻、发布公司产品、交流互动、博客和网上调查等，都是动态网站功能的一部分具体表现。

网站主页(Home Page)也能够解释为成网站的封皮，所以也被称为首页，它是整个网站的主索引页。网站首页名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。

网站、网页和主页是3个功能不同但又紧密联系的概念，整个站点由多个网页要素构成，多个页面又通过主页链接成一个完整的网站系统。

网站伴随着网络的快速发展而快速兴起，成为上网的主要依靠，由于人们使用网络的频繁而变得非常的重要。由于企业需要通过网站呈现产品、服务、理念、文化，或向受众提供某种功能服务。因此网页设计必须第一点明确设计站点的目的和用户的需求，从而做出切实可行的设计方案。

专业的网页设计，需要经过以下几个阶段：

需要依照用户的想法、市场的需求、企业自身的情况等综合分析，从而构造起经营模型。

以需求目标为核心进行功能规划，制作出栏目构造关系图。

以实现用户体验设计为目的，使用axure rp或同类软件进行网页设计，制作出交互用例。

以页面精致化设计为目的，使用PS、AI等软件，调整，使用更成熟的颜色、字体、图片、样式进行网页设计美化。

根据用户反馈，进行页面设计调整，以达到最优效果。