• 常見的設計尺寸規範

首先我們要知道，這個頁面項目的用途是什麼？主要是應用在哪個領域的，受衆人群是哪些？在這裡，我稍微簡單分為兩個類：B端類用戶（針對企業、制造商、廠家等）

C端類用戶（個人消費者）

在這裡，小編今天先跟大家講下B端類的：

• 移動端的頁面，字體上盡可能不小于24号字體（分辨率72為例） ；
• 常規的主圖為800x800（像信息流中常用的單圖或者多圖的尺寸）
• 還有橫幅海報1280x720、800x450（也是常用的外層圖尺寸）
• 落地頁的尺寸寬為750，高度不限

上述都是小編經常做的一些常規尺寸，我們現在知道了這些常用尺寸後，開始進行裡面的版面設計，一般常規的落地頁設計最佳邊幅為5屏左右(一屏為750x1333),而一套落地頁正常包括外層圖和落地頁，外層圖則多是主圖（800x800） 、橫幅海報（800x450）為主，通過了解這些常用的尺寸規範就相當于有了基礎知識了，下面就講講常見的一些外層圖設計版式和落地頁版塊。

• 外層圖的常見設計闆式

說到外層圖，有單圖形式的、多圖形式的和“僞”多圖形式的，今天小編主要以單圖的形式講解下，常見的外層圖為800x800的正方形圖，這裡我簡單分為以下這幾種常用的版式，幫各位小白解決無從下手的難題。比如說

• 促銷類主圖 —— 這種可以用電商設計上常見的促銷主圖形式、它的優點是方便閱讀者閱讀，價格明确、産品突出，這種一般是單個産品或者環境搭配促銷活動展示的。
• 展示類主圖 —— 這一類的目的是為了更多的展示産品，所以我們可以用九宮格、四宮格、六宮格等這種更多的展示多圖的形式進行設計，适用于一些全屋定制、學習教程、餐飲、場景環境居多的商家。
• 人物類主圖 —— 顧名思義就是以人物為主要視覺的設計展現，比方有代言人或者是需要用到模特展現的健身、瑜伽、美容美發等這類用戶使用居多。

• 落地頁的常見設計版式

落地頁這裡，小編經常設計的版式組成結構是首屏海報-咨詢頁-痛點類-産品展示-商家的簡介，而常見的痛點類展示，我經常會用到扇形形式，中間人物思考，四周發散性的問題；然後引出解決的方法或者産品，緊接着介紹産品的特點功能來解決上述的問題，下面我講述下落地頁常用的一些闆塊：

• 對比形式闆塊 —— 這一種在電商、信息流都比較流行，主要可以通過同行業的産品、特點，根據自身産品的優勢，形成鮮明的對比，讓客戶一目了然。
• 産品展示闆塊 —— 這一種為了更全面的展示産品，包括他的外形結構，以及使用的過程，提供一個實景模拟來讓客戶清楚它的操作方式和使用場景。
• 應用範疇闆塊 —— 這一類就是主要講産品适用于哪一個方面或者行業，比方我這個自動打包帶案例，适用于一些家電、光伏、化工等大批量産品運輸的廠家，通過自動化打包系統，一個人就能輕松進行打包裝箱。
• 認證資質闆塊 —— 這個就是展示産品的實力證明，獲得過獎項或者通過資質認證，提高産品的實力，讓客戶信服。比如我這個案例就是獲得歐洲AGR認證。
• 公司的簡介 —— 這一闆塊主要是讓客戶更加清楚公司的品牌曆程、綜合實力，提高客戶的信賴度。

• 如何結合外層圖做落地頁

很多時候，我們做了外層圖，往往容易忽略掉這能夠延續到落地頁去延展，甚至作為落地頁的頭圖展示，當我們做完了外層圖，我們其實可以從中提取到一些信息來搭建落地頁，比如說色系、風格、版式元素、背景這些作為落地頁的參考依據，既能夠讓畫面風格充分展示，又跟外層的風格搭配上，而且節省了很多時間， 小編這裡稍微總結了一下具備的條件：

• 可以通過外層的色調做一個主色和輔助色搭配使用；
• 外層的風格跟落地頁要和諧統一；
• 可以采用行業的相關元素來進行點綴（比如科技類線條、橫線分割等） 。

• B端落地頁的邏輯展示順序

這時候肯定又有人說展示順序有什麼不一樣嗎？最後不是都展示出來了嗎？如果是有這想法的小夥伴，那就錯啦，假如一開始你設計的頁面沒能打動到用戶，那麼下面的内容就連展示的機會都沒了，所以這個順序一定要合用戶胃口，比方小編最近做的一個機械化傳送帶機器的落地頁，他就具備了以下的條件：

• 産品的基本介紹（産品外形、操作方式）
• 産品的優勢（比方這個是節約了人力、優化了環節以及效率提高）
• 産品的認證（權威性的）
• 應用的案例（最好是行業的、品牌的）
• 公司的簡介（讓客戶對公司實力有所了解）

有了這幾大闆塊的說明，更容易讓廠家或商家有個清楚認識，這時候頁面的基本框架就建成了，我們可以看下圖。

• 總結

不知不覺，關于整個頁面設計的規範和思路講完啦，這裡我們再回顧總結一下，我們在做B端類型的頁面設計或者是C端類頁面設計的時候，都要遵循一個原則，版面一定要清晰、簡潔，最好能夠換位思考去設計，我們要明白設計隻是為了讓産品更好的展現和讓用戶更容易了解，所以我們不要為了畫面美觀而忽略掉頁面本身存在的意義。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!