敦刻尔克模式什么意思？三条叙事线的敦刻尔克让你秒懂如何安排网站逻辑
敦刻尔克模式什么意思？三条叙事线的敦刻尔克让你秒懂如何安排网站逻辑《敦刻尔克》这部电影从9月1日上映以来，截止今日已获得2.57亿票房（数据来自中国票房网）。因为电影启用的都是新人演员，在电影宣传上，少了娱乐新闻的营销，不同于以往的院线电影，观众更关注的是电影的本身。◪ 结束语◪ 一张图看懂《敦刻尔克》◪ 归纳《敦刻尔克》中的三条叙事线◪ 网站设计中的逻辑
职场干货
本栏目所有内容，均为UEmo魔艺小编原创，其它账号或网络平台需转载，请私聊上方蓝色字账号“UEmo魔艺”获得转载权限。
本文概况
○本篇共1780字○
◪ 一张图看懂《敦刻尔克》
◪ 归纳《敦刻尔克》中的三条叙事线
◪ 网站设计中的逻辑
◪ 结束语
《敦刻尔克》这部电影从9月1日上映以来，截止今日已获得2.57亿票房（数据来自中国票房网）。因为电影启用的都是新人演员，在电影宣传上，少了娱乐新闻的营销，不同于以往的院线电影，观众更关注的是电影的本身。
《敦刻尔克》从陆地、海面、空中三条线讲述三组人马对大撤退事件的视角，打破以往战争电影的常规思维，当三条线在电影中交错时，更能抓住观众的心，期待他们真正相遇的那一刻。这样的设定，让影片更加惊心动魄。
这三个故事分别发生在一个星期（陆）、一天（海）和一个小时（空）的时间里。也就是说，当电影镜头从一个镜头切换到另一个镜头时，你看到的是发生在不同时间维度中的故事。
陆地 1周主要角色：汤米、吉普森、亚历克斯
剧情：在敦刻尔克海滩上的士兵想办法抢占救援船，跨过海洋回到英国本土
主要角色：道森先生、彼得（道森的儿子）、乔治（彼得的朋友）
剧情：从英国开往敦刻尔克的私人渔船【月光石号】，为了将被困士兵带回英国
主要角色：法瑞尔、柯林斯、分队队长
剧情：英国空军战斗机飞行员，飞往敦刻尔克在空中阻击德军战机的袭击
海陆空三线，陆地撤退历时一周，海上救援用时一天，空战的发生仅仅在一小时内。
我们需要抓住一个事物，来理清思路
例如贯穿电影始末的“月光石号”——
从“月光石号”的视角看到空中线的飞机
在飞机上看到“月光石号”
从陆地逃离的士兵在无助的茫茫大海上看到“月光石号”时的希望
最终在海滩的士兵们等来了无数的【月光石号】以及向法瑞尔的战机致敬时......
我们不得不佩服导演强大的归纳能力，影片中庞大的信息量，和众多细节，普通（我）观众，很难短时间内抓住重点。
那么在网站设计中，我们常面临着如何安排网站的逻辑的问题。我们从3个方面做说明——01
归纳整理
当需要展现的内容多且杂时（特别是传统行业，往往希望将任何内容都展现出来）我们该如何归纳，提炼重点？如何化被动为主动，在最短的时间内，展现给访客关键内容？
我们不妨使用栅格化的页面，来完成内容的整理和归纳，使用户阅读到丰富的内容同时，满足企业展示更多内容的需求，还能兼顾美观清爽的视觉。
栅格化的基本公式：
传统网站的做法：
栅格化的网站：
了解了方法后，我们可结合后面两点，配色、层级关系，来确定合理的安排内容同时兼顾美观。
推荐一个栅格化工具：
gridpak/、
02
配色
当设计一个内容元素较多、逻辑层级较复杂的页面时（比如展现内容较多且杂时），为了避免混乱，我们需要提前整理一下这些内容，以保证文字、链接、操作等内容的样式，符合它们所代表的重要程度。
并把各种复杂的情况归类成有限的几种形式，以给用户一个合理的视觉引导。这里要注意，字号尽量控制在3-5种，根据情况匹配颜色。
通过这些细致的分类，可以保证最终的字号及颜色符合逻辑，而不会给用户的视觉造成不必要的困扰。
03
层级关系
我们常常会遇到这样的情况——甲方对页面设计都认同，但是页面的基础框架里的内容安排，却众说纷坛。
这时我们不妨用一套迷你版的用户体验链路（可以理解为流程图，但内容比操作跳转更丰富），来快速梳理用户浏览、分析和进一步探索模块中内容的过程。
最终可以确定用户的浏览次序，可能有哪些条件判断与分支操作等。从中分析提炼出模块中每个具体信息（标题、标签、文本、富媒体等）的优先级，再分类归纳进基础框架。
如何确定内容的层级关系，取决于企业现阶段发展的需求。
举个例子：
新企业会更注重品牌形象的宣传，希望企业LOGO、企业介绍放在首要位置。
已成熟的企业，需要将核心实力、主营项目放在首要位置，为发展业务提供便利。
而教育培训类企业，则会将咨询、报名、免费试听放在浏览热区。
视频类网站会将最新的视频节目，热播的连续剧放在访客第一眼能看到的位置。
而商场类网站，将会首要展示新款，核心款，流量款。
实际上网站设计的逻辑是由不断的碰壁总结出来的。和甲方沟通的每一个细节，都可以单独拿出来分析，客户的需求是什么，你将如何平衡和优化。
最后，祝你早日成设计“大”师。
