网页设计实践认识浅述

摘 要：在当今社会，互联网已经成为在经济发展中起主导作用的高科技产业。它不断发展的技术和所构架的平台悄然改变了人们的生产生活方式，极大地推动了社会的发展和文化的传播，成为人类日常生活中不可或缺的部分。随着经济的发展、网络的普及以及人口受教育水平的提高，中国以及全世界网民的数量正在快速增长。互联网功能强大，数据处理量增加，已经渗入社会的方方面面。无论个人或者机构，公司或者组织，为了更好地提供信息、服务，进行宣传推广以及营销管理，建设门户网站是普遍采纳的方式。

关键词：网页设计;实践;认识

中图分类号：TP393 文献标识码：A 文章编号：1004-9436（2020）10-00-04

网站页面在互联网虚拟世界相当于一个机构或者组织的门脸，它的设计代表着这个机构或者组织的性质、文化、形象、所提供的服务、价值观甚至经营理念。所以，网页设计是一项极其重要的工作内容。成功的网页设计可以准确传达上述要表达的所有概念，便捷地提供相关信息和服务，高效地宣传和推销，有效地实现管理和数据分析。此外，优秀的网页设计通过丰富多彩的技术呈现和艺术设计，能吸引更多的浏览者和追随者，引领时代潮流，富有技术魅力和艺术吸引力，让人流连忘返。

网页设计的基础是传统的平面设计语言，借助先进的互联网硬件技术和设计软件，通过对不同的内容数据进行模块化排版，为每个模块选取不同的字体组合以展示标题和主要内容;通过图片、色彩、文字等的合理搭配设计，实现艺术性。相比传统平面设计，网页设计可以通过技术将传统设计语言巧妙地融合在一起，以动画、影音、模拟动图等多媒体的方式和超脱二维平面的虚拟多维空间，变化多端、层层递进地形成一个有无限创作可能、内容极其丰富的交互平台。

1 网页设计的基本要求

1.1 网站页面设计首先应具备良好的实用功能性

任何机构决定投资建设一个网站一定是为了实现某一个或多个特定的需求和功能。所以作为一个网站的页面，在设计时首先要具有实用性，不仅要将投资方所期望的目标内容全部纳入网页的设计中，同时应使用户能够高效便捷地浏览和使用，获取相关的信息或数据。明确网站要实现的任务数量、数据处理能力、功能的重要性、面对的受众群体的性质和数量等，都是网站的实用功能性要考虑的具体问题，也是一切设计方案、设计风格以及要采用的技术手段的决策前提。因此，在网页设计时要做到以下几个方面：

第一，准确阐明此网站的宗旨和要实现的目标。通过调研、分析和讨论等方式精准充分地进行描述，并以书面的形式进行确认，避免在不同的工作环节造成相关工作人员的误解和遗漏，或者大量的临时变更，造成设计方案的整体颠覆，影响功能实现。

第二，收集整理并预估网站实现其目标需要处理的内容，包括数据数量、内容风格形式和数据处理方式。这项工作需要由表及里、由浅入深地了解网站涉及行业的工作内容和运作方式，并且以发展变化的眼光研究相关历史数据、发展趋势，以便更好地对设计网站将要处理的数据内容进行分析预判。

第三，选取合适的内容呈现技术和呈现方式，以使网站页面适用于不同的网络和硬件环境，方便受众浏览实用的同时，便于业主进行运营维护和内容更新。

1.2 网页架构搭建要清晰、易懂

打開网站页面后，内容如果能清晰地呈现，便捷地检索，就会为用户提供极佳的使用体验。做到这一点，需要认真研究网页的宗旨目标和内容数据，分析不同内容间的从属递进关系、关联性和重要性。按类别进行模块化布局可以将复杂的内容分门别类，区分不同模块的色彩或形式，有助于辨别区分和查找定位。网页编排要主次分明，层次清晰，排版和布局应讲求逻辑关系和业务流程。

网页内容构架的搭建不仅关乎用户使用体验，还影响到网站的功能是否能够实现。功能隐藏不易识别、字体太小不易发现、颜色搭配混乱造成混淆、按键模糊难于识别、逻辑错乱无法被理解、技术呈现方式影响浏览操作速度等原因，都会造成用户使用困难或网站功能实现受阻。在正向设计的同时，基于用户心理分析、使用习惯研究、网络环境或硬件条件水平测评等进行的反向论证，有助于在设计阶段制订合理的网页内容构建搭建方案。

1.3 运用创新思维进行网页设计

