网页设计目前存在的问题及解决途径要求

黄杰 胡开炽

【摘要】随着现代互联网技术的飞速发展，网页设计应运而生，其作为一种新兴行业备受广大网民青睐，比如中国雅虎、新浪、腾讯、网易以及凤凰网等各大门户网站的门面设计与流量使用。网页设计的最终目标是生产网站并用以浏览，所以网页设计的好坏直接影响着网站的访问量。目前网页设计中存在着诸多问题，本文就以此为关注点对其解决途径要求进行探讨研究。

【关键词】网页设计;存在问题;解决途径;要求

【基金项目】2018年湖南省教育厅项目“基于HTML 5+CSS3+jQuery的网页动态艺术效果的设计与实现”，项目编号18C1228。

中图分类号：TN92                     文献标识码：A                     DOI：10.12246/j.issn.1673-0348.2021.05.044

网页设计是一種视觉语言，主要用于设计生产网站，其通过标识语言将各类信息以图形用户界面的形式来展示，例如：在设计时与客户沟通对接不够充分，从而导致设计方向偏差;在设计中忽略网站功能与网络信息架构，从而致使过于视觉化;在设计时对网站整体的设计风格把控不够，从而导致思维断层;在设计时对其内容框架、版面布局的设计不够理想化，从而缺乏吸引力影响用户视觉。因此在进行设计时对网

1. 在网页设计初期所存在的问题

1.1 与客户沟通对接不够充分

在进行网页设计时，首先设计师要确定客户的设计需求，因此与客户之间进行详尽的沟通是必不可少的，但是目前大多数的客户对于其产品的设计期望往往都只是一个模糊的概念，大概只有一个粗略样子，甚至有的客户要求设计师先做出几个模板，然后再看效果怎样，这种情况的发生往往会使产品的设计方向发生偏差，从而导致多次重复改稿事件的发生，进而易使设计师与客户之间发生矛盾，不利于设计工作的顺利进行。

1.2 对网站功能与网络信息架构的关注度不高

在进行网页设计时，其成品页面的优秀效果不仅仅是指访问者感官上的优美，更是其功能特性的充分展现，但是有的设计师在进行设计时往往忽略了网站的功能特性和信息架构，而过于注重视觉效果的设计，从而导致网站“空有其表，而内里不足”，从而满足不了客户的期望值。

1.3 对网站的整体设计风格缺乏把控力度

在进行网页设计时，其网站页面的整体风格要基调一致，比如冷暖色调的考虑，假若要设计娱乐类的网站，此时就选择以红、橙、黄三色为主的暖色调进行设计，使浏览者产生较好视觉感官，从而获得一种活泼、愉悦、兴奋的感受，但是网站的整体设计效果不单单只是色调的选用，还包括布局、结构、质感、字体、图片以及图标等方面都需要进行完美的融合，从而达成一致的视觉与体验效果，但是有的设计师在设计中急于求成，对网站整体风格的把控力度不够到位，没有进行系统性的思索就动手设计，从而使设计思路断层，有碍于作品的完成进度。此外，由于在设计中各类框架元素和其他元素的嵌套使用，从而易使整体布局思路受到条条框框的限制。

1.4 在网页设计中所存在的技术性问题

在网页设计中除了初期的草图构思与创意设计要求我们可以尽可能的满足客户需求外，在使用PS等软件进行具体设计中时，由于网页设计师在进行新设计项目时都是在重复这个过程，所以其技艺上的错误是在所难免的，但究其原因大多都是设计者在细节方面的不仔细问题，比如网页内容与导航的搭配问题、对齐方式存在像素偏差、边框距离不合适、元素与背景清晰度不够、色彩种类运用过多、网页字体搭配不和谐以及图片（GIF）、动画与音效使用过度等问题，而受网页设计中的每一个小步骤的影响，网站整体的设计稿成品效果也会大打折扣。

1.5 网页设计中设计方式比较固化

现今，网页设计的发展比较教条化和形式化，使得大多数的网页、网站作品都给人以一种“千篇一律”的感觉，甚至是模板化，从而使设计创意思维受到阻塞，这一般是由于网页设计中“天下设计一大抄”的现象引起的，设计师本人不在意自身设计创意的实现，而为了快速简便的完成产品要求开始抄袭行为，甚至有的设计师直接采用模板进行套用设计，没有自己的设计思想体验，这不利于网页设计行业的发展。

2. 解决途径的办法要求

对于网页设计中存在的问题我们进行了深入的探索与研究，为此给出了如下解决办法途径及要求。

2.1 与客户充分沟通

在与客户沟通方面，设计师可以与客户进行详尽的沟通，积极引导客户说出自己的设计期望，从而明确设计产品的需求，同时也可以在对话中采取一些小技巧，比如在沟通环节可以进行问卷调查，通过作答来梳理客户思路和明确设计要求，从而避免设计方向发生偏差，减少重复定稿工作，进而与客户需求达成一致，避免矛盾发生。

2.2 实现视觉与功能的双重体验

在设计网站功能与信息架构方面，首先要明确网页设计不仅是指页面的美观大方，而且更是指其功能特性的显现，所以在进行设计时，设计师要同时关注这两点，结合双方优势进行设计创作，从而在保证了视觉的优美的基础上，能进一步保障功能的实现。

