設(shè)計類網(wǎng)站的“聯(lián)系我們”頁面設(shè)計盤點(diǎn)

時間：2023-07-24 17:03:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-07-24 17:03:01 來源：網(wǎng)站運(yùn)營

設(shè)計類網(wǎng)站的“聯(lián)系我們”頁面設(shè)計盤點(diǎn)：誠然，能點(diǎn)到“聯(lián)系我們”頁面的多為有需求或有合作意向的用戶，那么“聯(lián)系我們”頁面設(shè)計就要做到簡潔、方便。下面小編就帶領(lǐng)大家圍觀一下設(shè)計類網(wǎng)站的頁面設(shè)計，來看看他們的“聯(lián)系我們”頁面設(shè)計，希望能為大家提供一些思路或者靈感。




1、設(shè)計達(dá)人







原型預(yù)覽鏈接：http://run.mockplus.com/mIXHzPUF8SKcTJSE/index.html




設(shè)計達(dá)人的“關(guān)于我們”頁面，包含三小段關(guān)于設(shè)計達(dá)人的團(tuán)隊介紹。聯(lián)系我們頁面頂部有各種常用的分析按鈕和加關(guān)注按鈕。右側(cè)是詳細(xì)的分類目錄、頁面、推薦書籍、推薦文章和一些設(shè)計交流群，方便大家溝通。




聯(lián)系我們簡單干凈，有Email和QQ兩種方式。用戶點(diǎn)擊"QQ交談”就可以及時、方便、快速地在線聯(lián)系對方，這是我比較喜歡的地方，不會出現(xiàn)留了各種個人信息仍無任何回復(fù)或者回復(fù)周期太長的情況。不過，可以把Email和QQ的聯(lián)系方式換成字體（原為圖片樣式），這樣方便用戶復(fù)制，避免發(fā)送至錯誤郵箱或添加錯誤的QQ。




2、簡書







原型預(yù)覽鏈接：https://run.mockplus.cn/3FEG10cQiTm1VdQ5/index.html


簡書的“聯(lián)系我們”頁面設(shè)計相當(dāng)簡潔，但內(nèi)容并不簡單，同時也利用大量留白增加了內(nèi)容的重要性。簡書分開展示了不同業(yè)務(wù)負(fù)責(zé)人的聯(lián)系方式，讓用戶一目了然，可以直接找到對應(yīng)的聯(lián)系人信息。




簡書的“聯(lián)系我們”分類很詳細(xì)，分開展示的業(yè)務(wù)有：廣告投放合作、市場推廣/品牌合作、技術(shù)類合作、贊賞/提現(xiàn)業(yè)務(wù)咨詢、人事溝通、封號和鎖文章咨詢、其他事物。





同樣，簡書也在“聯(lián)系我們”頁面設(shè)計中加入了“關(guān)于我們”的介紹，有簡單的3小段的介紹。




3、花瓣







原型預(yù)覽鏈接：https://run.mockplus.cn/ruRZ5uja1Jk4lIGd/index.html




花瓣的“聯(lián)系我們”頁面設(shè)計也比較簡潔，分開展示了：商務(wù)及流量合作、品牌廣告投放、其他網(wǎng)內(nèi)一般事物、聯(lián)系客服四種聯(lián)系方式。




亮點(diǎn)是，提供了公司地址和增值電信業(yè)務(wù)經(jīng)營許可證，能增強(qiáng)企業(yè)的真實(shí)感和權(quán)威性，在線客服支持也方便緊急事務(wù)的聯(lián)系。




4、UI中國







原型預(yù)覽鏈接：https://run.mockplus.cn/12gB7T3ijUMEpTQd/index.html




UI中國“聯(lián)系我們”頁面上方是大段大段文字，分別是“關(guān)于我們”、“版權(quán)聲明”、“隱私保護(hù)”。聯(lián)系方式分3類，“網(wǎng)站問題&舉報投訴&建議意見”，“商務(wù)合作”，“招聘信息刊登”，聯(lián)系方式有QQ群和Email。




亮點(diǎn)是右下角有置頂按鈕、在線QQ客服、反饋按鈕，底部導(dǎo)航附有二維碼，可惜反饋按鈕和二維碼有重合，如下圖。







5、產(chǎn)品壹佰







原型預(yù)覽鏈接：https://run.mockplus.cn/eq8DR74t0KrxLYH6/index.html




產(chǎn)品壹佰的“聯(lián)系我們”頁面設(shè)計使用了柵格布局，來組織頁面的信息和需要展示的內(nèi)容。分別展示了：申請講師、加入我們、客戶服務(wù)、媒體與商務(wù)接待、教學(xué)與產(chǎn)品交流、開課吧。




6、站酷







原型預(yù)覽鏈接：https://run.mockplus.cn/Qo1JhLBnzHhtaeN8/index.htm...




站酷的“聯(lián)系我們”頁面設(shè)計簡單干凈，利用線條劃分頁面板塊和布局。聯(lián)系頁面提供了用戶服務(wù)和企業(yè)服務(wù)的聯(lián)系郵箱，聯(lián)系方式相對單一，沒有提供可以在線的及時溝通的聯(lián)系方式。




7、Ui制造者







Ui制造者的“聯(lián)系我們”頁面原型預(yù)覽鏈接：https://run.mockplus.cn/wtNkJGSAjy6SZjNl/index.html


Ui制造者的“聯(lián)系我們”頁面設(shè)計也是以簡潔為主，提供的聯(lián)系方式有三種，網(wǎng)址居然也算一種聯(lián)系方式。在聯(lián)系我們頁面，但左側(cè)菜單欄卻顯示幫助中心，此處為bug，而且友情鏈接打開是空白頁。

小結(jié)

綜上國內(nèi)設(shè)計類網(wǎng)站的“聯(lián)系我們”頁面設(shè)計，可供參考的有如下特點(diǎn)：




1、整體以簡潔為主，使用大量留白強(qiáng)化頁面的空間感和結(jié)構(gòu)感；


2、提供多種聯(lián)系渠道，可以讓訪客快迅地聯(lián)系我們，將顧客對我們的興趣轉(zhuǎn)化為實(shí)際溝通的行為。

3、提供不同業(yè)務(wù)的聯(lián)系方式，分開展示讓訪客一目了然，直接找到相應(yīng)的聯(lián)系方式進(jìn)行溝通。




成功的聯(lián)系我們頁面設(shè)計，有利于提高訪客的轉(zhuǎn)化率，促進(jìn)產(chǎn)品和服務(wù)的銷售，更好的服務(wù)于網(wǎng)站，服務(wù)于公司。




聯(lián)系我們頁面設(shè)計，就是要讓目的簡單、明確的客戶，方便快速的找到自己需要的聯(lián)系方式，切勿設(shè)計的太過花哨。如果覺得本篇文章對你有幫助，歡迎分享給你認(rèn)為用得上它的朋友。







相關(guān)文章推薦：




2018網(wǎng)頁UI設(shè)計：輕松搞定視覺層次感


關(guān)于用戶體驗(yàn)?zāi)銘?yīng)該知道的8件事


APP可訪問性設(shè)計：拒絕體驗(yàn)“障礙”

---