技术必须以人为本，智慧学习资源的形式和内容丰富多彩，然而该资源则是围绕智慧教育教学来设计和制作的，所以智慧学习资源的布局应当符合学习者的学习习惯，不应一味强调动感、华丽等。智慧学习资源应该围绕正确合理地引导学习者学习为指导，而不是给学习者看新鲜、图享受，却忽略智慧学习资源本身的含义。^[1]

我们的总体思路是应该围绕智慧学习活动为中心，合理利用有限技术和空间，设计出简明、清晰、主题鲜明突出、引导性强的智慧学习资源。

(一)变化与统一[2]

变化是一种智慧、想象的表现,在强调种种因素中的差异性方面,造成视觉上的跳跃。统一是强调物质和形式中种种因素的一致性,最能使界面达到统一的方法是控制版面构成要素的数量,而丰富其组合形式。只追求变化无统一的布局给人一种无条理、杂乱之感,只有统一无变化的布局给人一种呆板、无生气之感。只有将两者有机地结合起来,才能形成既有区别又有内在联系的整体。进行布局处理时,可以使相对简单的造型产生丰富的变化,也可以把多样的造型变得统一。

(二)对称与均衡

对称特点是稳定、庄严、整齐、秩序、安宁、沉静。对称能给人稳定感,但过多的对称重复会使人觉得单调、呆板。均衡没有对称的结构,但有对称式的重心,是在对称的基础上发展起来的,由形的对称变为力的对称,给人以同量不同形的感觉,体现了变化中的稳定。均衡的布局生动活泼富于变化,有动的感觉,具有变化美。

(三)节奏与韵律

节奏是一种条理性、重复性、连续性的律动形式;韵律是以节奏为前提,有规律的重复,有组织的变化,倾注情调于节奏之中,使节奏强弱起伏、抑扬缓急。在布局设计中,节奏则被认为是反复的形态和构造。比如将图形按照等距格式的反复排列,做空间位置安排,就能产生节奏感,节奏有机械美的特点。在节奏的基础上加入如渐变或对比等法则,就可以构成富有韵律感的形式。韵律是使节奏富有律动感的变化美,将图形从大小、方向、位置、虚实、强弱、疏密等加以规律性地组织排列,就会产生有变化的韵律美。

(四)对比与调和

对比使布局形式生动、个性鲜明,避免平淡无奇;调和则使布局柔和亲切,避免生硬或杂乱。对比是指将性质相异的形态要素直接或间接地配置在一起,相异的特点因比较而更加鲜明,形成了视觉张力,增强了对视觉的刺激强度,是对事物矛盾的展现。调和是对布局上的各种对比因素所作的协调处理,使其中的对比因素互相接近或有中间的逐步过渡,是近似性的强调,使两者或两者以上的要素相互具有共性,从而能给人以协调、柔和的美感。调和的主要目的是加强和减弱,强调重点要素,减弱次要要素,从而使主体突出。

(五)比例与适度

比例是形的整体与部分以及部分与部分之间数量的一种比率关系。整体形式中所有数量的条件,如长短、宽窄、明暗、多少等,在进行合理搭配时均能产生优美的比例。比例又是一种用几何语言和数比词汇表现现代生活和现代科学技术的抽象艺术形式。成功的布局设计,首先取决于良好的比例。布局设计中的比例关系体现在页面所限定的空间的长宽比,实际内容空白空间的面积比,页面分割比,图文关系比,以及各种视觉要素内部的比例关系等。

(六)重复与交错

重复是相同或相似的形态连续而有规律地反复出现。“重复的特点是以单纯的手法求得整体形象的秩序和统一,具有节奏美,使人产生清晰、连续、平和、安定、无限之感”^[3]。布局设计中视觉元素的重复使其显得安定、整齐,形成一种规律性的统一。重复具有两种形式,即相同形象的重复与相似形象的重复。布局上重复构成的形态过多,容易使页面显得呆板、平淡、缺乏趣味性与变化,容易使浏览者产生视觉疲劳,降低浏览欲望。因此,在布局排版中可安排一些交错与重叠,以打破页面呆板、平淡的格局。

(七)个性化的支持

智慧学习资源原则除具有以上原则之外，我们认为还应该有个性化的支持，即：智慧学习资源的设置布局应该是在基本原理的基础上，利用人工智能、大数据、云计算等技术，根据学习者不同的学习习惯，生成针对个人的布局格式，即同样的内容，不同的布局模式。此外，还应该考虑到资源具体的内容，根据内容的不同调整资源的展现方式，选择最优化的呈现方式，例如使用图片、3D模型等进行展现。