2.3 把控网站整体设计风格

在网站整体性风格方面，设计师在明确客户设计要求之后，首要是对其产品主题风格的明确，因此在此之前要对涉及网站建设的各类元素、版面内容以及结构框架等进行系统性的思考，然后进行系统性的设计，此时我们设计师可以采用画草稿的方式进一步明确网站的风格特性，此外设计方案包括网页信息内容、排版、色彩以及设计方案解说文字等方面，同时设计师也可以对与客户需求相似的优秀网站的整体风格进行阅览、思考、分析与实操，从而在丰富自己设计经验的同时，也可以在产品实现上进一步满足客户的期望需求。

2.4 技术性问题的解决方案

要解决这些技术性问题主要是依靠大量的设计练习以及浏览优秀网页设计的网站、解说书籍等方法进行技术能力与观赏能力的提升，比如花瓣网、站酷以及collect UI等著名网页设计网站，设计师不仅可以在这些网站中获取更多的设计素材，还可以观赏优秀的设计作品集，同时也可以直接与设计者进行网上交流，从而在掌握更多的设计技巧的同时，也可以提升自己的设计技能与观赏技能。

2.4.1 导航设计使用

导航设计作为网站的方向指示灯能够直接反映出用户的视觉与功能体验，所以在导航设计时就一定要注意其清晰度以及与网页整体内容的搭配设计，因此对导航内容要进行明确的分类划分，使导航菜单层级更明显，同时也要注意导航检索时的有趣链接的引入等，从而不仅能够使用户明确网站主体内容，也能够引导用户检索内容，方便用户使用。

2.4.2 字体设计使用

在网页字体设计上其排版、编辑、以及字体等的和谐搭配体现着用户的好感度，目前随着显示器像素的提高，大多网站采取的是14px的字体大小，所以我们要根据大众的普遍眼光进行字体大小的选取，在字体样式设计中可以根据网站的整体设计风格进行确定，从而在层叠样式表（CSS）总进行字体设置。

2.4.3 色彩与背景设计使用

在色彩元素与背景的设计中要选用不超过三种主色调的色彩方案，并辅以素雅背景搭配，这样才能表现出颜色与内容的协调性。

2.5 图片、动画与音效设计使用

在图片、动画与音效的使用上，虽然它们的使用会提升用户的体验感，但是不能过多的使用，否则会使原本锦上添花的设计元素变得“画蛇添足”，所以一般对GIF、动画以及音效的使用能少用就少用;在对齐方式存在像素偏差、边框距离不合适等方面，主要是依靠设计者的丰富经验与设计体感，从而细心地选取合适的素材进行设计。此外还有网站留白的设计，在网页中假若内容填充过多，会导致用户视觉疲劳且产生厌烦感，所以一定要进行留白设。

2.6 在网页设计稿完成后的问题解决办法

在网页设计中最终完成定稿任务后，一般存在的问题就是售后服务的问题，作为设计师对于自己的作品在上线运营时要时刻保持关注度，及时了解客户的用户体验，从而找出不足之处并第一时间对自己的设计作品进行深入的完善改进，进而在提高自己设计技能的同时，也能够获悉更多的网页设计信息。

2.7 在网站设计中时刻注意创新

在网页设计中为了避免设计成品的模板化，设计师在明确网站整体任务的同时，也能够进行创新设计，首先在网站整体设计中主要明确界面设计、功能实现以及内容编辑的工作规划，在运用熟练的技巧设计好主界面的同时，也注意对其网站整体内容的了解，在功能实现方面一般是程序员的工作，在设计师完成网页程序界面的情况下，程序员根据界面要求进行程序设计，此时就要求程序员了解一些网页界面设计的知识，从而更容易的将功能代码嵌入到网页中去，然后是创意设计方面，为了使网站整体效果不落于俗套，在进行编排设计时要加入一些创意元素，从而使自己的网页作品更具有灵活性与独特性，比如自然有机形状的加入，虽然网页设计一般的系统的网格模式，但是加入自然形状与流畅线条，由于其不完美性与不对称性，因此可以使网页设计更显深度并突出页面元素，基于自然因素，其绘制的元素可以引出故事的发展线条，比如油漆飞溅，从而使网页设计更显合理化与人性化;再比如微互动的加入可以使用户深入体验，并通过微交互巧妙的向顾客传递信息，从而使网页质感更显活力，例如悬停与滚动画面，当在微博刷新时会听到特殊的声音，这就是一种微交互。

3. 结束语

总而言之，现如今的网页设计行业仍旧需要面对许多发展阻碍，但是这一新兴产业却仍旧具有庞大的发展潜力。虽然目前网页设计中存在着诸多问题，但是相信隨着网页设计师技艺的不断提升以及网络信息技术的快速发展，设计师们会给广大用户带来更多、更好的网页视觉、功能体验。

参考文献：

[1]彭芳.移动端网页设计常见问题和技巧研究[J].科技资讯，2018，16（16）：16+20.

[2]李雪心.浅探网页设计基本步骤及常见问题解析[J].电脑迷，2018（05）：21.

[3]康正发.在线旅游服务网站首页色彩搭配问题研究[J].现代经济信息，2017（17）：336-337.

[4]刘效春.静态网页设计中存在的问题与解决措施探究[J].中国新通信，2015，17（23）：120-121.