找靈感找素材!請上設計師專用網址導航! 

注：如本站轉載的教程文章涉及版權等問題，請作者與我聯系，我將(jiāng)在第一時間删除！ 聯系E-mail：給我留言 

和網站訪客進(jìn)行溝通的方式有很多，但是最典型、最直接的還(hái)是通過(guò)關于我們頁面(miàn)來獲取溝通方式。在網站設計越來越多樣(yàng)的今天，設計師和設計團隊對(duì)于關于我們頁面(miàn)的設計也越來越重視，頁面(miàn)的每一個細節似乎都(dōu)成(chéng)了展示設計師個性和品牌特色的重要介質。

天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

關于我們的頁面(miàn)設計并不難，但是要設計一個完美的版本并不容易。它通常取決于你的出發(fā)點，是要個性化的設計，還(hái)是品牌化的運作？是提供自己聯系方式，還(hái)是獲取用戶的聯系方式？下面(miàn)的優秀案例會告訴你，優秀的關于我們頁面(miàn)要如何設計。

1、友好(hǎo)的界面(miàn)

友好(hǎo)的聯系人界面(miàn)總會讓人感到親切的，如果它還(hái)具備一些功能(néng)性，并且易于閱讀，用戶會感覺更加舒适的。“What can we help you with”則可以引導用戶去點擊“加入我們”“聘用我們”以及參與郵件訂閱。

2、展示全球各地辦公室

Tool 的關于我們頁面(miàn)中，設計師用醒目的字體标注出團隊在洛杉矶、紐約和法國(guó)的辦公室的地址和聯系方式，點開(kāi)關于我們頁面(miàn)的用戶不就是想知道(dào)這(zhè)些信息麼(me)？正确的聯系方式，簡單直接的設計，就是這(zhè)麼(me)做的。

3、簡化溝通流程

Productiong Location的聯系我們頁面(miàn)同樣(yàng)采用了大膽而視覺化的頁面(miàn)設計，但是和其他的同類頁面(miàn)不同的是，它簡化了溝通流程，把用戶可能(néng)會關注的内容和需要溝通的具體部分都(dōu)劃分了一下，讓不同需求的用戶直接被(bèi)引導到特定的頁面(miàn)和部分，從而達成(chéng)簡化和分流的目的。

4、頭像和個性化的信息

放上設計師和團隊成(chéng)員的圖片，讓用戶認識你。最關鍵的并不是你的頭像夠不夠漂亮，而是要讓用戶知道(dào)這(zhè)個漂亮的網站背後(hòu)是一位和你我一樣(yàng)真實而平凡的設計師，是他或者她努力設計之後(hòu)的成(chéng)果。頭像可以讓頁面(miàn)更加個性化，也能(néng)讓它更加真實而親近。

5、鼓勵用戶溝通

關于我們頁面(miàn)的核心設計目的通常是溝通，而Hello Innovation 的頁面(miàn)設計則充分貫徹這(zhè)一思路：試圖鼓勵用戶主動同網站進(jìn)行溝通。用親切而富有親和力的設計，留下聯系方式，從文案到留下郵箱的地址都(dōu)在鼓勵用戶。聊一句，能(néng)有多難呢？

6、用圖片來傳遞隐喻

設計博物館中收藏了許多設計相關的藏品，而關于我們頁面(miàn)中的這(zhè)個電話不僅是網站的藏品，而且作爲一個重要的隐喻來向(xiàng)用戶傳遞“溝通”的意象，這(zhè)也算得上是一種(zhǒng)設計上的“雙關”了。

7、創造令人難忘的設計

古怪的設計和有趣的文案總能(néng)讓人難忘，每天海量的信息攝入讓人們隻會記住最突出的那些。不過(guò)，古怪的設計不一定适合任何品牌任何網站，但是對(duì)于那些古靈精怪的網站而言，那些獨樹一幟的腦洞總能(néng)起(qǐ)到作用。

8、表現品牌的性格

對(duì)于網站而言，在關于我們頁面(miàn)中將(jiāng)自家的品牌性格呈現出來自然是合理合适的。Boone Selections 就是這(zhè)樣(yàng)優雅又專業地將(jiāng)品牌配色和相關設計元素融入關于我們頁面(miàn)的。作爲一個專業的葡萄酒進(jìn)口公司，Boone Selections 的關于我們頁面(miàn)用獨特的排版和滾動式的頁面(miàn)設計，營造出獨有的品牌氣息。