当今的网站页面是技术与艺术的结合，在进行设计时二者相辅相成，缺一不可。互联网技术在软件和硬件方面高速发展，不断更新的科技手段给内容和艺术呈现带来了无限可能。使用简单的行模式浏览器查看纯文本页面的单调无趣的万维网，到可以显示表格数据的Table的HTML标记，后来CSS出现可以支持演示和布局，使得HTML代码具有语义性，大大优化了网页的亲和力。再后来有了Flash、开源浏览器以及HTML5、CSS3和JavaScript等新标准以及不断更新的设计软件，例如矢量图形编辑器、点阵图形编辑器和可视化编辑器等。掌握这些新技术和新标准有助于从技术层面推陈出新，将网站设计得与众不同，增强网站的科技感[1]。

好的艺术设计在准确呈现内容的基础上，给用户带来了愉悦的高品质的视听感受，也体现了此网站的艺术品位和风格。基于平面艺术设计进行网站艺术设计主要是利用好色彩、图形、文字和符号等基本设计语言，通过先进的技术可以实现图片、动画、影音以及数字模拟等多媒体艺术形式以新颖的方式进行艺术创作。形象生动、引人入胜的视听感受可以给浏览者带来强烈的视觉和听觉冲击，留下深刻的印象。精心编辑的动画和模拟图像可以快速传达复杂的信息和大量的数据。三维视觉技术加之音乐和声音的良好编辑策划，又可以营造一个虚拟的实体空间，以最亲切的方式与用户交流互动。艺术设计属于美学范畴。然而，美学本是哲学，难以统一标准衡量，仁者见仁智者见智。因此，我们在创作时既要运用创新思维，开拓思路，发挥想象力和创造力，也应紧跟时代潮流，同时扎根所处的文化土壤，准确地运用与网站宗旨、用户的文化背景相匹配的艺术元素，这样才能精确传达设计初衷。

2 网页设计的简要流程

网页设计作品通常是一系列复杂工作的成果。无论什么类型和功能的网站，为了保证设计制作工作按照目标和计划有序地推进实施，实现预期的功能和设想，制定并遵守合理优化的工作流程就是一个必要条件。工作流程的制定要基于对网页设计工作细节的深入了解。良好的工作流程必须经过实践的验证，是经验和教训的积累，可以减少设计工作失误，提高工作效率，提高团队的配合默契度。网页设计的简要流程如下：

第一，与业主方沟通确定网站制作的功能需求、数据处理量、行业背景、目标定位和设计风格偏好;收集相关受众群体的信息，如预测数量、人群类型、文化背景、生活习惯以及互联网使用偏好等基础信息。

第二，查阅网页设计和制作的专业资料和技术文件，积累相关知识理论，了解最新技术和发展趋势，研究学习先进优秀的网页设计案例。通过主动分析辨别，将符合时代发展潮流且有发展潜力和应用前景的知识、技术、优秀案例进行编辑汇总，以便在网页制作时随时调取参考。

第三，根据预设的设计思路，翻阅回顾艺术资料库，梳理现今较流行的设计方向和设计潮流;同时不拘泥于陈规，集思广益，汲取不同领域的艺术养分，归纳总结相关可用的设计素材、元素库和初步的艺术方案。

第四，结合上述的分析研究等基础筹备工作，紧紧围绕所要制作的网站的宗旨和目标特性，着手编制网页设计的纲领性文件，如功能呈现设计方案、網页设计艺术方案、网页设计项目计划、项目所需的数据、软硬件需求和运行维护方案等。

第五，以确定好的网页设计纲领为指导原则，进行启动前的准备工作，包括成立项目团队，准备网页编制需要的软件和硬件设备，收集整理所有相关的数据、素材，明确团队成员的责任分工。

第六，开始进行网页设计的技术实现，图形设计师、美术设计师、文案人员、编程人员通过相应的技术手段，逐步落实设计设想和设计纲领，制作出初步设计成果。

第七，对设计成果进行严谨的核查和测试，同时进行用户体验测试，弥补和修复故障和瑕疵，补充完善不完整的功能，以确保网页功能和艺术要求全部实现，使网页具备较好的用户亲和力和吸引力。

3 网页设计的实用方法

网页设计和制作是不断总结经验的实践过程。归纳或者借鉴科学有效的方法，可以更好地帮助设计团队将设计理念和思路更好地表达呈现出来，最终制作出令人满意的作品。经过实践检验的方法，能以目标为导向，以理论为指导，充分调动团队每一位成员的创造力，节省制作时间，提高制作效率。本文推荐以下实用方法：

