25个独特而富有创意的“关于我们”页面设计

毫无疑问，你没有第二次机会来制造“第一印象”。每个网站从首页到子页面都介绍产品，提供服务，讨论功能。只有“关于我们”页面与产品和服务的创造者——我们自己相关，这就是它如此重要的原因。

一个成功的“关于我们”不仅仅是简单粗暴地在一页上写满品牌、公司和团队信息那么简单。你需要把团队和品牌看成一个整体，呈现出独特的风格和不同的个性，让用户记住。

这听起来是一件特别棘手的事情，但是仔细推敲一下，其实并不复杂。选择取肾的设计技巧，选择与自己品牌相匹配的现代或简约风格，用最周到的方式展示自己的团队，就足够了。

听起来很神秘。还不如直观的看别人的案例。

1.醒目的颜色和明亮的配色

严格的色彩搭配和醒目的色调选择，使得Rook的“关于我们”页面设计看起来简洁而出众。醒目的金色贯穿整个设计，从LOGO到图像和排版。

在图片和会员照片的处理上，设计师采用了单色滤镜，让我们的页面在色彩上更加严谨统一，品牌化的设计在这里一览无余。

2.手绘排版和简单图片

Madebyband的“关于我们”页面设计与众不同，结合了品牌的特点，当然是为了表达个性。他们的页面使用了许多手绘字体和排版，并配合手工产品的图片来传达品牌的个性。整个页面设计简洁，大量的留白也平衡了页面的结构。

所以无论是定制字体还是定制图片，都是展现品牌性格和团队差异化的可靠手段。

3.俏皮的插图和活泼的色彩搭配

“关于我们”页面中最常见的信息是团队的照片和地点，那么为什么要以传统而刻板的方式呈现呢？普尔芬格没有这么做。设计师们选择了三种颜色来制作鲜明且极具风格的插图。这种风格不仅漂亮，而且有趣，独特，足够吸引人。作为一个企业,“关于我们”页面绝对是独一无二的，令人难忘的。

4.专业组照和排版的整理。

在“关于我们”页面中，团队成员的照片必须是个人的吗？不一定，专业的合影也是不错的选择(一群人随机站在某栋楼门口的楼梯上拍照。国内这种合照太多了，不专业，放在这里通常是违法的)。这种专业的队员摄影很多企业都做过，容易过于“商业化”。没有几个是做得有风格又恰到好处的。有兴趣的同学可以找一张锤子科技团队男神的合影，大概也有Jam3团队照的风格。

Jam3团队选择了统一的黑色礼服，质感十足，深色背景衬托下成熟精致，是绝对的焦点。这张图的布局和背景非常现代，让人耳目一新，主次分明。

当然，这种集体照的问题是，如果团队成员发生变化，你必须拍一张新照片…如果这不是问题，再做一次。

5.引人注目的标题和有趣的动画

如果你想让客户、未来的员工、同事确切地知道你的品牌价值在哪里，为什么不把这些核心内容直接、突出地写出来呢？紫色石头剪刀布就是这么做的。这个“关于我们”的页面在两个地方也很贴心。一个是短视频背景，很好的展现了工作环境和整体氛围；另一个是团队成员头像的设计。鼠标悬停时，可以看到人物表情变化的动态效果，既贴心又有趣。

6.双色搭配，大胆插画

迈克·库斯的“关于我们”页面设计采用了独特的双色方案。前景色是黄色，背景色是红色。双色方案的优势在于凝聚力强。这样的风格通常厚重复古，能很好的强化品牌色彩的感觉。另一个吸引人的地方是大胆的插图——大脑。

当然，搭配在整个设计中起着决定性的作用。做一个靠谱的配色不容易。你不妨在优秀设计首页的搜索框里搜索配色。会有惊喜的。

7.简洁的图形和信息可视化

你也喜欢视觉上突出的图形而不是整个文本吗？然后看一下庞大公司的“关于我们”页面。这家公司使用大胆和开创性的插图来显示他们的独特性。巨大而简洁的标题文字让这些插画更有张力，同时也传达了它们的企业价值观。

如果图形是设计的核心，那么使用信息图是合乎逻辑的。关键信息用信息图来表示，既贴合了网站的整体风格，也让用户更容易接受网站传递的信息。

