勤学思培训网RRHQXD
  • 总算知道网页设计的问题

    网页设计的问题

    专业的网页设计,一定是为企业量身定做的,网页设计的元素中包含企业本身的特色,包括企业文化背景等。下面介绍网页设计的问题,希望这些内容对您有帮助。

    [图片0]

    1、网页内容字体搭配和谐。

    在网站中,用户最关心的就是网站的内容,一个网站的内容,字体搭配和谐,编辑排版得当总能给用户带来好感。当然这是给用户一个视觉感官上的舒服,但是用户要看到的还是实实在在的内容,如果在内容对用户有用的情况下,增加文章的排版,用户的体验感无疑得到增强。

    2、摆脱颜色的控制,突出网站的特色。

    在新时代下,鲜明的网站色彩无疑给用户的视觉带来很大的冲击,在网站的设计中,要注意用户的体验,在网页设计中,颜色不能太复杂,建议采用一种主色调外加两种辅助颜色,这样增加网站特色,突出网站重点内容。

    3、在网页设计中,最重要的是要留白。

    在以往的网站设中,很多用户都希望设计布满整个页面,想要在网站上呈现更多的内容,这其实是一种错误的做法,用户在浏览网页时,也会产生视觉疲劳,所以在网页设计中,留白能缓解用户的浏览疲劳。网页设计留白是细节,也是网页设计的一种趋势。

    4、导航设计。

    对网站来说,最重要的就是网站的导航设计,导航就好比迷失森林里的方向指示牌,有了导航,客户可以知道自己想去哪里,自己目前在哪里,网站中有了导航设计,用户能很清楚的找到所想要找到的内容,这大大方便了用户。

    网站的导航设计也是决定用户体验好坏的重要标杆,专业的网站设计,一般网站的导航上都是十分清晰可见的,有些细心的网站还添加了面包屑导航。

    5、网页设计要融入企业的元素和文化。

    专业的网页设计,一定是为企业量身定做的,网页设计的元素中包含企业本身的特色,包括企业文化背景等。

    网页设计过程中需要注意哪些问题

    1、无论在什么设备上,尽量提供类似的体验

    用户可能会从不同的设备上访问你的网站,可能在桌面端上,笔记本电脑、平板电脑和手机上,甚至有可能在智能手表上打开你的网站。而作为用户体验设计的工作目标之一,就是尽量确保无论在哪个设备上打开,都能给用户以类似、相对一致的体验。

    如果用户需要在手机上查看你的网站,那么他应该能够像在家里的电脑上查看的时候那样,找打所有他希望能找到的内容。

    2、清晰而易用的导航设计

    导航是网页可用性的基石。如果用户无法通过导航找到自己想要的内容,那么无论网站设计多好,都是不达标的。所以,你的网站导航应该符合下面的特征:

    简单(每个网站都应该具备简单明了的结构)

    清晰(导航的选项对于用户而言应该是不言自明的)

    一致(导航在各个页面上应该都是一致的)

    这样的导航能够让用户尽可能少的点击用来抵达他们要去的页面。

    3、让已访问的链接显示为别的色彩

    每个网站当中各种链接都不少。为了和文本区分开来,链接通常色彩不一样,如果用户点击之后再返回,链接色彩不作区分的话,用户可能会无意中重复访问相同的页面。所以,让已访问过的链接显示为其他的色彩,让用户更好地决定下一步点击哪里。

    4、让用户更容易扫视页面

    当用户刚刚开始打开网页的时候,可能会倾向于快速扫视整个页面,而非通读所有内容。当用户想要快速判断出他们想要的内容在哪里的时候,就需要快速扫视、定位。作为设计师,让页面的层次结构足够清晰,才能让用户更清晰地快速获取信息。如何将内容按照重要性、有层次地呈现出来,还是挺考验网页设计师的权衡能力的。

    将屏幕标题、登录表单、导航类目和其他的关键内容设置为视觉焦点,便于用户发现。

    5、仔细检查所有链接

    当链接所指向的页面不存在的时候,用户所打开的页面就会自然地变为404了,而这种情况是一定会让用户产生沮丧的情绪的。为了避免用户在浏览过程中因此对你的网站产生失望的情绪,请务必确保没个链接都指向正确的页面。

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

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

    网页设计时应该注意的问题

    1.将选项隐藏起来

    网页中会有一些下拉框,需要进行额外的操作才能看到其中的选项,如果将这些选项隐藏起来,就会加大用户搜索信息的难度。因此,建议将选项的展示做得更加明显一些,下拉框较好只放在用户习惯的地方,比如日期选择、地点选择等,而且重要的选项尽量不要做成下拉选项。

    2.排版过于直白

    直白的长页面虽然可以让页面变得简单明了,但是过于平淡的排版会让用户失去阅读的兴趣,因此企业应该适当地增加一些小节,并且让它们之间相互联系,提高用户的阅读兴趣。但是要注意,每节之间的留白不宜过大,否则会削弱彼此间的关联感。

    [图片1]

    3.链接放太多

    在网页中加入一些的链接可以满足用户的各种信息需求,但是不宜过多,否则会分散用户的注意力,让人眼花缭乱,特别是那些想引导用户点击下载按钮的页面。同时,建议导航和操作链接要在样式上有所区分,让用户一目了然。

    4.按钮太普通

    很多网站的按钮设计都比较普通,比如“立即注册”、“点击购买”,这样的按钮对用户毫无吸引力。其实,大部分用户都比较喜欢有利可图的东西,按钮也一样,企业要在按钮上加入一些利益驱动,比如“开始省钱”、“点击中奖”等。

    5.表单前添加额外页面

    其实,电脑端屏幕的大小足够网站直接放出表单了,这样比点击按钮再弹出表单的设置要方便得多。而且,直接给出表单还可以让用户看到表单的设计,知道填写表单是一件很容易很快速的事情,当然前提是表单一定要简洁。

    网页设计与制作常见问题

    1.为何无法在文字中输入多个空格字符?

    在做网页的时候,有时需要输入空格,但在有些时候却无法输入,导致无法正确输入空格的原因可能是输入法的错误,只有正确使用输入法才能够解决这个问题。解决的方法有以下几种。

    ●切换到代码视图,在需要添加空格的位置,输入代码 ,就会出来空格,输入几次代码就会出来几个空格。

    ●如果使用智能ABC输入法,按Shift+空格键,这时输入法的属性栏上的半月形就变成了圆形,然后再按空格键,空格就出来了。

    ●切换到【文本】插入栏,在【字符】下拉列表选择【不换行空格】选项,就可直接输入空格。

    2. 为什么在Dreamweaver中按Enter键换行时,与上一行的距离却很大?

    在Dreamweaver中按Enter键换行时,与上一行的距离却很远这是因为按下Enter键时默认的是一个段落,而不是一般的单纯的换行所造成的。因此若要换行,则先按下Shift键不放,然后再按下Enter键,这样两行间的距离就不会差一大段了。

    3. 怎样设置字体系列?

    什么叫字体系列呢?是指对文字设置几个字体,当遇到第一个不能显示的字体时会自动用系列中的第二个字体或后面的字体显示。Dreamweaver内置了6个系列的英文字体,一般英文字体用“Verdana,Arial,Helvetica,sans-serif”这个系列比较好看。如果不用这些字体系列,就需要自己编辑字体系列,可以通过下拉列表最下面的【编辑字体列表】来创建的字体系列,也可以直接在下拉列表中输入字体名,字体之间用逗号隔开,中文网页默认字体是宋体,一般空着,不要选择任何字体。

    4. 如何使用3种类型的CSS样式?

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

    5. 关于冲突的CSS样式

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

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

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

    6. 文档相对路径的表示方法

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

    7. 解决跳转菜单可能出现的问题

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

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

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

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