第一，网页的设计人员应该依据所负责任务而选取合适的技术手段。这些技术手段虽然会随着技术和标准的更新而不断发展进步，但其基本原理是相对稳定的。团队成员可以通过矢量图形编辑器和点阵图形编辑器来制作设计原型，也就是编制“网页格式图”，可以掌握HTML和CSS等W3C标准和技术来进行网站创建。采用手动的方式编辑HTML和CSS，或者通过可视化编辑器都是可行的。当然，为了对其设计的网站进行亲和力指引，可以用到其他相关工具，例如标记验证器等。选择合适的软硬件设施和技术手段，是完成设计作品的基本保障[2]。

第二，网页风格设计方法。设计人员可以研究网页使用者的目标人群、文化背景和使用网络的偏好发展趋势。研究网站的经营类型，如是服务全国人民还是服务大型企业;研究通过何种艺术设计和营销类型来提高网站主体的美誉度;研究在保证美观和艺术效果的情况下如何不与网站的实用功能发生冲突。进行上述充分研究分析后，平衡取舍就可以最终确定网页的设计风格。

第三，网页的用户使用感受设计方法。网页设计成品最终是要让浏览者用着便利，且受人喜爱。在设计中提高用户使用感受可以从以下几个方面进行专门设计：一是网页的互动性。要确保大多数浏览者能理解网站的意图和实用性，网页更加容易被普遍接受和便于访问浏览，而不只是取悦于经验丰富的使用者。二是优化网页的界面设计。例如网页布局在所有页面上的同一性，在布局排版时，像素宽度对其对象比较重要。根据当今潮流，可以设置相同的宽度，以匹配当今常用的浏览器窗口、屏幕分辨率和显示器尺寸。中心对齐的页面更加美观。三是在字体设计、标签设计等方面，也应该研究浏览者的使用体验。

第四，网页设计团队的组建。网页设计是适用于团队合作的工作，涉及多个专业技术领域，需要团队成员具备多项技能。例如，网页设计流程管理能力、平面设计知识和技术、掌握HTML的能力、文案编辑能力、计算机应用能力、编程的知识和技能等等。因此，选择优秀的团队成员并具备所有必需的能力和知识，并推荐经验丰富、有管理才能的设计团队负责人，是团队组建的基本原则。在此基础上，设计团队应该以战斗小组的模式进行经常性沟通，才能将设计理念充分落实在作品中。

第五，在网页设计中使用项目管理的知识和技能。设计者通过使用项目管理的专业技术知识，可将网页设计分为启动、计划、实施、控制和收尾5个大的过程，并在范围、时间、成本、质量、人员、采购、沟通、风险和整体几个方面同时进行管理。将网页设计作为一个项目来管理实施，可有效地控制设计的周期、质量和成本。

4 网页设计工作的特性

4.1 系统的工程

网页设计是一项系统、复杂的工程，涉及多个专业领域和各种知识技能。随着技术和艺术潮流的不断发展进步，网页设计者唯有持续学习和实践，才能保持与时俱进，不被时代淘汰，逐渐将自己变成跨学科的复合型人才，才能胜任网页设计的大任。同时应认识到，唯有发展建立一支综合型的团队，并通过团队的良好配合，才能制作出优秀的网页设计。

4.2 开放的思维

故步自封的保守思想是网页设计工作的无形障碍，对技术的发展和时尚潮流的忽视会导致网页的设计保守陈旧，不能更好地满足用户的需求，最终被市场淘汰。以开放包容的态度不断吸收养分和创意，掌握最新的设计技术和设计元素，认真理解他人的需求和品位，预判流行的趋势，是这项工作的特点。

4.3 严谨的逻辑

逻辑性在网页制作的方方面面都应该有严格的体现。好的网页设计在内容和形式上都要十分严谨，经得起推敲和品味。色彩的变化逻辑，按钮的排布逻辑，内容的排版逻辑以及层级设定逻辑，都应该进行精心设计。网页的设计者应该精益求精，以工匠精神在细节上下功夫，不遗余力地消除所有缺陷和瑕疵，将不合理的优化为合理的。因为严谨的逻辑本身就具有难以抵挡的艺术魅力。

4.4 不变与多变的结合

网页的设计风格在整体上应该统一不变，具有一贯性和完整性，尤其是主要色彩不宜过多变化。然而，过度的简单重复容易导致作品缺乏趣味性和艺术性，乏味缺少新意，所以在细节上应追求灵活多变，让网页作品生动有趣，内容丰富多彩，不落窠臼，耐人寻味。在不变中求多变，万变不离其宗，正是好的网页设计的精髓。

参考文献：

[1] 赵祖荫，王云翔，胡耀芳.网页设计与制作教程[M].北京：清华大学出版社，2008：73-96.

[2] 胡崧. HTML从入门到精通[M].北京：中国青年出版社，2007：30-45.

作者简介：高冲（1983—），男，山东淄博人，研究生，硕士，视觉传达艺术设计师，研究方向：设计艺术学，视觉传达艺术设计。