三折页宣传单,我是这样设计的

最近项目上线后,业务部门需要组织一波推广,找到视觉设计师MM说需要一个三折页宣传单,无奈需求给得太简单,MM跑来哭诉:“起码给个具体示范页面放什么内容啦”。心一软就揽下了这个活,最终折腾出来了一个方案,首次就获得通过,作为交互设计师的我,设计思路是这样的...

注:文中没有最终的视觉实现效果,仅提供设计思路参考。出于保密需要,项目名称用“雷电”代替。

1.需求提炼

作为交互设计师,首先接触是需求,我们先来看看原始的需求是怎么样的。

XX线下部门提了一个需求,希望我们能做三折页的项目宣传,以便他们作为一个服务工具展示给客户。内容包括:介绍下雷电是什么、雷电能解决什么问题、雷电有哪些功能。

难怪视觉设计师MM崩溃了,之前做视觉实现起码有个交互原型图,突然来了一个纯文字需求,巧妇难为无米之炊。不过没关系,作为对业务、项目都了如指掌的交互设计师,区区需求转化不在话下。我们不妨先把需求提炼一下:

(1)“三折页”,意味着设计要参考三折页的尺寸规范。

(2)“雷电是什么?能解决什么问题?有哪些功能?”,在宣传单中应该包括项目的简介、功能、特色等,即把项目的亮点提炼,呈现给客户,参考三折页特点,大约3个左右的亮点即可。

2.需求载体——三折页

上文需求已经提到,最终的需求是在三折页上实现,三折页作为一个需求载体,就需要先对它的一些特性进行了解,如同我们需要了解APP、Web、微信的特性一样。

三折页不同普通的页面展示,它是按照一定的规律折叠起来的,如果对三折页没有什么印象的话,最好的办法是找一个实体的三折页进行查看,例如健身房宣传单、外卖宣传单等。如果找不到,这里有一个更简单的方法,找一张A4纸,均等折成三份即可,如下图所示,就得到了我们的“原型”,甚至可以直接在上面进行设计:

经过观察,我们可以发现三折页的有如下特点:

(1)阅读顺序其实是相对固定的

先看封面,然后打开看内页(被折起来的页面),再卷起来看内折页(内折的页面),最后看封底。记住这一点,用户阅读的阅读顺序是可以被精心设计的,按照你想他阅读的顺序来。

(2)不同页面展示界限有区别

例如内页(被折起来的页面),虽然分成了三等份,但是如果全部打开,可以把三个内页组合起来,作为同一个页面,这样我们的设计思路就可以更开阔一些。

(3)设计尺寸有规范

下一步,我们就需要查找一些资料了解三折页的具体尺寸,这里已经为大家搜集好了:

采用常规的A4尺寸,印刷成品展开尺寸是210mm*285mm,折叠后的成品尺寸是210mm*95mm,设计尺寸用216mm*291mm(四周留3mm出血位),最后一折会小点,避免折叠时拱起。

3.具体设计

(1)设计思路

我们回想一下三折页的一般打开方式:先看封面,然后打开看内页(被折起来的页面),再卷起来看内折页(内折的页面),最后看封底。是的,我们可以让他们按照我们想要呈现内容的顺序来阅读:

客户能通过宣传单快速了解雷电是什么、能解决什么问题、有哪些特色?结合三折页的阅读顺序,给客户呈现的流程是:一句话介绍雷电项目(封面)→雷电项目的优势和解决方案(内页)→雷电功能特色概况(内折页)→联系我们(封底)。

(2)页面设计

搞定大致的设计思路和内容之后,就是具体的页面设计了,我们可以先设计功能页——封面、封底、内折页,内容也比较简单。推荐使用Sketch软件,在页面上画出大致的矩形模拟三折页的效果,填充文字和图片示意图即可。需要注意的是,可以在原型中增加一些注释来体现出自己大体的设计思路,以便视觉设计师理解你的真实意图。

接下来是内容页的设计,内页可以视为一张横向的A4纸页面,在这个“大”页面中可以不局限于封面的那种边界限制,把主要的一些介绍填充进去。雷电项目采用的是讲故事的方式,这种方式在阅读时能有较强的画面感,且采用贴合客户实际的案例阐述,能增强客户的共鸣感。

4.Sketch小技巧

我们在进行原型设计时,要遵守基本的尺寸规范,才能更好地模拟真实的效果,所以在画原型时,根据大致的尺寸来画是有必要的。

推荐使用Sketch的原因是我们可以利用Sketch的自带的功能,就能快速获得三折页的大致尺寸。我们已经从上文得知,三折页展开后的持仓和A4纸相等,则,可以通过下图所示步骤获得设计的尺寸。点击“Artboard”就可以在右侧看到A4纸张的尺寸,换算为三折页的尺寸即可。

@夜雨原创作品,转载需取得授权。


推荐阅读:

竞品分析:途牛APP竞品分析报告(携程、去哪儿)

精品(超过1000赞):干货:让你全方位学习成为一名交互设计师(1.6万字诚意之作)

交互设计系列:后台全局搜索交互设计案例

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容