有时候网站需求一点装修。
保护一个网站需求很多时刻和耐性，你需求更新内容，改写规划，乃至悉数删去从头规划。这时候咱们就需求制造“网站正在建造中”的页面。
尽管“网站正在建造中”的页面是暂时的，但仍需将它规划得漂亮、有条不紊，这对品牌形象很重要。所以，戴上工具包背上工具箱，和咱们一起来看看20个“网站正在建造中”页面的精彩事例。

01.运用明晰的暗影和洁净的突变

George Vasyagin运用了一个图画元素调配润滑的长暗影，和洁净的字体、冷色彩突变布景为咱们出现了一个整齐、高雅、炫酷的“网站正在建造中”页面，用户会很愿意等候网站建造完结。
测验用洁净的无衬线字体调配温文突变布景打造锋利、专业的作用。
02.运用粗体字和柔软的色彩

Themetide 用全屏相片调配粗体字规划了一个精约、有用的“网站正在建造中”页面，用时髦的图片作为布景是一个简略、有用地运用空间的办法。做事例这种页面需求下降布景图片的比照度，假如布景图片中有太多亮堂色彩就把布景图片调暗点，以杰出案牍。
03.运用纯色和锋利的线条

想规划一个锋利、精约的页面？看看Inat Studio的规划，运用纯色和色块、纤细锋利的线条到达了这个作用，出现了一个时髦、现代、专业的规划。
假如你想规划相似的网页，记住选一个和白色发生激烈比照的色彩以保证案牍的易读性。举个比如，假如在这个事例中运用的是灰色而不是赤色，咱们将会很难看清案牍，这点是需求防止的。
04.运用纤细的案牍和高比照色

Benaissa 的规划展现了“网站正在建造中”的场景，他运用黄色、黑色两个比照激烈的色彩，在布景和字体增加了细小的纹路，仿照了现实生活中的“正在建造”施工牌，并给其增加了时髦感。
考虑通用运用细小的纹路和黄黑配色，将“建造”的场景运用到“网站正在建造中”的页面。
05.运用动画和洁净的几许图形

UkieWatch规划了一个建筑工人们在一个简略的倒计时时钟上作业的小动画，以提示用户网站保护所剩时刻。作者运用锋利、洁净的几许图形出现了一个时髦、漂亮的 “网站正在建造中”页面。
动画或许简略的插图会给你的规划增色不少。
06.洁净的布景和高雅的字体

不想用纯色作为布景吗？也不喜欢用细节丰厚的图片做布景？测验给一张图片运用高斯含糊作为布景，发明一个温文的作用，就像Tony Bogdanov制造的事例相同。
将你的新布景调配精约的字体，以增强含糊的图片与无衬线字体的尖利线条之间的比照。
07.运用具有冲击力的色彩和留白

留白的空间并必定是白色，以Karma Pilots的著作为例，他运用了黄色的“留白”。留白能够让每个元素都有“呼吸的空间”，防止紊乱和短促。此事例规划以右下角的字体为焦点，剩下的空间作为留白空间存在。
08.运用精约的图片和粗体字

Andrew Droog规划了一个十分精约的网站页面，他用纯色白色布景，简略的无衬线字体，对齐元素和夺目、亮堂的不对齐几许元素出现了一个令人惊叹的作用。
黄色带子的运用赋予了这个“网站正在建造中”页面被包裹、封闭的感觉，直到网站被建造好就能够被“拆封”了。测验给你的页面增加风趣的东西。
09.运用3D字体和点状色彩

Tian Boon Siang将字体以3D的方法出现出来，给咱们展现了另一种体现字体的方法，赋予网页深度和可触感。调配其他的3D图形和点状色彩，出现了一个共同的“网站正在建造中”的页面。
玩转字体，记住它不必定要是平面的，你能够给它增加3D作用，或许加点暗影和歪斜作用。多多测验不同的把戏，看看各有什么作用。
10.运用激烈的纹路和集群的图形

想制造有机规划?以Archetype It.的规划为事例，他运用纹路、狂野的图片、集群的图形出现了一个粗暴、硬汉的风格。
测验将你的规划元素交融在一起，就像这个事例相同，再增加引导线和几许图形招引观众的留意。
11.运用几许图形和饱和色

