总算晓得网页设计中普遍存在的一些问题

　　作为设计师，让页面的层次结构足够清晰，才能让用户更清晰地快速获取信息，如何将内容按照重要性、有层次地呈现出来，还是挺考验网页设计师的权衡能力的。下面介绍网页设计中普遍存在的一些问题，希望对您有帮助。

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

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

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

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

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

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

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

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

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

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

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

　　很多站长为了让自己的网站更有吸引力，往往会给网站增添一些绚丽的颜色，加入大量色彩鲜艳的文字与边框，而这些颜色的运用与图片内容并不协调。降低了网站内容的可读性。所以如何更好的把握网站

　　1、推荐给大家两篇关于颜色搭配的文章《6条网页设计配色原则,让你秒变配色高手》以及《Web Color Design——设计师谈网页配色艺术》

　　2、如果你还在为获取web颜色而烦恼的话，建议你使用Color Scheme Designer取色工具，以不同的模式，可以让你一下获取相近的四个颜色。

　　这类问题往往存在多种表现形式，包括字体不足12号使得用户无法看清甚至点不到后退按钮。很多网页的上的字体都是正常大小,对我们来说刚好,但是父母来说网页上的字就会偏小了。

　　解决办法：一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高，12px的文字在大于1440*900的显示器里看起来会显得比较小，阅读起来不是很容易，所以现在网页设计里面用12px的已经比较少了，特别是文章正文部分，普遍都会用14px。

　　对于font-family，一般来说14px及以下大小的文字，应当设置为宋体，当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的，所以在css里面可以这样设置字体： font-family:Microsoft Yahei,simSun,Arial; 把几个字体用逗号隔开，如果系统没有第一种字体，就用第二种，如果没有第二种就用第三种，以此类推。 对于大于14px的文字，特别是大于16px的文字，宋体看起来就比较丑陋了，所以建议是用黑体或者微软雅黑，看起来回舒服一些。

　　在某些情况下，GIF动画非常有趣;动画能够让访问者获得更好的使用体验;音效可能也有助于提升感受。但这些都只是点缀，切记不可画蛇添足。GIF动画过多会造成一种庸俗而幼稚的氛围，而大家对于音效以及音乐的取向也有所不同。有时，我们精心设计，却难以实现效果。

　　解决办法：千万别让费尽心力添加的动画与音效成了刺眼又刺耳的垃圾元素。使用GIF动画最好能免则免

　　大型的导航菜单，对于包含大量不同子页面的网站而言，似乎是一个很好的解决方案，然而实际情况并非如此。我们常见的网站设计错误就是在边栏及子菜单中塞进长长的清单，超大的导航菜单对于绝大多数的普通用户而言，看起来更像是迷宫。这看似满足了全部用户的需求，实则会分散用户注意力，并让用户觉得不那么爽。如果导航、侧栏与底栏无法协同工作，那么网站内容再好也将没有意义。

　　解决办法：信息分类整合其实是就是为了应对这种情况而存在的，将网站的导航内容规划为不同的大分类，有了层级，用户更容易筛选;又或者你可以将导航设计成为更为有趣的图文式链接，让它看起来不那么枯燥，也不失为一个可取的方案。永远不要低估在屏幕上留白的重要性，因为其是创造平衡美感的重要基础。

　　当我们在搜索的时候，都会有下拉框，需要进行额外的操作才能看到其中的选项，如果将这些选项隐藏起来，就会增加用户搜索信息的难度。因此，建议将选项的展示做得更加明显一些，下拉框最好只放在用户习惯的地方。

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

　　在网页中加一些了解能让用户搜索到更多想要的知识，但是也不要加太多，否则会分散用户的注意力，让人眼花缭乱，特别是那些想引导用户点击下载按钮的页面。同时，建议导航和操作链接要在样式上有所区分，让用户一目了然。

　　很多网站现在都有一个弹窗，弹窗的好处就是可以让客户第一时间下单，但是弹窗弹的过于频繁也会流失一些潜在客户，让人看文章的时候产生一些反感。

　　很多网站设计的按钮，非常一般，比如：立即注册、点击购买。这些按钮对于用户来说没有什么吸引力。现在大部分人都比较现实，比如说你可以起一些让客户感觉有利可图的东西，就像点击有奖、开始省钱等等。

　　对于设计某个网站来说，要做的第一步工作就是确定网站整体的风格，不同的网站需要有不同的风格，其风格要与主题内容相统一。目前，网页的种类很多，较为常见的有：新闻机构类、政府机关类、科教文化类、娱乐艺术类、电子商务类、个性化网页类。这些不同性质的网页应体现不同的风格，比如，娱乐类网页风格应体现活泼生动一些，政府机关类网页应体现出比较庄重、严肃的感觉。在统一的风格页面中，添加图片、文字、动画等元素，来丰富页面内容，在添加这些元素的过程中也要注意色调的统一，这就需要设计师具备良好的美术修养。

　　网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。当我们确定了网页总体风格之后，我们要根据现有的图片、文字等素材进行页面划分，文字作为最原始、最有力的信息传递方式，在网页设计中也是至关重要的。

　　在网页设计中，好的色彩搭配是网页设计成功的一半。在一个色彩搭配具备专业水平的网站，即使只使用很少的图形，仍会带给浏览者深刻的印象和舒适的视觉感受。一般来说，色彩，在一个页面不应超过三个，其中择一为主色调;应恰当使用颜色蕴含的文化心理信息。色彩的运用遵循“总体协调，局部对比”的原则，也就是主页的整体色彩应该是和谐统一的，只有局部运用一些强烈的色彩对比。

　　(1)蓝色，是商业宣传用色，能使网页显得非常有专业水准。体现出一种专业和正式氛围。蓝色往往也被用为严肃庄重的场合，体现出一种凝重和肃穆。(2)绿色，是自然色，给人以清新自然的感觉，可以大大舒缓视觉上的压力。绿色可以用于与环保相关的主题，如旅游风景区网站。(3)红色，是比较热烈的颜色，会使网页变得生机勃勃。红色也是运动的色彩，有很强的视觉感染力和号召力。(4)黄色系也是宣传色系中的一种。黄色给人轻松随意的生活气息，能够体现出一种友善和多维的效果。同时，黄色又是一种非常鲜明的色彩，它可以与许多种颜色搭配起来使用。

　　此外，我们还可以适当的运用一些黑、白、灰的颜色搭配使用，可以产生意想不到的效果。

　　一个页面中尽量不要超过4种色彩，色彩太多找不到主题色，会显得没有主次，令人眼花缭乱。再者，需要注意的是文字的颜色与背景颜色的区分，对比太强或太弱都会影响浏览者的阅读。

　　除了以上论述的几种要素，还有页面的布局、框架的构成等也属于网页的构成要素。