基于框架的WEB 前端设计

时间：2024-05-04

朱守平杨恒宇刘亚尼攀枝花学院

Web 前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0 时代产物，与之前的网络环境相比较，那是网站是一种静态的模式，用户在网站中浏览信息，没有更多的作用。在互联网不断的发展过程中，网站的前端设计发生了变化，网页也不仅仅只是向人们展示单一的图片与文字，各种应用以及媒体让网页变得丰富，给予用户更好的体验，一切的发展都基于前端设计的变化。

1 web 前端设计变化

Web 前端开发是一项很特殊的工作，涵盖的知识非常广，既有具体技术，又有抽象的理念。简单地说，它的主要职能是把网站的界面更好的呈现给用户。以前会Photoshop 和Dreamweaver 就可以制作网页。随着时代的发展，互联网不断的发展，仅仅掌握这些技术已经不能满足用户的需求，也不能适应网络环境的发展，在开发难度上不断的增加，名称也发生了变化，之前叫做网页设计，现在较多web 前端开发。Web 前端开发在产品开发环节中的作用变得越来越重要，需要专业的设计师进行设计，对web 前端设计师提出了较高的要求。

2 web 前端设计原则

2.1 简单

简单的目的就是要方便用户的使用，于此同时需要满足两项标准。在设计中，要保证用户不需要思考，界面上所有元素所提供的功能一目了然，没有歧义，易于理解。在用户使用过程中不需要学习，保证整个环节较为简便，不需要专业的培训，所有的功能遵循操作的习惯，直接上手可以使用。在设计时，保证界面上的元素要少，不然会让用户产生一定的压力，面对整个页面不知如何下手，不需要用户仔细观察和思考之后，才知道对哪些元素进行操作才能够达到自己的目的，需要让用户可以更加直观方便的了解到网页所带来的便利。

我们经常会在一些产品的界面上看到许多不必要的元素，比方说在输入联系方式的时候，有“电话”、“地址”、“传真”、“手机”、“Email”，对于多余复杂的元素我们可以进行删除，保证页面的整洁。其次，要让应用的后台做更多的工作，尽可能地把更多的操作自动化，减少用户的操作，减少了出现误操作的可能。

2.2 以用户为中心

以用户为中心的原则要求设计师站在用户的角度进行思考，了解用户的目的什么，什么样的设计可以吸引用户浏览使用。在整个设计中保证用户需求什么，设计师就设计什么。如果设计是一味的追求自身满足，即使网页设计的再具有美感，如果不是用户所需，也是失败的设计。其次，考虑用户带宽设计网页时需要考虑用户的带宽，以当前的网络发展为基准，在网页中设计一些吸引用户的元素，保证网络的快速运行，同时丰富的网页效果。

2.3 视觉美观

视觉美观是网页设计基本的原则。由于网页的众多，想要在众多网页中脱颖而出，不仅仅需要注重功能，还需要保证网页赏心悦目、富有创意，通过这些美观设计抓住访问者的眼球。设计师在设计时，根据面向人群，以及人们的审美观念进行设计，保证页面的美观，空间设计的和谐，网页中各个元素进行完美的融合。

2.4 主题明确

鲜明的主题可以使网站轻松转化一些高质量有直接需求的用户，还可以增加搜索引擎的友好性。这就要求设计师在设计页面时不仅要注意页面美观，还要有主有次，在凸显艺术性的同时，通过强烈的视觉冲击力体现主题。

2.5 任何设计都有一定的内容和形式。

设计的内容是指主题、内容元素等，形式是指结构、设计风格等表现方式。一个优秀的网页是内容与形式统一的完美体现，在主题、形象、风格等方面都是统一的。

3 框架介绍

框架是随着软件工程的发展演变而来的，在软件开发过程中，很多项目要解决的问题和实现的功能是一样的。依照这种背景，需要把功能一致的代码进行整合，便于之后设计的开发与使用。代码可以重写与替换拓展，业界人士将相同功能的实现和问题的解决方法进行抽象,最终抽取和形成一个应用框架。框架可以使软件开发人员将大部分时间用来分析和处理业务。在web 前端设计中应用框架，主要因为框架重用性好，开发效率高。应用开发人员可以按照框架的思想将应用进行分析并将其分解为同样的组件，框架还提供了可重用的概要设计和详细设计，将应用分解成较小的组件和接口。在设计过程中使用框架，保证了整个前端设计的开发周期短，成本低，可维护性较好。使用框架开发应用，大幅度缩短了应用和软件的开发周期，显著提高了软件开发质量。大粒度的重用使得应用和软件开发成本大大降低，开发时间成倍减少，框架使得应用开发的适应性和灵活性也得到增强，可维护性较好。