像Sean Ball这样，增加图片的饱和度，再用蓝色和赤色的几许图形烘托高饱和度图片，出现了一个作用尖利的“网站正在建造中”页面。
假如你正在规划“网站正在建造中”页面，测验调整相片的亮度、饱和度和比照度，以增强或削弱相片的色彩。
12.运用复制和充满生机的图形

ChkChkBoom的规划运用了生动的图形和粗体字，并将扑朔迷离的图形和案牍调集在一起，使读者的眼球从左面阅览到右边再阅览回来。
假如你运用的是杂乱的图形，参照ChkChkBoom摆放图画，引导读者的阅览方向，一起也能发明漂亮的规划。
13.极简规划调配标志性的图片

运用标志性的图片给你的“网站正在建造中”页面增加内在。蓝鸟（Bluebird）App规划界面仅用了一个破壳的鸟蛋图片，标志着蓝鸟APP行将破壳而出。
从这个事例咱们学到尽可能地简化规划，事例中将一切的重视会集到仅有的图片中，究竟当图片能够完好传达信息时，再增加其他元素就弄巧成拙了。
14.运用单色滤镜和引导线

W3 Layouts运用了一张精巧的相片叠加单色滤镜，调配简略的倒计时图片，出现了一个布局简略但有用的“网站正在建造中”页面。
从这个事例中咱们学到，测验挑选能够充任引导线的图片，正如事例图片中的马路指向规划的焦点——倒计时。
15.极简规划调配“显露的”代码

Aaron Cavano坚持了规划的极简性，一起将读者的目光招引到左上角“墙纸”被掀开后显露的代码。
不要认为极简规划是单调的，正如Aaron Cavano的规划，你能够用共同的视觉手法展现信息，到达和杂乱的规划相同的作用。测验用极简规划调配共同的视觉信息发明一个令人难忘的“网站正在建造中”页面吧。
16.运用柔软的色彩彩配夺目的特征色彩

ThemeWizz运用了灰色色彩的图片，具有很强的沉重感和安静感，可是右上角橙色的按钮打破了这份安静，给画面注入了生机。
测验运用色彩来招引用户的目光朝向（或远离）规划中的某个元素，记住挑选与其他元素有满足比照度的特征色彩。
17.运用居中的logo和有纹路的图画

你的网站有商标或许品牌标志吗? 为什么不把它放在页面的中心呢，就像Nattywp规划的这份著作相同，他在全屏图画上放置了一个纯白色logo和粗体白色字体。在“网站正在建造中”页面运用品牌Logo是个不错的挑选，让用户知道他们没有来错网站，仅仅网站正在保护中。
留意，事例中的带纹路的布景图片做了调暗处理，以杰出白色字体和logo。规划网页时要保证文字的可读性。
18.运用粗线条和激烈的比照

ThemeBridge在这份规划中运用了粗线条、粗体字和少数色散，打破了单色主题的烦闷感。一起，Logo、交际媒体图标、导航栏周围的几许图画和色彩夺目的标点给规划增添了现代时髦感。
ThemeBridge的这份规划是现代规划的好比如。无衬线字体，几许形状和激烈的比照往往是现代规划常用的元素。
19.运用高雅的图片和夺目的倒计时

你有规划网站完结建造的日期吗？那么就用夺目的倒计时来展现竣工日期吧。CLAASTHORE经过运用洁净、时髦的字体将焦点放在了倒计时上，调配高雅的布景图片出现了一个时髦的规划。
在任何规划中，特别是“网站正在建造中”页面，扩大缩小是有用的规划手法。找到你想杰出的规划元素，并将其当大，就可当即招引观众的留意。
20.运用粗体字调配夺目的边界线

FuelLimax运用了美丽的冷色彩图片作为布景，调配白色粗体字、锋利的几许原色和夺目的变色边框，出现了一个洁净、时髦的“网站正在建造中”页面。该规划的布景图片运用了不同的循环播映，这是一个很棒的技巧，能够为行将建造好的网页内容做些预告。
假如你想用不同类型的图片做循环播映，保证这些图片都有一致性，同归于一个品牌。你能够用相同的方法处理图片，比如用相同的滤镜或是取舍，或许运用来自同一个相片中的不同部分作为图片。
轮到你了！
在规划界，没有任何一个规划的严厉公式，即便咱们列出了许多主张，你依然能够随心调配、测验。当你规划“网站正在建造中”页面时，参阅客户网站和品牌的风格，以及他们展现给读者的基调。

转载请注明出处。