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

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

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

溝通是一件重要的事(shì)情，這(zhè)也使得聯系我們頁面(miàn)的設計是整個項目中無法忽視，也無法含糊的部分。因爲它不僅是要給用戶一個交代，而且作爲網站的自留地，對(duì)于團隊自己而言，也必須給出一個“足夠漂亮”的交代。設計手法，展現方式，風格走向(xiàng)，這(zhè)些東西都(dōu)是頁面(miàn)設計需要注意的地方，但是尤其重要的是，關于我們頁面(miàn)中“我們”是最重要的元素。有的團隊喜歡“官方”一點，有的喜歡個性一點，也有的團隊喜歡幽默的呈現手法，也不乏一些手藝高超的設計團隊在這(zhè)個頁面(miàn)當中再炫一下技術和設計手法。但是無論如何，關于我們頁面(miàn)設計是一件重要的事(shì)情，有時候讓自己高興，甚至會重過(guò)讓客戶高興。

扯遠了，來看看接下來的20個案例吧。

21、介紹一下業務

在關于我們頁面(miàn)當中介紹自己并不稀奇，不過(guò)除此之外可以做的還(hái)有很多，比如介紹一下自家的業務，展示一下自家的品牌，吸引用戶來聊聊也是很不錯的手段。Hello Monday 的關于我們頁面(miàn)就是這(zhè)麼(me)做的。

22、視頻背景

在網站裡(lǐ)面(miàn)添加視頻背景已經(jīng)是一種(zhǒng)非常流行的手段了，而作爲電影制作工作室而存在的Moodboard 在關于我們頁面(miàn)中使用視頻背景不僅符合他們團隊的工作性質，而且讓整個關于我們頁面(miàn)更加鮮活了。

23、使用栅格布局

要設計結構化的頁面(miàn)，栅格總是你最好(hǎo)的朋友。Urban Influence 的關于我們頁面(miàn)使用栅格來組織整個頁面(miàn)的信息，需要展示的内容，讓用戶輸入的部分，裝飾性的部分和展示用的地圖，都(dōu)界限分明地分布在頁面(miàn)上。

24、讓界面(miàn)更加友好(hǎo)

如果讓界面(miàn)更加友好(hǎo)，設計師要做的工作并不少。清晰而易讀的界面(miàn)設計是最基本的，信息要能(néng)夠清晰的傳遞出來，沒(méi)有侵略性的配色，讓人感到熟悉、親切的呈現方式，易于操作的交互方式，這(zhè)都(dōu)是設計師要做好(hǎo)的地方。

25、分步引導

取得聯系包含著(zhe)一系列的操作，如果將(jiāng)整個交互過(guò)程分割成(chéng)爲若幹步驟，一步一步引導用戶來操作，加入動效和微交互，這(zhè)絕對(duì)是一種(zhǒng)不一樣(yàng)的體驗。

26、增加聯系人快捷方式

團隊中負責不同部分的負責人通常不一樣(yàng)，用戶打開(kāi)聯系我們頁面(miàn)通常有著(zhe)明确的目标，如何將(jiāng)FAQ部分加入其中，并且添加特定的聯系人的聯系方式，讓用戶可以更加直接地同不同的負責人進(jìn)行溝通。

27、同網站其他部分整合到一起(qǐ)

Robby Leonardi 的網站似乎被(bèi)設計成(chéng)一個扁平風的電腦遊戲，當你浏覽頁面(miàn)的時候，會随著(zhe)主角去不同的頁面(miàn)，做不同的事(shì)情，而去關于我們頁面(miàn)也是其中的一個“場景”。這(zhè)是一種(zhǒng)整合頁面(miàn)的方式，值得學(xué)習。

28、團隊合影

許多網站背後(hòu)都(dōu)是一整個開(kāi)發(fā)和設計團隊在運作，用團隊成(chéng)員合影作爲關于我們頁面(miàn)的背景圖也是非常合理且有個性的做法。

29、使用留白

