收藏！制作網(wǎng)頁的八大組件

時(shí)間：2023-07-21 07:33:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-21 07:33:01 來源：網(wǎng)站運(yùn)營

收藏！制作網(wǎng)頁的八大組件：每個(gè)新媒體人必備的操作技能：做網(wǎng)頁，這個(gè)技能必不可少。但是總是會(huì)出現(xiàn)一些新手小白，上級(jí)發(fā)布任務(wù):*** 今天做一個(gè)***系列產(chǎn)品網(wǎng)頁圖，從不知道如何上手，到最后不想上手，算了..心里想著 我干脆不做了。

那現(xiàn)在就開始掰回正題，想想還是開始學(xué)習(xí)吧~

我們需要知道什么是網(wǎng)頁？怎么做網(wǎng)頁？做網(wǎng)頁的技能以及工具的使用？當(dāng)你摸索完這些技能，可能你以后拿捏起來也是覺得超級(jí)容易，但是人啊身上還是要存一些技能，沒準(zhǔn)什么時(shí)候也可以派上用場呢，好啦，開始了！

著陸頁得含義：指的是訪客通過點(diǎn)擊第三方的渠道直接到達(dá)的網(wǎng)頁，該網(wǎng)頁通常以請(qǐng)求訪客完成某項(xiàng)動(dòng)作為目的。生活中我們也會(huì)見到大大小小的著陸頁，比如個(gè)人網(wǎng)站呢，其實(shí)也是著陸頁，那我們生活上在哪里看著陸頁呢？比如你點(diǎn)開淘寶銷售業(yè)頁、官網(wǎng)網(wǎng)頁、H5這些都是。

首先，從網(wǎng)頁開始，網(wǎng)頁分為信息型網(wǎng)頁和說服型網(wǎng)頁。像信息型網(wǎng)頁我們可以了解到有首頁、分類頁、以及文章頁。說服型網(wǎng)頁也就是傳統(tǒng)的銷售業(yè)/著陸頁。

著陸頁的經(jīng)典八大組件

目前市面上的著陸頁都包含八大組件：價(jià)值定位、行動(dòng)呼喚、產(chǎn)品特征、信用背書、用戶評(píng)價(jià)、風(fēng)格承諾、常見問題、終極呼喚。

了解完著陸頁的的組件，那最重要的一部分來了，我們應(yīng)該用什么制作？如何制作？以下我給大家推薦幾個(gè)可以經(jīng)常使用的制作網(wǎng)站的app。

原型設(shè)計(jì)：

01.墨刀：原型設(shè)計(jì)的工具

02.Balsamiq Mockup:適合新手，操作十分簡單，可用在客戶端和在線版

03.上線了：可以通過自己想要做的哪個(gè)類型的模板，進(jìn)行排版設(shè)計(jì)，上手簡單。（下次出一個(gè)使用教程~）

一、價(jià)值定位

價(jià)值定位就相當(dāng)于一個(gè)標(biāo)題又吸引和引導(dǎo)組成。

1. 標(biāo)題的寫作方法：

• DM公式=時(shí)間+結(jié)果+保證
• 落差公式=痛點(diǎn)問題+解決方式
• 人性法則：人性的八個(gè)弱點(diǎn)

二、行動(dòng)呼喚

行動(dòng)呼喚其實(shí)就是告訴用戶，他們應(yīng)該去做什么，怎么做，以及什么時(shí)候做？

我們需要點(diǎn)擊去點(diǎn)擊，那應(yīng)該怎么去制作這個(gè)行動(dòng)呼喚的按鈕呢？以巨大的、具體的描述構(gòu)建行動(dòng)呼喚的按鈕，讓用戶明白他們需要做點(diǎn)什么。

三、產(chǎn)品特征

以經(jīng)典得AB型案例，如何去構(gòu)建產(chǎn)品特征，以吸引注意的事實(shí)+用戶感知的利益，去構(gòu)建產(chǎn)品的特征，我們知道目標(biāo)用戶的痛點(diǎn)問題，解決痛點(diǎn)問題產(chǎn)生的產(chǎn)品。

四、信用背書

利用媒體+紅人

五、客戶評(píng)價(jià)

以正面評(píng)價(jià)和負(fù)面評(píng)價(jià)為選擇

時(shí)間+結(jié)果+保證

六、風(fēng)險(xiǎn)承諾

每個(gè)產(chǎn)品都有他的風(fēng)險(xiǎn)承諾保障，比如我們買了個(gè)洗衣機(jī)，它也會(huì)出一個(gè)承諾說，壞了保修三年，在網(wǎng)上買件衣服，它也會(huì)提示我們七天無理由退款，不滿意無條件全額退款。這些就是風(fēng)險(xiǎn)承諾的三套路。

七、常見問題

• 按頻排序
• 三點(diǎn)原則
• 鏈接跳轉(zhuǎn)：一個(gè)cta的過程

八、終極呼喚

通過上面七個(gè)步驟，到最后我們需要用低保真原圖制作一個(gè)網(wǎng)頁出來，什么叫低保真原圖，其實(shí)也就是你通過筆畫出來，像素描一樣。中保真原圖呢也可以運(yùn)營墨刀、Balsamiq Mockups

最后就是高保真通過，keynote、Axure、sketch等軟件可制作。




以上碼字不易，評(píng)論+關(guān)注，喜歡給個(gè)收藏，謝謝！