前端移动端网页设计（前端如何做移动端适配）

本文目录一览：

• 1、移动端网页设计的原则有哪些?
• 2、移动端网页设计尺寸标准

移动端网页设计的原则有哪些?

一个网站最先让人看到的就是设计了，因此网页设计就变成给用户带来第一印象的关键因素。那么，网页怎么设计才是正确的呢？下面就一起来看看有哪些原则。保持一致性 一致性就代表着所有的都匹配。

怎样才能设计出一个合格的网页。我们知道，设计的个性化表现得非常明显，每个设计师都有着自己的设计理念，而企业也有着自己的需求，因而这两者经常会出现冲突。因此，网页设计中要遵循一定的原则。

为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。色彩在网页设计中的作用 色彩是艺术表现的要素之一。

移动端网页设计尺寸标准

1、主图尺寸：800*800像素（6张）详情页：PC端750px ，移动端640px。PC端首页宽度默认是990px，侧边栏790px、150px选项。全屏通栏是1920px。店招尺寸为1920*120px（也可以1920*150px）。

2、第一次绘制原型图的时候觉得主要功能表达清晰即可，尺寸大小、元件间距全凭感觉，因此一开始也挨了不少骂。

3、我们都知道移动端界面设计的尺寸与电脑端的尺寸设计是不一样的，有的企业因为费用或者其他因素的考虑会考虑只设计适用电脑端的界面，或者兼容性高的网站页面，这里就为大家总结一下移动端界面设计之尺寸基础常识。

4、网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。