找靈感找素材!請(qǐng)上(shàng)設計¥←(jì)師(shī)專用(yòng)網址導航! 

注：如(rú)本站(zhàn)轉載的(de)教程文(wén)章(zhā§¶ng)涉及版權等問(wèn)題，請(qǐng)作(zu↑≥‍≈ò)者與我聯系，我将在第一(yī)時(shí)間(jiān)π↓删除！ 聯系E-mail：給我留言 

和(hé)網站(zhàn)訪客進行(xíng)溝通(tōng)的(de)方式有(yǒu✔→)很(hěn)多(duō)，但(dàn)是(shì)最典型、±≈÷ε最直接的(de)還(hái)是(shì)通(tōng)過π♦←€關于我們頁面來(lái)獲取溝通(tōng)方式。在網站(zhàn)設計©♣(jì)越來(lái)越多(duō)樣的(de)今天，設計(jì)師β→(shī)和(hé)設計(jì)團隊對(duì)于關于我們頁面的(de)設計(jì)也(y☆₽"ě)越來(lái)越重視(shì)，頁面>®£±的(de)每一(yī)個(gè)細節似乎都(dγ ōu)成了(le)展示設計(jì)師(shī)個(gè)性和(hé)品牌∞↕特色的(de)重要(yào)介質。

天貓&京東(dōng),內(nèi)蒙古電(diàn)商品牌策劃,內(nèi)蒙古微(wēi)信營銷,內(nèi)蒙古微(wēi)網站(zhàn),呼和(hé)浩特電(diàn)商品牌策劃,呼和(hé)浩特微(wēi)信營銷,呼和(hé)δα↕α浩特微(wēi)網站(zhàn),內(nèi)蒙古網站(zhàn)制(zh​δì)作(zuò)，內(nèi)蒙古網站(zhàn)設計(jì)，內(nèi)蒙古網站(<±zhàn)建設，呼和(hé)浩特網站(zhàn)建設，呼和(hé) σ±∞浩特網站(zhàn)制(zhì)作(zuò)、呼和(hé)浩特網站(π'zhàn)設計(jì)首選內(nèi)蒙古呼和(hé)浩特先誠網絡科(k♠≈$↑ē)技(jì)公司。先誠官網：/

關于我們的(de)頁面設計(jì)并不(bù)難，但(dàn✘ '€)是(shì)要(yào)設計(jì)一(yī)個(gè)完美(Ωπ♥měi)的(de)版本并不(bù)容易。它通(tōng)常取決于你(nǐ)的(de)出發點，是(s≠>®hì)要(yào)個(gè)性化(huà)的(de)設γ♠₽計(jì)，還(hái)是(shì)品牌化(huà)的(de)運作(zuò)？是(shì)提供自(©♦zì)己聯系方式，還(hái)是(shì)獲取用(yòng)戶的(de)聯系方式λε？下(xià)面的(de)優秀案例會(huì↑↔)告訴你(nǐ)，優秀的(de)關于我們頁‍∞ Ω面要(yào)如(rú)何設計(jì)。

1、友(yǒu)好(hǎo)的(de)界面

友(yǒu)好(hǎo)的(de)聯系人(rén)界面總會(huì)讓人(rén)感到↔©φ←(dào)親切的(de)，如(rú)果它還σ​Ω✘(hái)具備一(yī)些(xiē)功能(nén£≥g)性，并且易于閱讀(dú)，用(yòng)戶會(huì)感覺更加舒适的(de)。“W₩•hat can we help you with”則可(kě)以引導用(yòεπ¥$ng)戶去(qù)點擊“加入我們”“聘用(yòng)我們”以及參ε∑&←與郵件(jiàn)訂閱。

2、展示全球各地(dì)辦公室

Tool 的(de)關于我們頁面中，設計(jì)師(shī)用(yòng)醒目≥♦的(de)字體(tǐ)标注出團隊在洛杉矶、紐約和®♠(hé)法國(guó)的(de)辦公室的(de)地(dì)址和(hé)聯系方式，點開(kāi)關§γ≤α于我們頁面的(de)用(yòng)戶不(bù)就(jiù)是ε♦÷β(shì)想知(zhī)道(dào)這(zhè)些(xiē)信息麽？正确的(de)聯系♠✔δ≤方式，簡單直接的(de)設計(jì)，就(jiù)'​是(shì)這(zhè)麽做(zuò)的(de)。

3、簡化(huà)溝通(tōng)流程

Productiong Location的↕©&(de)聯系我們頁面同樣采用(yòng)了(le)大(dà)膽而視(shì)覺化(hu€"à)的(de)頁面設計(jì)，但(dàn)是(shì)和(hé)其他(tā)的♠↔→π(de)同類頁面不(bù)同的(de)是(shì)，它簡化(huà)了(le)溝通<λ<(tōng)流程，把用(yòng)戶可(kě)能εε(néng)會(huì)關注的(de)內(nèi)容和(hé ↑✘)需要(yào)溝通(tōng)的(de)具體(tǐ)部分(fēn)都(dōu)劃分(fē↔∏✔↕n)了(le)一(yī)下(xià)，讓不(bù)同需求的(de)用(yòng)戶直接被引導到 β(dào)特定的(de)頁面和(hé)部分(fēn)，從(cóng)而達成簡化(huà)和(hé)§↓'☆分(fēn)流的(de)目的(de)。

4、頭像和(hé)個(gè)性化(huà)的(de)β×信息

放(fàng)上(shàng)設計(jì) ™☆師(shī)和(hé)團隊成員(yuán)的(de)圖片，讓用(yòng)戶認識你(nǐ)γ¥≥×。最關鍵的(de)并不(bù)是(shì)你(nǐ)的(de)頭σ‍像夠不(bù)夠漂亮(liàng)，而是(shì)要(yào)☆★α 讓用(yòng)戶知(zhī)道(dào)這(zhè)個(®♦÷↕gè)漂亮(liàng)的(de)網站(zhàn)背後是(shì)一(yī)位和(hé)你÷®★(nǐ)我一(yī)樣真實而平凡的(de)設計(jì)師(shī)σ ，是(shì)他(tā)或者她(tā)努力設計(jì)之後的ε"©≈(de)成果。頭像可(kě)以讓頁面更加個(gè)性化(huà÷α±)，也(yě)能(néng)讓它更加真實而親近(jìn)→₽ 。

5、鼓勵用(yòng)戶溝通(tōng)

關于我們頁面的(de)核心設計(jì)目的(de)通(tōng)常是(shì↔®§÷)溝通(tōng)，而Hello Innovat₩✘ion 的(de)頁面設計(jì)則充分(fēn)貫徹這(zhè♦ ♦)一(yī)思路(lù)：試圖鼓勵用(yòn"§g)戶主動同網站(zhàn)進行(xíng)溝通(tōng)。用(yòng)親切而富有(yα♠£ǒu)親和(hé)力的(de)設計(jì)，留下(xià)聯系方式，從(cón<₽g)文(wén)案到(dào)留下(xià)郵箱的("✘©αde)地(dì)址都(dōu)在鼓勵用(yòng)戶。聊一(yī≤ )句，能(néng)有(yǒu)多(duō)難呢(ne)？

6、用(yòng)圖片來(lái)傳遞隐喻

設計(jì)博物(wù)館中收藏了(le)許多(duō)設計(jì)相(xiàng)關的(d®≠e)藏品，而關于我們頁面中的(de)這(β ‍∞zhè)個(gè)電(diàn)話(huà)不(bù)僅是(shì)網站(z'♥™hàn)的(de)藏品，而且作(zuò)為(wèi)一(yī)個(gè)重要(yào)的(de$≠Ω±)隐喻來(lái)向用(yòng)戶傳遞“溝通(tōng)”的(de)意象，這(zh↔φ≥×è)也(yě)算(suàn)得(de)上(shàng)是✘∏ε×(shì)一(yī)種設計(jì)上(shàng)的(de)“雙關”了(le)。

7、創造令人(rén)難忘的(de)設計(jì)

古怪的(de)設計(jì)和(hé)有(yǒu)趣的(de)文(wén)案÷¥α總能(néng)讓人(rén)難忘，每天海(hǎi)量的(de)信息攝入™↔™α讓人(rén)們隻會(huì)記住最突出的(de)那(nà)些(xiē)。不(bù)過，∏≠古怪的(de)設計(jì)不(bù)一(yī)定适合任何品δγ牌任何網站(zhàn)，但(dàn)是(shì)對(duì)于那(nà)些(xiē)古靈精怪¶±的(de)網站(zhàn)而言，那(nà)些(xiē)獨樹(shù)一(yī≠±₩)幟的(de)腦(nǎo)洞總能(néng)起到(dào)作(σ✘ <zuò)用(yòng)。

8、表現(xiàn)品牌的(de)性格

對(duì)于網站(zhàn)而言，在關于我們頁面中将自(ε‌→→zì)家(jiā)的(de)品牌性格呈現(xiàn§β¥)出來(lái)自(zì)然是(shì)合理(lǐ)合适的(de)。Boone S∏₹elections 就(jiù)是(sh♥π׶ì)這(zhè)樣優雅又(yòu)專業(yè)地(dì)将品牌配色和(hé)相(xiàn ™₽γg)關設計(jì)元素融入關于我們頁面的(de)。作(zuò)為(wèi)一(yīπ∏)個(gè)專業(yè)的(de)葡萄酒進口•♥公司，Boone Selections 的(de)關× ≥♣于我們頁面用(yòng)獨特的(de)排版和(hé)滾動式的(de)頁面設計(jì)，營造出δ§γ獨有(yǒu)的(de)品牌氣息。

9、展示聯絡方式

This Also 的(de)關于我們頁面設計(jì)可(kě)謂是(sh•  'ì)可(kě)靠而到(dào)位了(le)，頁面®∞•地(dì)圖标注出了(le)公司地(dì)點也(yě≈ €™)就(jiù)算(suàn)了(le)，當你(nǐ)向下¶→•(xià)滾動頁面的(de)時(shí)γ​候，還(hái)能(néng)看(kàn)到(dào)詳細地(dì)€®址的(de)說(shuō)明(míng)、沿€☆™線地(dì)鐵(tiě)的(de)乘坐(zuò)方式、溝通(tōng¥φ♥)的(de)電(diàn)子(zǐ)郵件©×​(jiàn)地(dì)址、電(diàn)話÷↓¶(huà)，等等等等，不(bù)一(yī)而足。

10、給個(gè)提示

網站(zhàn) Deux Huit Hui ₽λ★t 的(de)關于我們頁面并沒有(yǒu)提供傳統意義上(shàng)←✘¶♦的(de)溝通(tōng)方式，而是(shì)設計(jì)成了(l✔♣₹δe)一(yī)個(gè)直觀而簡單的(de)對(duì)話(huà)框。頂上(sh±↔§§àng)“Say hello ?”的(de)&α←對(duì)話(huà)框非常直接地(d•≈ ì)提示用(yòng)戶，隻要(yào)輸入內(nèi)γβα容，網站(zhàn)的(de)開(kāi)發者就(jiù)能(néng)看(kàn✔£™‌)到(dào)了(le)。

11、标明(míng)開(kāi)門(mén)/工(gōng)作(zuò)時(shí)間(jiān¶α©)

對(duì)于諸如(rú)餐廳、博物(wù)館、商店(diàn)等±₽ε>有(yǒu)具體(tǐ)營業(yè)時(shí)間(jiān✘σ)的(de)機(jī)構的(de)官方網站(zhàn)，在關​♦≈于我們頁面當中标注店(diàn)鋪開(kāi)門(m× ↔én)的(de)時(shí)間(jiān)♠∑$&、接受電(diàn)話(huà)咨詢的(de)時(shí)間(jiān)，可(kě)以讓用∏≥≥★(yòng)戶更加有(yǒu)效地(dì)接受服務。

12、使用(yòng)醒目的(de)字體(tǐ)

Panache 的(de)關于我們頁面中标題字體(tǐ)采用(yòng)了(le)λ✘↑↕非常醒目的(de)“Travaillons Ensemble”σ<≈，這(zhè)種字體(tǐ)更為(wèi)輕巧，雖然獨特但(dàn)是(shì)具有($←ε♥yǒu)極高(gāo)的(de)識别度。

13、使用(yòng)大(dà)膽的(de)配色方案

經典的(de)黑(hēi)白(bái)黃(huáng)的(de)≠✘✔®配色方案被運用(yòng)到(dào)Sponge 的(de)關于我們頁面當中，這(£↑zhè)種強對(duì)比的(de)配色結合細緻的(de)細÷↔節刻畫(huà)，讓整個(gè)頁面看(kàn)起來(lái)銳利又(yφ×òu)富有(yǒu)質感。設計(jì)師(shī)将明(míng)亮(lià≤‍∞§ng)的(de)色彩運用(yòng)到(dào)最關鍵的(de)信息上(shàng)，讓用(y≥¶òng)戶更容易注意到(dào)它們。

14、采用(yòng)形象化(huà)的(de)插畫(huà)∑σ₽≠

插畫(huà)總能(néng)以更加視(shì)覺化(huà)的(de)方式來(lái)吸引λ★用(yòng)戶的(de)注意力，尤其是(shì)當插畫(huà)足夠風(fēng)格≈&✔÷化(huà)、個(gè)性化(huà)的(de)時(shí)候。Legwork St®€udio 的(de)關于我們頁面中，加入了$£✘♣(le)狼頭人(rén)插畫(huà)，配合手寫€♣字體(tǐ)，營造出了(le)一(yī)種個(gè)性化(huà)的(de)氛圍。

15、使用(yòng)簡約的(de)圖形

Giampiero Bodini 的(de)關于我們頁面并沒有(yǒu)使用♦σλ(yòng)複雜(zá)的(de)設計(jì)技(jì)巧，而是(•↓shì)在素描的(de)繁複背景上(sh≥φàng)，放(fàng)上(shàng)一(yī)個(gè)簡單的(de)矩形，将聯系方式與相(‍↕xiàng)關信息置于其中。繁複和(hé)簡單，手繪和(hé)圖形，形成了(le&₽)鮮明(míng)的(de)對(duì)比。

16、借助表單來(lái)溝通(tōng)

溝通(tōng)是(shì)相(xiàng)互，你(nǐ)可(kě)以發信 ☆÷息給網站(zhàn)，也(yě)可(kě)以留下(xià)聯★σ'系方式，讓網站(zhàn)的(de)運營者給你(nφ&ǐ)發信息。QED Group 直接在聯系‍&♠↔我們頁面中留下(xià)一(yī)個(gλ≤♣♠è)表單，你(nǐ)可(kě)以通(tōng)過這(zhè)個(gè)表單留下(xià)聯↔εσ系方式。

17、使用(yòng)單色配色

簡單優雅和(hé)易讀(dú)是(shì) Jos€∏≥eph A Avoue 的(de)網站(zhàn)聯系我們頁面的(de)設"™ ×計(jì)風(fēng)格，沒有(yǒu)華麗(lì)的(de)設計(jì)， ‍↑♦也(yě)沒有(yǒu)花(huā)哨的(de)功能(néng)，一(yī)個(gè)纖細的(≠¶÷✔de)環，中間(jiān)是(shì)最基本的(de)聯系信息，就(jiù)是(s♥≤≠♥hì)這(zhè)麽直接。

18、幽默

幽默的(de)設計(jì)師(shī)不(bù)會(h≠↓uì)放(fàng)過任何一(yī)個(gè)搞怪的(de)機(jī)會(h©γ±®uì)，Bio-Bak 的(de)設計(jì)師(shī)即使是(shì)在≈€✘​聯系我們頁面當中也(yě)會(huì)嘩衆取寵一(yī)把。塗鴉字體(tǐ)和(hé♥↔Ω)俏皮的(de)文(wén)案讓人(rén)忍俊不(bù)禁，你(nǐ)能(néng)夠→β≥→從(cóng)每一(yī)個(gè)細節感受到(dào)這(zhè)個(gè)設計(jì)師("¥'shī)的(de)幽默細胞。

19、填寫表單

Anakin 的(de)關于我們頁面同樣是(shì ≥↔)讓用(yòng)戶填寫聯系信息，不(bù)過在表單的(de)設計(jì)上(shàng)更加•∑₹∞獨特，并沒有(yǒu)專門(mén)的(de)表單，而是(shì)使用(₹παyòng)占位符提示用(yòng)戶各個(gè)位置需要(yào)填寫的(de)內(n&∑ ±èi)容，貼心、直覺，也(yě)非常走心。

20、個(gè)性化(huà)的(de)辦公地(dì)點展示

和(hé)第二個(gè)案例類似，CPB集團在全球各地(dì)都(dōu)有(yǒu)辦公室，©•但(dàn)是(shì)在設計(jì)的(de)樣δ≥&式上(shàng)也(yě)更加獨特，各地(dì)辦公室的‍'(de)內(nèi)容和(hé)個(gè)性化(hu>δ↕​à)的(de)背景融為(wèi)一(yī)體(tǐ)，信息¶¶得(de)到(dào)了(le)整合，展現(xiàn)Ω‍方式也(yě)個(gè)性十足。

原文(wén)地(dì)址：designsc♥δhool

優設譯文(wén)：@陳子(zǐ)木(mù)

注：本文(wén)均來(lái)自(zì)百度搜索，如(rú)涉及版權問(wφβ♦èn)題，請(qǐng)聯系我們，我們會(huì)<∞>第一(yī)時(shí)間(jiān)解決。