壹個成功的“關於我們”不僅僅是簡單粗暴地在壹頁上寫滿品牌、公司和團隊信息那麽簡單。妳需要把團隊和品牌作為壹個整體來看待，呈現出獨特的風格和不同的個性，讓用戶記住。
這聽起來是壹件特別難的事情，但是仔細推敲起來並不復雜。選擇走腎的設計技巧，選擇與自己品牌相匹配的現代或簡約風格，用最周到的方式展示自己的團隊，就足夠了。
聽起來很玄乎，還是看看別人的案例比較直觀。
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.娛樂網頁案例研究
推薦案例:深橙色+卡其色+黃色。
整個頁面通過深橙色和淺黃色的組合來展示，使頁面看起來更溫暖，深色的鋪墊和黃色的文字，達到突出而不張揚的視覺效果，賦予網站活力。
三。電子商務網站案例分析
推薦案例:橙色+卡其色+綠色