9、展示聯絡方式

This Also 的關于我們頁面(miàn)設計可謂是可靠而到位了，頁面(miàn)地圖标注出了公司地點也就算了，當你向(xiàng)下滾動頁面(miàn)的時候，還(hái)能(néng)看到詳細地址的說明、沿線地鐵的乘坐方式、溝通的電子郵件地址、電話，等等等等，不一而足。

10、給個提示

網站 Deux Huit Huit 的關于我們頁面(miàn)并沒(méi)有提供傳統意義上的溝通方式，而是設計成(chéng)了一個直觀而簡單的對(duì)話框。頂上“Say hello ?”的對(duì)話框非常直接地提示用戶，隻要輸入内容，網站的開(kāi)發(fā)者就能(néng)看到了。

11、标明開(kāi)門/工作時間

對(duì)于諸如餐廳、博物館、商店等有具體營業時間的機構的官方網站，在關于我們頁面(miàn)當中标注店鋪開(kāi)門的時間、接受電話咨詢的時間，可以讓用戶更加有效地接受服務。

12、使用醒目的字體

Panache 的關于我們頁面(miàn)中标題字體采用了非常醒目的“Travaillons Ensemble”，這(zhè)種(zhǒng)字體更爲輕巧，雖然獨特但是具有極高的識别度。

13、使用大膽的配色方案

經(jīng)典的黑白黃的配色方案被(bèi)運用到Sponge 的關于我們頁面(miàn)當中，這(zhè)種(zhǒng)強對(duì)比的配色結合細緻的細節刻畫，讓整個頁面(miàn)看起(qǐ)來銳利又富有質感。設計師將(jiāng)明亮的色彩運用到最關鍵的信息上，讓用戶更容易注意到它們。

14、采用形象化的插畫

插畫總能(néng)以更加視覺化的方式來吸引用戶的注意力，尤其是當插畫足夠風格化、個性化的時候。Legwork Studio 的關于我們頁面(miàn)中，加入了狼頭人插畫，配合手寫字體，營造出了一種(zhǒng)個性化的氛圍。

15、使用簡約的圖形

Giampiero Bodini 的關于我們頁面(miàn)并沒(méi)有使用複雜的設計技巧，而是在素描的繁複背景上，放上一個簡單的矩形，將(jiāng)聯系方式與相關信息置于其中。繁複和簡單，手繪和圖形，形成(chéng)了鮮明的對(duì)比。

16、借助表單來溝通

溝通是相互，你可以發(fā)信息給網站，也可以留下聯系方式，讓網站的運營者給你發(fā)信息。QED Group 直接在聯系我們頁面(miàn)中留下一個表單，你可以通過(guò)這(zhè)個表單留下聯系方式。

17、使用單色配色

簡單優雅和易讀是 Joseph A Avoue 的網站聯系我們頁面(miàn)的設計風格，沒(méi)有華麗的設計，也沒(méi)有花哨的功能(néng)，一個纖細的環，中間是最基本的聯系信息，就是這(zhè)麼(me)直接。

18、幽默

幽默的設計師不會放過(guò)任何一個搞怪的機會，Bio-Bak 的設計師即使是在聯系我們頁面(miàn)當中也會嘩衆取寵一把。塗鴉字體和俏皮的文案讓人忍俊不禁，你能(néng)夠從每一個細節感受到這(zhè)個設計師的幽默細胞。

19、填寫表單

Anakin 的關于我們頁面(miàn)同樣(yàng)是讓用戶填寫聯系信息，不過(guò)在表單的設計上更加獨特，并沒(méi)有專門的表單，而是使用占位符提示用戶各個位置需要填寫的内容，貼心、直覺，也非常走心。

20、個性化的辦公地點展示

和第二個案例類似，CPB集團在全球各地都(dōu)有辦公室，但是在設計的樣(yàng)式上也更加獨特，各地辦公室的内容和個性化的背景融爲一體，信息得到了整合，展現方式也個性十足。

原文地址：designschool

優設譯文：@陳子木

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。