08.整洁的字体和温暖的颜色

坦白说，传统媒体是使用网格最多的地方，网络媒体使用网格的方式还是有区别的。而Studio Alto的网页则证明了网页排版可以借助网格实现类似于传统丝网印刷行业的排版风格。页面上暖色的运用让整个页面更加风格化，类似牛皮纸的颜色让整个页面有上一层楼的感觉。

09.简单的布局和干净的空白

设计网页时，留白是一个重要的工具和元素。控制留白的技巧很有必要。Made By Shape的“关于我们”页面的设计就是这样一个案例。棱角分明的形状和不同的区块被留白清晰地分隔开来，柔和的色调赋予页面时尚感和活力。如果你设计的页面内容信息量很大，不妨好好利用留白。

10.可视化时间线和吸引人的配色方案

如果你想展示一个产品的发展，没有什么比时间线更合适了。Moz的关于我们的页面设计就充分利用了这个元素。时间轴不是一个固定的画面，事件和内容可以在其中与用户进行交互。这样整个时间轴就可以把整个故事讲给用户听，让用户也有参与感。整个设计的另一个亮点是它的配色。

11.插图和温暖的色调

你有强大的幕后团队吗？如果是的话，你不妨在“关于我们”页面上展示一下。其实美食工作室这个页面的设计并不涉及太复杂的技巧。他们只是把团队成员的头像换成插画风格，加上暖色调，整个页面的风格一下子就凸显出来了。这个设计最重要的一点就是统一，一致性是风格化的基础。

12.大胆的颜色和超大的团队照片。

如果你想让你的设计更突出，更有影响力，那就尽量把一些元素做大，让配色更抢眼。正如Mixd设计的那样，整个设计用高清的团队成员大图来突出每个成员的存在感，高对比度的配色，看起来非常不错。值得注意的是，要选择适当的元素放大，不能全部放大，这样就没有重心了。

13.时尚的图片和简单的布局

Kingdom Coffee和Cycles的整体设计可以说是现代风格设计的典范，布局简洁，画面时尚，干净整洁，色彩明亮。图片是整个页面视觉设计的重点，图片、视频、地图的结合消解了页面的单调和简单。技术上，设计师用团队的Instagram作品在页面底部做了一个拼贴，看起来也很时尚有趣。

14.简单的图形和清晰的线条。

这类网页设计时尚现代，外观干净，选图轻便，大量留白，排版工整，非常专业，引人注目。堪称承载各种内容的完美画框。同时，这个页面的设计案例也说明了留白的重要性。

15.大胆突出颜色和信息。

6tematik关于我们的页面设计很有意思。色彩搭配永远不会过时，但在某些情况下，黑色和白色并不足以满足所有需求。本页面使用高饱和度红到蓝作为提亮色，大胆有效。注意，你高亮的信息越多，高亮效果越差，因为高亮的地方越多，用户越难找到真正重要的地方。所以，你要做的就是把真正重要的东西标出来。

16.大空白和小元素

大和小在很多情况下是比较的。边距通常指主体周围的边缘、边距和边界。较小的边界可以使主体更有张力，覆盖更大的范围。然而，Alfred的“关于我们”页面不会这样做。大量的留白和宽边让整个页面看起来文艺，简洁，轻松。这种设计虽然标新立异，但正是这种标新立异的设计让整个页面充满了独特的风格和调性。

17.独特的字体和个性化的档案

独特的手写字体让Big Cartel的页面具有非凡的张力，简洁却让设计大放异彩。个性化的员工简介就像上面独特的字体一样独特，凹凸不平的多态设计让整个页面在气息上保持一致。当您点击员工头像的播放按钮时，将会播放一段具有独特角色的视频。

18.模块化布局和暖色

当你看到这个页面的时候，我想你也会注意到它独特的设计:页面的区块被精心划分，每一个区块从上到下的内容都会将前一个与后一个连接起来，前一个区块通向下一个，就像一个梯子。这样，模块化的页面也显得非常有条理、整洁、自由。页面的配色和图形也很有讲究。黑白色调搭配暖棕色，营造出温馨的氛围。

19.醒目的颜色和大胆的图片

