照片插画——南京安徒生插画展怎么样
一个成功的“关于我们”不仅仅是简单粗暴地在一页上写满品牌、公司和团队信息那么简单。你需要把团队和品牌作为一个整体来看待，呈现出独特的风格和不同的个性，让用户记住。
这听起来是一件特别难的事情，但是仔细推敲起来并不复杂。选择走肾的设计技巧，选择与自己品牌相匹配的现代或简约风格，用最周到的方式展示自己的团队，就足够了。
听起来很玄乎，还是看看别人的案例比较直观。
01.醒目的颜色和明亮的配色
严格的色彩搭配和醒目的色调选择使得Rook的“关于我们”页面的设计看起来简洁而突出。醒目的金色贯穿整个设计，从LOGO到图像、排版。
在图片和会员照片的处理上，设计师采用了单色滤镜，让我们的页面在色彩上更加严谨统一，品牌化的设计在这里一目了然。
02.手绘排版和简单图片
Madebyband的“关于我们”页面设计的与众不同，结合了品牌的特点，当然是为了表现个性。他们的页面使用了很多手绘字体和排版，配合手工产品的图片，传达品牌的个性。整个页面设计简洁，大量的空白也平衡了页面的结构。
所以无论是自定义字体还是自定义图片，都是呈现品牌个性，表达团队差异化的可靠手段。
03.可爱的插图和活泼的色彩搭配
“关于我们”页面中最常见的信息是团队的照片和地点，那么为什么要用一种传统而刻板的方式呈现呢？纸浆手指没有这样做。设计师选择了三种颜色，做出了犀利且非常时尚的插画，不仅漂亮，而且足够有趣、独特、吸引人。作为一个企业，“关于我们”的页面绝对是独一无二的，令人难忘的。
04.专业团队照片整理排版。
团队成员的照片必须是个人的吗？不一定，专业的合影也是不错的选择(一群人站在楼门口的楼梯上随意拍摄，国内这种合影太多了，远谈不上专业，放在这里通常是很违心的)。很多公司都做过这种专业的团队成员摄影，很容易做得太“商业风格”。他们中没有几个人做到了既有型又恰到好处。有兴趣的同学可以找找锤子科技团队男神的照片，大概有Jam3团队照风格。
Jam3团队选择了统一的黑色礼服，质感十足，深色背景衬托下成熟精致，是绝对的焦点。配这张图的排版和背景很现代，很清爽，主次分明。
当然，这张合影的问题是，如果队员换了，你还得重新拍。如果这不成问题，那就送吧。
05.醒目的标题和有趣的动画
如果你想让客户、未来的员工、同事确切地知道你的品牌价值在哪里，为什么不把这些核心内容直接、醒目地写出来呢？紫色石头剪刀布就是这么做的。这个“关于我们”的页面在两个地方也很贴心。一个是短视频背景，很好的展现了工作环境和整体氛围。另一个是团队成员头像的设计。鼠标悬停时，可以看到人物表情变化的动态效果，既贴心又有趣。
06.双色搭配，大胆插画
MikeKus的“关于我们”页面设计采用了独特的双色配色，前景色为黄色，背景色为红色。双色方案的优势在于凝聚力强。这种风格通常比较厚重复古，能很好的强化品牌色彩的感觉。另一个迷人的地方是大胆的插图——大脑。
当然，搭配在整个设计中起着决定性的作用，做一个靠谱的配色并不容易。不妨在优图首页的搜索框里搜索配色，会有惊喜。
07.清晰的图形和信息可视化
你也喜欢视觉上突出的图形而不是整个文本吗？然后看一看巨大的关于我们的页面。这家公司用开拓和大胆的图片来呈现自己的独特性，巨大而简洁的标题文字让这些图片更有张力，同时也传达了自己的企业价值观。
如果图形是设计的核心，那么信息图的使用是合乎逻辑的。关键信息用信息图表示，既贴合了网站的整体风格，也让用户更容易接受网站传递的信息。
08.整洁的排版和暖色调。
坦白说，网格用的最多的地方是传统媒体，网络媒体使用网格的方式还是和它不一样的。然而，StudioAlto的网页证明了网页排版可以借助网格类似于传统丝网印刷行业的排版风格。页面中暖色的运用让整个页面更加风格化，类似牛皮纸的颜色让整个页面有上一层楼的感觉。
09.简单的布局和干净的空白空间
在设计网页的时候，留白是一个重要的工具和元素，所以要掌握留白的使用技巧。MadeByShape的“关于我们”页面设计就是这样一个案例。棱角分明的形状和不同的区块被空格清晰地分隔开来，柔和的色调赋予页面时尚感和活力。如果你设计的页面内容信息量很大，不妨好好利用留白。
10.视觉时间轴和吸引人的色彩搭配
如果你想展示一个产品的开发过程，没有什么比时间轴更合适了。Moz的关于我们的页面设计就充分利用了这个元素。时间轴不是一个固定的画面，里面的事件和内容是可以和用户互动的。这样整个时间轴就可以把整个故事讲给用户听，让用户也能感受到参与感。整个设计的另一个亮点是它的配色。
11.插图和暖色调
你有强大的幕后团队吗？如果是这样，你不妨在“关于我们”页面上展示一下。其实FoodStudio这个页面的设计并不涉及太复杂的技巧。他们只是把团队成员的头像换成插画风格，加上暖色调，整个页面的风格就凸显出来了。这个设计最重要的一点就是统一，一致性是风格化的基础。
12.大胆的颜色和超大的团队照片
如果你想让你的设计更突出，更有影响力，那就尽量把一些元素做大，配色更抢眼。正如Mixd设计的那样，团队成员的高清大图突出了每个成员的存在感，加上高对比度的配色，整个设计看起来非常不错。值得注意的是，你要选择合适的元素放大，而不是全部，这样就没有重心了。
13.时尚的图片和简单的布局
KingdomCoffeeandCycles的整体设计可以说是现代风设计的典范，布局简洁，画面时尚，干净整洁，色彩明亮。图片是整个页面视觉设计的重点，图片、视频、地图的混合搭配消解了页面的单调和简单。技术上，设计师用团队的Instagram作品做了一个拼贴，放在页面底部，看起来也非常时尚有趣。
14.简单的图形和清晰的线条
这类网页设计时尚现代，外观干净，选图轻巧，大量留白，排版工整，非常专业，非常抢眼。可以称之为承载多种内容的完美框架。同时，这个页面的设计案例也说明了留白的重要性。
15.大胆提亮颜色，突出信息。
6tematik关于我们的页面设计很有意思。黑白配色永远不会过时，但在某些情况下，黑白并不足以满足所有的需求，所以本页面使用高饱和度的红到蓝作为亮色，大胆而有效。需要注意的是，你高亮的信息越多，高亮效果越差，因为高亮的地方越多，用户就越难找到真正重要的地方。所以，你需要做的就是把真正重要的东西标出来。
16.大空白和小元素
大和小在很多情况下是有对比的。页边距通常指正文周围的边缘、空白和边界。较小的边界可以使主体更有张力，覆盖范围更广。但是阿尔弗雷德关于我们的页面没有这样做。大量的留白和宽边让整个页面看起来充满了文艺气息，简洁而轻松。这种设计虽然标新立异，但正是这种标新立异的设计让整个页面充满了独特的风格和调性。
17.独特的字体和个性化文件
独特的手写字体让BigCartel的页面具有非凡的张力。虽然简单，却让设计大放异彩。个性化的员工档案就像上面的独特字体一样独特，锯齿状和多态的设计让整个页面在气息上保持一致。点击员工头像的播放按钮，就会播放一段有个性的视频，独一无二。
18.模块化布局和暖色
当你看到这个页面的时候，我想你也会注意到它独特的设计:页面的区块被精心划分，每个区块的内容都会承上启下，就像一个梯子。这样，模块化的页面也非常有条理、整洁、自由。页面的配色和绘制也很有讲究。黑白色调搭配温暖的棕色，营造出温馨的氛围。
19.醒目的颜色和醒目的图片
Visionaire的颜色简直就是一个大胆的例子。红色横幅的使用极其醒目，与品牌色彩相呼应。零散的排版和独特的图片使用，让用户不会轻易忘记这个不同寻常的网站。信息图表的使用也是这个关于我们的页面的一个特色。
20.强烈的对比和复古的插图
WoahNellyCatering的“关于我们”页面没有沿用最流行的设计手法，而是使用了温暖怀旧的色调和设计元素来营造氛围。明亮漂亮的插图不仅使页面充满活力，而且简单直观。复古插画的精妙之处在于质感的加入，让它的手感非常好，这也让白底黑字的元素更加显眼和突出，形成对比。
21.整洁的配色和平衡的排版
漂亮的无衬线字体，均衡的排版，均匀流畅的配色，让EBPearls的About Us页面看起来很专业。合理利用留白和浅色图片给人一种优雅的感觉。
22.柔和的颜色和简单的插图
很多时候，设计越复杂越好。EVABlackDesign关于我们页面的简洁设计更容易营造出时尚现代的感觉。简单的暖色调图片结合黑白灰给人一种柔和的感觉，加上简单的插画点缀，在井井有条的设计下让整个页面有了一点个性。
23.动态和有冲击力的排版
想让自己的设计栩栩如生，充满活力？那就让他们动起来！用短视频代替图片或者使用GIF图片也是目前比较流行的设计手法。纯黑色文字和红色元素的运用，让整个页面充满个性，排版充满冲击力。
24.有创意的排版和吸引人的图片
图片中央独特的排版是我们页面有趣的地方，团队成员的照片正好在这个位置，这就使得两边文件信息的排版需要向中间对齐。复古元素和配色的运用支持了整个页面的设计，值得借鉴。
25.粗体布局和颜色过滤器
大胆运用独特、开拓性的布局是令人难忘的重要手段，同时搭配满满的个性配色，效果绝对不错。干净无衬线的选择和滤色器下的图片是这个关于我们的页面的亮点。
本文地址:思考材料
网页设计的40个优秀案例设计我们的页面并不难，但是设计一个完美的版本并不容易。通常要看你的出发点，是个性化设计还是品牌运营。是提供自己的联系方式还是获取用户的联系方式？下面的优秀案例将告诉你如何设计我们的页面。
1，友好的界面
友好的接触界面总是让人感觉亲切。如果它有一些功能，并且易于阅读，用户会感觉更舒服。“Whatcanwehelpyouwith”可以引导用户点击“加入我们”、“雇佣我们”，参与邮件订阅。
2.显示世界各地的办公室
在工具的“关于我们”页面上，设计者用粗体字标记了团队。
洛杉矶
纽约和法国办事处的地址和联系信息。这不正是点击我们页面的用户想知道的吗？正确的联系方式，简单直接的设计，就是这么做的。
3.简化沟通过程
ProductiongLocation的联系页面也采用了大胆、可视化的页面设计，但与其他同类页面不同的是，它简化了交流过程，将用户可能关注的内容和需要交流的具体部分进行了划分，让不同需求的用户直接被引导到具体的页面和部分，从而达到简化和导流的目的。
4.《阿凡达》与个性化信息
放上设计师和团队成员的照片，让用户了解你。最重要的不是你的头像是否足够漂亮，而是让用户知道，在这个漂亮的网站背后，有一个像你我一样真实而普通的设计师，是他(她)努力的结果。《阿凡达》可以让页面更加个性化，也可以让它更加真实和贴近。
5.鼓励用户交流。
我们页面的核心设计目的通常是交流，HelloInnovation的页面设计充分贯彻了这一理念:试图鼓励用户主动与网站交流。用善良和财富
吸引力
设计，留联系方式，从文案到留邮箱都是在鼓励用户。说话能有多难？
6.用图片传达隐喻
设计博物馆里有很多与设计相关的藏品，而我们页面上的这款手机不仅是网站的藏品，也是向用户传达“沟通”形象的重要隐喻，可以算是一种设计。
玩文字游戏
".
7.创造难忘的设计
怪异的设计，有趣的文案，总是让人过目不忘，每天海量的信息摄入，让人只记得最突出的。然而，古怪的设计可能并不适合任何品牌或网站，但对于那些古雅的网站来说，那些独特的脑洞总是发挥着作用。
8、品牌性格的表现
对于网站来说，在About Us页面呈现自己的品牌个性，自然是合情合理的。BooneSelections是将品牌配色和相关设计元素整合到“关于我们”页面的一种优雅而专业的方式。作为专业的葡萄酒进口公司，BooneSelections' About Us页面采用独特的排版和滚动页面设计，营造出独特的品牌氛围。
9.显示联系信息
ThisAlso关于我们的页面设计是可靠的、到位的，即使页面地图显示了公司的位置。向下滚动页面，还可以看到详细的地址描述、沿线地铁乘坐情况以及通讯情况。
电子邮件地址
，电话，等等，等等。
10，给个提示
DeuxHuitHuit网站的“关于我们”页面没有提供传统的交流方式，而是设计成一个直观简单的对话框。顶部的“Sayhello”对话框直接提醒用户，只要输入内容，网站开发者就能看到。
11，注明开业/上班时间。
对于有具体营业时间的机构官网，如餐厅、博物馆、商店等。，在“关于我们”页面中标注了店铺的开门时间和电话咨询的时间，可以让用户更有效地接受服务。
12，使用醒目的字体
Panache在我们页面的标题字体中采用了非常醒目的“TravaillonsEnsemble”，这种字体更轻、更独特，但却具有很高的辨识度。
13，使用粗体配色方案
海绵的“关于我们”页面采用了经典的黑白黄配色。这种强烈对比的配色方案结合详细的描述，使得整个页面看起来轮廓鲜明，富有质感。设计师在最关键的信息上使用明亮的颜色，让用户更容易注意到它们。
14，视觉插图的使用
插画总能以更视觉化的方式吸引用户的注意力，尤其是当插画足够风格化和个性化的时候。在LegworkStudio的“关于我们”页面上，增加了狼头插图，结合手写字体，营造出个性化的氛围。
15，使用简单图形
GiampieroBodini的“关于我们”页面没有使用复杂的设计技巧，而是在复杂的素描背景上放了一个简单的长方形，在里面放了联系方式和相关信息。复杂与简单，手绘与图形，形成了鲜明的对比。
16，与表单沟通
交流是相互的。您可以向网站发送消息或留下您的联系信息，以便网站运营商向您发送消息。QEDGroup直接在联系我们页面留了一个表格，通过这个表格可以留下你的联系方式。
17，采用单色配色
简洁、优雅、易读是JosephAAvoue网站联系页面的设计风格。没有华丽的设计，也没有花哨的功能，一个细长的戒指，中间是最基本的联系方式，就是这么直接。
18，幽默
幽默的设计师绝不会错过一个搞笑的机会，Bio-Bak的设计师甚至会在联系页面里哗众取宠。涂鸦的字体，俏皮的文案，让人忍俊不禁，从每个细节都能感受到这位设计师的幽默。
19，填表
阿纳金的“关于我们”页面也允许用户填写联系信息，但它在表单的设计上更加独特。没有特别的形式，但是它使用。
占位符
在各个位置提醒用户需要填写什么，很贴心，很直观，也很贴心。
20.个性化办公室位置显示
与第二个案例类似，CPB集团在世界各地都有办事处，但设计风格也更独特。各地办公室的内容与个性化背景融为一体，信息融为一体，展示方式充满个性。
21，介绍业务。
在“关于我们”页面中介绍自己并不罕见，但还有许多其他事情可以做，例如介绍自己的业务，展示自己的品牌，吸引用户聊天。HelloMonday的“关于我们”页面就是这么做的。
22视频背景
在网站中加入视频背景已经成为一种非常流行的手段，而作为电影制作工作室存在的Moodboard在About Us页面中使用视频背景，不仅符合他们团队的工作性质，也让整个About Us页面更加生动。
23.使用网格布局
要设计一个结构化的页面，网格永远是你。
最好的朋友
。UrbanInfluence关于我们页面的信息使用grid来组织整个页面，要显示的内容，供用户输入的部分，装饰部分和显示的地图都清晰的分布在页面上。
24.让界面更加友好。
如果我们让界面更友好，设计师有很多工作要做。清晰易读
接口设计
是最基本的，信息要传达清楚，没有咄咄逼人的配色，让人感觉熟悉友好的呈现，易于操作的交互，这些都是设计师要做好的地方。
25、分步指导
取得联系需要一系列的操作。如果把整个交互过程分成几个步骤，引导用户一步一步操作，加上动态效果和微交互，一定会是不一样的体验。
26.添加联系人
捷径
团队不同部分的负责人通常是不同的。用户在打开“联系我们”页面时，通常会有一个明确的目标。如何在其中加入FAQ部分，加入具体联系人的联系方式，让用户可以更直接的和不同的负责人交流。
27.与网站的其他部分整合。
RobbyLeonardi的网站似乎设计成了扁平化的风格。
电脑游戏
你在浏览页面的时候，会跟着主角去不同的页面，做不同的事情，关于我们的页面也是其中之一。它是一个“场景”。这是一种整合页面的方式，值得学习。
28.团队照片
很多网站都是一整个开发设计团队在运营，所以拍一张合影作为我们页面的背景图也是非常合理和个性化的。
29.使用空格
通常情况下，留白可以加强整个页面的空间感和结构感，而BetaTataki在我们的页面上放置了一部很有设计感的手机，通过留白加强了联系方式等内容的存在感。
30、灵活的字体排版
设计良好的字体排版不仅具有装饰性，还能承载一定的内容。PaulineOsmont的联系我们页面使用黑色、银色和金色来构建字体排版机的吸引人的视觉设计。当您向下滚动页面时，可以看到一个易于阅读和排版的表单。
31，个人秀
这也是近年来常见的内容展示方式。设计师举起展板展示他们的设计作品。如果在联系我们页面中使用，这种设计技术也是非常合适的。就像MarkJaworkski的页面一样，设计师的技巧、介绍和留言的表格都整齐地展示在这个平面白板上。
32.列出社交媒体联系信息。
现在哪个网站没有几个社交媒体账号？对于很多用户来说，在关于我们的页面中联系自己网站的各个社交媒体链接更加方便。
33.借用传统的沟通方式。
复古风是个不错的选择，但是用传统的联系方式设计似乎更有思想，更有趣。Lionway的联系页面设计成明信片，一些固定的信息只是简单地列在打印的账单上。
34、俏皮的文案
文案的设计也是联系我们页面的一个重要部分。友好幽默的文案设计会让用户感到亲近，但同样俏皮诙谐的文案也会让用户过目不忘。
35.展现你的个性
联系设计工作室Resn我们的页面设计绝对是这组案例中最个性化的页面之一。充满80年代风情的设计元素和带着动物头套的队员图片构成了页面的主体。
36、信息地图的使用
信息图是近年来兴起的一种设计技术。如果有合适的展示内容，在“关于我们”页面使用信息图也是不错的选择。Quicksprout的“关于我们”页面使用信息图表来呈现内容，内容清晰、易读、准确。
37.动画和卡通
在“联系我们”页面中，使用卡通和动漫形象来介绍设计师和设计团队是非常常见和有效的。Melonfree的“关于我们”页面展示了设计师和开发人员的卡通形象。
38.使用半透明图形
人的眼睛总是有意识地识别石碑的内容，所以即使半透明的元素装在一起，也不会严重影响阅读体验。Indofolio的页面设计充分利用半透明元素，将核心联系信息放在半透明的矩形上。通过图形，用户仍然可以看到背景的细节，但不会看不清楚关键的联系人信息。
39、手绘效果
手绘的联系我们页面，尤其是那些相当醒目的页面，总能让用户感受到设计者的贴心。MarioPetrone的页面设计相当俏皮有趣。
40.仅使用一个下拉框。
代言人的联系页面其实并不是一个完整的页面，而是用下拉框来代替。当您单击导航中的链接时，会出现这个醒目的橙色下拉框。
网页设计色彩系统案例研究
橙色也被称为橙黄色或橙色。它的穿透力仅次于红色，色感比红色更温暖。橙色是网页设计中非常活泼的颜色，给人一种奢华而温暖、兴奋而热情、欢乐而有活力的感觉，也是令人兴奋的颜色。
橙色在网页中被广泛使用。它可以通过变换颜色来营造不同的子氛围，既能彰显青春活力，又能达到稳重的效果。橙色的波长介于红色和黄色之间，具有健康、活力、勇敢、自由等象征意义。为了让大家对orange有更好的了解，下面对不同类型的网页进行分析。
1.餐饮网站设计案例分析
推荐案例:橙色+黄色+深橙色
整个页面以橙色为主，用明度和纯度不同的“黄色”调和，页面非常和谐，不单调。很好的图，食物图片颜色都差不多，不会很突兀。用白色给网页分层，有层次感。
2.娱乐网页案例研究
推荐案例:深橙色+卡其色+黄色。
整个页面通过深橙色和浅黄色的组合来展示，使页面看起来更温暖，深色的铺垫和黄色的文字，达到突出而不张扬的视觉效果，赋予网站活力。
三。电子商务网站案例分析
推荐案例:橙色+卡其色+绿色