三折頁宣傳單翔试，我是這樣設(shè)計的

最近項目上線后，業(yè)務(wù)部門需要組織一波推廣复旬，找到視覺設(shè)計師MM說需要一個三折頁宣傳單垦缅，無奈需求給得太簡單，MM跑來哭訴：“起碼給個具體示范頁面放什么內(nèi)容啦”驹碍。心一軟就攬下了這個活壁涎，最終折騰出來了一個方案，首次就獲得通過志秃，作為交互設(shè)計師的我怔球，設(shè)計思路是這樣的...

注：文中沒有最終的視覺實現(xiàn)效果，僅提供設(shè)計思路參考浮还。出于保密需要竟坛，項目名稱用“雷電”代替。

1.需求提煉

作為交互設(shè)計師钧舌，首先接觸是需求担汤，我們先來看看原始的需求是怎么樣的。

XX線下部門提了一個需求洼冻，希望我們能做三折頁的項目宣傳漫试，以便他們作為一個服務(wù)工具展示給客戶。內(nèi)容包括：介紹下雷電是什么碘赖、雷電能解決什么問題、雷電有哪些功能外构。

難怪視覺設(shè)計師MM崩潰了普泡，之前做視覺實現(xiàn)起碼有個交互原型圖，突然來了一個純文字需求审编，巧婦難為無米之炊撼班。不過沒關(guān)系，作為對業(yè)務(wù)垒酬、項目都了如指掌的交互設(shè)計師砰嘁，區(qū)區(qū)需求轉(zhuǎn)化不在話下件炉。我們不妨先把需求提煉一下：

（1）“三折頁”，意味著設(shè)計要參考三折頁的尺寸規(guī)范矮湘。

（2）“雷電是什么斟冕？能解決什么問題？有哪些功能缅阳？”磕蛇，在宣傳單中應該包括項目的簡介、功能十办、特色等秀撇，即把項目的亮點提煉，呈現(xiàn)給客戶向族，參考三折頁特點呵燕，大約3個左右的亮點即可。

2.需求載體——三折頁

上文需求已經(jīng)提到件相，最終的需求是在三折頁上實現(xiàn)再扭，三折頁作為一個需求載體，就需要先對它的一些特性進行了解适肠，如同我們需要了解APP霍衫、Web、微信的特性一樣侯养。

三折頁不同普通的頁面展示敦跌，它是按照一定的規(guī)律折疊起來的，如果對三折頁沒有什么印象的話逛揩，最好的辦法是找一個實體的三折頁進行查看柠傍，例如健身房宣傳單、外賣宣傳單等辩稽。如果找不到惧笛，這里有一個更簡單的方法，找一張A4紙逞泄，均等折成三份即可患整，如下圖所示，就得到了我們的“原型”喷众，甚至可以直接在上面進行設(shè)計：

經(jīng)過觀察各谚，我們可以發(fā)現(xiàn)三折頁的有如下特點：

（1）閱讀順序其實是相對固定的

先看封面，然后打開看內(nèi)頁（被折起來的頁面）到千，再卷起來看內(nèi)折頁（內(nèi)折的頁面）昌渤，最后看封底。記住這一點憔四，用戶閱讀的閱讀順序是可以被精心設(shè)計的膀息，按照你想他閱讀的順序來般眉。

（2）不同頁面展示界限有區(qū)別

例如內(nèi)頁（被折起來的頁面），雖然分成了三等份潜支，但是如果全部打開甸赃，可以把三個內(nèi)頁組合起來，作為同一個頁面毁腿，這樣我們的設(shè)計思路就可以更開闊一些辑奈。

（3）設(shè)計尺寸有規(guī)范

下一步，我們就需要查找一些資料了解三折頁的具體尺寸已烤，這里已經(jīng)為大家搜集好了：

采用常規(guī)的A4尺寸鸠窗，印刷成品展開尺寸是210mm*285mm，折疊后的成品尺寸是210mm*95mm胯究，設(shè)計尺寸用216mm*291mm（四周留3mm出血位）稍计，最后一折會小點，避免折疊時拱起裕循。

3.具體設(shè)計

（1）設(shè)計思路

我們回想一下三折頁的一般打開方式：先看封面臣嚣，然后打開看內(nèi)頁（被折起來的頁面），再卷起來看內(nèi)折頁（內(nèi)折的頁面）剥哑，最后看封底硅则。是的，我們可以讓他們按照我們想要呈現(xiàn)內(nèi)容的順序來閱讀：

客戶能通過宣傳單快速了解雷電是什么株婴、能解決什么問題怎虫、有哪些特色？結(jié)合三折頁的閱讀順序困介，給客戶呈現(xiàn)的流程是：一句話介紹雷電項目（封面）→雷電項目的優(yōu)勢和解決方案（內(nèi)頁）→雷電功能特色概況（內(nèi)折頁）→聯(lián)系我們（封底）大审。

（2）頁面設(shè)計

搞定大致的設(shè)計思路和內(nèi)容之后，就是具體的頁面設(shè)計了座哩，我們可以先設(shè)計功能頁——封面徒扶、封底、內(nèi)折頁根穷，內(nèi)容也比較簡單姜骡。推薦使用Sketch軟件，在頁面上畫出大致的矩形模擬三折頁的效果屿良，填充文字和圖片示意圖即可溶浴。需要注意的是，可以在原型中增加一些注釋來體現(xiàn)出自己大體的設(shè)計思路管引，以便視覺設(shè)計師理解你的真實意圖。

接下來是內(nèi)容頁的設(shè)計闯两，內(nèi)頁可以視為一張橫向的A4紙頁面褥伴，在這個“大”頁面中可以不局限于封面的那種邊界限制谅将，把主要的一些介紹填充進去。雷電項目采用的是講故事的方式重慢，這種方式在閱讀時能有較強的畫面感饥臂，且采用貼合客戶實際的案例闡述，能增強客戶的共鳴感似踱。

4.Sketch小技巧

我們在進行原型設(shè)計時隅熙，要遵守基本的尺寸規(guī)范，才能更好地模擬真實的效果核芽，所以在畫原型時囚戚，根據(jù)大致的尺寸來畫是有必要的。

推薦使用Sketch的原因是我們可以利用Sketch的自帶的功能轧简，就能快速獲得三折頁的大致尺寸驰坊。我們已經(jīng)從上文得知，三折頁展開后的持倉和A4紙相等哮独，則拳芙，可以通過下圖所示步驟獲得設(shè)計的尺寸。點擊“Artboard”就可以在右側(cè)看到A4紙張的尺寸皮璧，換算為三折頁的尺寸即可舟扎。

@夜雨原創(chuàng)作品，轉(zhuǎn)載需取得授權(quán)悴务。

三折頁宣傳單玉雾，我是這樣設(shè)計的