刘春芝

（广州市交通高级技工学校，广东 广州 510000）

1.引言

网页界面设计是当今网络信息时代中的一项关键技术。尤其是在响应式技术应用以来，以此为基础的移动端网页界面设计及其实现更是受到了人们的广泛关注。本文主要对以响应式技术为基础的移动端网页界面设计及其实现进行了全面分析，主要包括网页界面的原型设计、基本HTML页面的构建以及通过CSS进行的响应式布局构建。

2.界面原型设计

2.1 设计构思与草图创建

在对网页界面进行设计的初期，主要的内容是构思和探索。通过草图创建的形式，可以将抽象的设计理念转为具体的图像形式，这样不仅可以帮助设计者理清自己的设计思路，又可以使其进一步明确哪些想法可行、哪些想法不可行，并通过情景法来验证各种构思是否正确。所以在通过响应式技术进行网页设计的开始阶段，设计者不仅要反复构思，更要将自己的构思以草图的形式呈现出来。

而草图的良好呈现基础就是构思，在此过程中，设计者可以独立进行构思，也可以与设计团队一起进行构思，并积极分享各自的想法，做到取长补短。网页界面设计中，构思的方法有很多，比如画出心智图、应用草图板、头脑书写、头脑风暴等。具体构思中可根据自己的喜好、习惯等来合理选择。

2.2 通过线框图呈现自己的想法

在对网页界面设计进行构思的过程中，设计者可以借助于线框图的方式将自己的想法呈现出来，并对其做进一步的验证。……