Visionaire的颜色简直就是一个大胆的例子。红色横幅的使用极其醒目，与品牌色彩相呼应。错落有致的排版和独特的图片使用，很容易让用户忘记这个不寻常的网站。信息的使用也是这个关于我们的页面的一个特点。

20.强烈的对比和复古插图

Woah Nelly餐饮的About Us页面并没有沿用最流行的设计手法，而是运用了温暖怀旧的色彩和设计元素来营造氛围。明亮漂亮的插图不仅使页面充满活力，而且简单直观。复古插画的精妙之处在于加入了质感，感觉非常好。这也使得白底黑字的元素更加显眼，形成对比。

21.干净的配色和平衡的排版

美丽的无衬线字体，平衡的排版和均匀流畅的配色让EB Pearls的“关于我们”页面看起来很专业。合理的留白和浅色画面的运用，给人一种优雅的感觉。

2.柔和的颜色和简单的插图

在许多情况下，设计越复杂越好。EVA Black Design关于我们页面的简洁设计，更容易营造出时尚现代的感觉。简单的暖色调图片结合黑白灰给人一种柔和的感觉，加上简单的插画点缀，在井井有条的设计下让整个页面有了一些个性。

23.动态和有冲击力的排版

想要你的设计生动又充满活力？那就让他们动起来！用短视频代替图片或者使用GIF图片也是目前比较流行的设计方式。纯黑色文字和红色元素的运用让整个页面充满个性，也让排版充满冲击力。

24.创造性的排版和吸引人的图片

图片在中间的独特布局是我们页面有趣的地方，团队成员的照片正好在这个位置，这就使得两边存档信息的布局需要在中间对齐。复古元素和配色的运用支持了整个页面的设计，值得借鉴。

25.粗体布局和颜色过滤器

大胆、独特、前卫的布局是令人难忘的重要手段。同时搭配个性化配色，效果绝对好。干净无衬线正文的选择和滤色器下的图片是这个关于我们的页面的亮点。

本文地址:思考材料

网页404错误解决办法404notfound怎么解决？

01

“ERROR 404–NOT FOUND”这样的字眼是由于我们IE浏览器的“Internet选项”设置出了问题。先在“开始”键中点开“控制面板”，双击“Internet选项”。



02

在“Internet属性”中，点击“常规”，打开“语言（L）”。



03

除“中文｛简体，中文｝”以外的其他语言选项都要删除。做到了这些，就可以放心进网页啦。



特别提示

不要盲目修改电脑“Internet选项”设置，容易造成电脑系统故障。

404页面是什么页面？

1、告诉访客访问的页面不存在或者是被删除。

2、降低跳出率。如果是我们网站没有做404页面,当访客访问出错时, 很多浏览者就会选择直接关闭网页。访客在我们网站上停留的时间越短,我们网站的跳出率就越高,也能间接反应出网站受欢迎的程度。

3、可以让流星不轻易流失,一般我们做404页面的告诉浏览者 访问的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭网页直接离开。 404页面是当网站某个页面不存在或链接错误时而跳出的页面。有些站长可能觉得这个页面可有可无,其实不然。它不仅有利于搜索引擎的爬行, 对于用户体验也有着巨大的帮助。试想,当用户打开你的某个网页而无法显示时,一般都会认为你的网站有问题 ,然后关闭网页离开。搜索擎不仅不会收录打不开的页面,且会对网站产生不良感。

公众号出现404页面怎么办？

你好，可能是手机站没有开启，在平台管理界面打开H5手机站站点配置界面点击启用。如果已经启用的话，登录宝塔服务器面板看看相关文件夹有没有权限，设置权限，删除H5文件夹，登录后台启用H5功能。

进入网页总显示404NOTFOUND？

进入网页中显示404 not found，HTTP 404是网站无法打开页面返回的状态码，有可能是当前的网页已经删除了，或者是你的网址输入有误。

怎样恢复404页面不存在？

404 错误是因为客户端请求了不存在的资源引起的，则纠正这个错误请求即可解决。具体做法是在 HTTP  HEADER 的 URL 字段里指定正确的资源地址。

如果客户端请求的资源在服务器端曾经存在过，但已经被管理员删除了。此时需要联系网站管理员协调解决。需要在服务器备份系统里查找这个已经失效，引起 404 错误的资源是否被成功备份过。如果存在备份，使用备份恢复即可解决 404 not found 问题