(一)整体建设布局

智慧学习资源建设中，应紧紧围绕智慧学习活动为中心，合理利用有限技术和空间，设计出简明、清晰、主题鲜明突出、引导性强的智慧学习资源布局。针对此，设计出如下两种布局策略：

1.分布式布局

上世纪80年代，分布式认知理论逐渐发展起来，该理论认为要在由个体与其他个体、人工制品所组成的功能系统的层次来解释认知现象^[4]。智慧学习资源作为辅助培养创造人智慧的外部条件，自然在智慧学习过程中要形成学习者与智慧学习资源为一体的系统。智慧学习资源在布局设计中，可呈现出分布式状态，具体可呈现出软硬件结合、物理与虚拟环境相结合、线上与线下相结合。首先，智慧学习资源可在虚拟现实、虚拟仿真、3D打印等技术承载，亦或在软件平台上呈现。其次，智慧学习资源可支持智慧教室、创客空间等环境，也可在网络学习空间等虚拟环境中呈现。最后，智慧学习资源支持网络学习，也要能在无网情况中辅助学习者进行智慧学习。智慧学习资源多种形式相结合，并且整合多种资源，以这样的方式开拓学习者的智慧，培养学习者的创新创造能力。

2.集中式布局

 智慧学习资源要满足学习者的智慧化发展需求[3]。智慧学习是学习者与智慧学习资源高度交互，内化成自己的知识体系，从而达到创新创造的目的。笔者在此处所指的集中式分布，指智慧学习资源凭借单一的呈现载体。在这里，以网络学习空间环境为例，在网络学习空间中，学习者依托平台可以形成专属的资源库、工具集等，在这个资源库中可包括视频公开课、网络课程、名师课堂、试题库、学习成果等。个人学习空间拥有一个分类明晰、功能丰富的工具超市如信息搜索工具(Google，百度，Bing)、知识生产工具(Wiki，Blog，YouTube)、知识管理工具(Mind Manager，AMT)、视音频加工工具(Audition，Premiere)、交流工具(QQ，IM)、协作分享工具(Social Bookmarking和收藏，订阅，推荐)等，以供学习者自由选择^[5]。智慧学习资源集中式布局是一种以学习者为中心，通过个性化选择，形成自己的个性化资源库和工具集的分布方式。

(二)个例设计布局

智慧学习资源布局应在传统学习资源布局之上加以改善，可以从智能性和艺术性两个角度入手，形成具有自适应和后现代特征的布局。

1.自适应布局

自适应布局是从学习者角度考虑的，简单说喜欢操作什么的布局就提供什么样的布局，该布局主要体现智能性。这种布局是建立在大数据、云计算基础之上的。把学习资源从要素或构图或色彩的层面上分成许多基本单位，如构图提供十几种构图方式。学习者在学习过程中如果倾向从上而下阅读，就提供三字形构图，倾向从左往右就提供川字型构图。这种布局的重点就是对学习过程中的学习者不断进行分析，找到合适的布局。

2.创意型布局

这种布局是从艺术性角度考虑的，后现代主义一个特性是反普遍性。我们认为如果一个布局不同于普遍性的布局，就是反普遍性的，就具有后现代特征，同时毫无疑问也是创意型的布局。具体的布局样式，可以学习传统学习资源的优秀作品，我们认为它们至少包含创意的特征，而智慧学习资源布局是根据这种创意萌发出新的创意布局。

[1]侯全军. 多媒体教学课件的布局设计[J]. 艺海,2012,(4):122-123.

[2]隋涌. 网页布局之形式原理与设计要素[J]. 北京印刷学院学报,2007,(3):70-72.

[3]张帆,罗琦,宫晓东.网页界面设计艺术教程[M]. 北京:人民邮电出版社,2002

[4]任剑锋,李克东. 分布式认知理论及其在CSCL系统设计中的应用[J]. 电化教育研究,2004,(8):3-6+11.

[5]郑旭东,杨现民,岳婷燕. 智慧环境下的学习资源建设研究[J]. 现代教育技术,2015,(4):27-32.

[6]毕家娟,杨现民. 联通主义视角下的个人学习空间构建[J]. 中国电化教育,2014,(8):48-54.

[1] 40款国外经典创新式布局的网页设计欣赏[OL]

http://www.missyuan.com/thread-678053-1-1.html

[2] 2015年的4个基本布局趋势[OL]

http://www.webdesignerdepot.com/2015/01/4-essential-layout-trends-for-2015/

[3]企业网站首页设计常见的6种布局方式[OL]

http://www.wzsky.net/html/Website/Experience/120178.html