通常留白能(néng)強化整個頁面(miàn)的空間感和結構感，而Beta Tataki 在關于我們頁面(miàn)就放置了一個設計感十足了電話，通過(guò)留白強化了聯系方式等内容的存在感。

30、活用字體排版

精心設計的字體排版不僅具有裝飾性，還(hái)可以承載一定的内容。Pauline Osmont 的聯系我們頁面(miàn)使用了黑色、銀色和金色來構建吸引人的字體排版主視覺設計。當你向(xiàng)下滾動頁面(miàn)的時候，能(néng)看到易于閱讀排版到位的表單。

31、親手展示

這(zhè)也是近幾年比較常見的一種(zhǒng)内容展現方式，設計師親手舉起(qǐ)展闆來展示設計作品。如果用在聯系我們頁面(miàn)中，這(zhè)種(zhǒng)設計師手法也是相當的應景呢。就像Mark Jaworkski 的這(zhè)個頁面(miàn)，設計師的技能(néng)、介紹還(hái)有留言用的表單都(dōu)整齊地展示在這(zhè)塊被(bèi)平舉的白闆上。

32、列舉社交媒體聯系方式

現在哪個網站沒(méi)幾個社交媒體帳号呢？在關于我們的頁面(miàn)當中將(jiāng)自家網站的各個社交媒體的鏈接都(dōu)貼出來，對(duì)于許多用戶來說反而更加便于聯系。

33、借用傳統的溝通方式

複古的樣(yàng)式是不錯的選擇，但是使用傳統的聯系方式來設計，似乎更加走心也更有意思。Lionway 的聯系我們頁面(miàn)就設計成(chéng)了明信片的形式，還(hái)有一些固定的信息幹脆就列舉在一個打印賬單上。

34、俏皮的文案

文案的設計也是聯系我們頁面(miàn)中重要的部分，親切、幽默的文案設計會讓用戶感到親近，但是同樣(yàng)的，俏皮的、機智的文案也一樣(yàng)會讓用戶難忘。

35、展現個性

設計工作室 Resn 的聯系我們頁面(miàn)設計絕對(duì)是這(zhè)組案例中最有個性的頁面(miàn)之一，充滿80年代風情的設計元素，和帶著(zhe)動物頭套的團隊成(chéng)員圖片組成(chéng)了頁面(miàn)的主體。

36、運用信息圖

信息圖是近幾年一直處于上升階段的設計手法，如果有合适的展示内容，在關于我們頁面(miàn)中使用信息圖也是相當不錯的選擇。Quicksprout 的關于我們頁面(miàn)就使用了信息圖來呈現内容，清晰易讀，而且準确到位。

37、動畫和卡通

在聯系我們頁面(miàn)中使用卡通和動漫式的形象來呈現設計師和設計團隊是相當常見也相當有效的手段，Melonfree 的關于我們頁面(miàn)就將(jiāng)設計師和開(kāi)發(fā)者的卡通形象擺了出來。

38、使用半透明的圖形

人的眼睛總會有意識地去識别想要石碑的内容，所以即使的半透明的元素加載在一起(qǐ)，也不會特别嚴重地影響閱讀體驗。Indofolio 的頁面(miàn)設就充分運用半透明的元素，將(jiāng)核心的聯系方式放在半透明的矩形上，透過(guò)圖形用戶依然能(néng)看到背景的細節，但是又不會看不清關鍵的聯系方式。

39、手繪效果

手繪的聯系我們頁面(miàn)，尤其是那些畫的還(hái)相當養眼的頁面(miàn)，總能(néng)讓用戶感受到設計者的貼心。Mario Petrone 的這(zhè)個頁面(miàn)設計就相當的俏皮有趣。

40、僅用一個下拉框

Spokes Pedicabs 的聯系我們頁面(miàn)其實談不上一個完整的頁面(miàn)，而用一個下拉框代替，當你點擊導航了中的鏈接，會出現這(zhè)個醒目的橙色下拉框。

原文地址：designschool

優設譯文：http://www.uisdc.com/contact-us-page-design-2

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