Skip to main content

版面分享真的是每周都有啊,我们继续讲解一下交互设计版面中 Double Diamond模型的develop部分,如果想要回顾之前的define部分,可以点开《原来设计版面可以这样做……》来复习一下。

更多的作品集版面教程都在公众号当中哦,记得关注。
Ideation

Ideation(概念生成)是指基于第一颗“Diomand”而生成的整体的设计概念,这个过程通常可以借助icon或手绘的插画来描绘。其排版形式可以参考下图:

更多的版面排列效果可参照:

Prototyping

Prototyping是对方案的最终呈现的草稿,完成形式是多样的,可以借助原型图绘制软件设计线框图,或采用POP等手机APP在手机端制作有跳转逻辑的模型,还可以借助纸片模型在多个界面尺寸的纸片上完成基本的功能点设定,其排版形式可以参考下图:

也可结合交互手势设计表现界面动态的细节,如下图:

这个环节有时根据版面的需要也可能与测试环节一起呈现,请参照下图和本书的第2.1.11章节:

Architecture

信息架构是APP结构层的展现,全局地呈现页面间的跳转关系,基于此来完成页面信息的设计。 其排版可以参考以下的形式:

对于信息架构层级比较浅的APP来说,单独的信息架构不足以撑起整个版面的内容,因此可以考虑结合其他步骤一起来排版:

注意:结构层也是竞品分析的一个重要层面,基于结构层的竞品分析版面形式可以参见本书的2.1.4和2.1.11章节。

Story Board

Storyboard (故事版)是以一种情节式的表现手法,最初的应用领域是电影情节的脚本。故事板属于一种模型,它适用于交互设计的多个阶段,方便设计者用一种诙谐、轻松的形式来快速展现设计要点。其排版可以参考以下的形式:

其排版方案还可以参考以下几种:

注意:故事版这种表达形式可以用于交互设计的多个环节。在设计前期,用于记录现状中的问题;在设计提案环节,故事版用来展现设计者对于设计对象的理想运转状态的设想。

以上就是我们这期的版面技巧分享,本期内容节选自《版面速食/设计留学作品集全攻略》,现在赠送pdf版还在继续哦,关注公众号回复“版面”即可,希望可以帮助到你哦。

任何关于院校和作品集的问题
欢迎随时和马克君沟通
知无不言,言无不尽

0 0 vote
Article Rating
订阅
提醒
guest
0 评论
Inline Feedbacks
View all comments