• 2016-09-02

    4种风格让你的移动微课过目不忘 - [e-Learning]

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://www.blogbus.com/quick-learning-logs/337012588.html

    移动互联时代微课程应运而生,现在几乎人手一部智能手机,人们利用闲暇时间就可以进行碎片化的学习,移动微课成为炙手可热的新名词,而HTML5是目前移动互联网最热的语言之一,这个借由微信这个移动社交平台,正越来越多的走进人们的视野。

    想更好的开发一门移动,除了好的内容及优秀的教学设计以外,好的设计风格也是十分必要的,那我们就来聊聊H5的设计。以下4种设计风格有助于你更好的开发你的微课程,来瞅瞅吧。

     

    手绘风

    这年头,哪哪都是个性张扬的人,好像不玩点贴着自己专属标签的东西,无法存活似的。于是纯手工的绘画配上简单的文案,绝对是吸引眼球的最好方式。

     

    案例:淘宝:男人爱车,没完没了

    扫码欣赏

     

    “男人爱车,没完没了”多简单直白的语言,配上幽默诙谐的文字,心动了有没有,还不快行动。

     

     

    案例: 东华禅寺招聘启事 

    扫码欣赏

     

    “东华禅寺”的招聘广告,这年头连寺院都这么有内涵啊,原以为不问世事的弟子们玩起来也如此之嗨!

     

     

    简约范

    简约时尚范,永远拥有一种不可蜕变的光彩,大图少字把这种简约时尚范诠释的淋漓尽致,有条理的安排才能让内容和主题突出,参考时尚杂志的排版可以更好的让此风格发挥极致。

     

    案例:韩寒对谈一加:11步来 H5网站 

    扫码欣赏

     

    “一加手机”因为国民岳父韩寒的助阵而渐渐打开了知名度,无论是广告还是其他的推广方式都不像某些手机那些俗不可耐,不过总觉得是一款小众的产品,这组微信推广做的很不错,整体黑色调的设计风格神秘感十足。

     

    案例:吉利 命名我的不凡 

    扫码欣赏

     

     

     

    告诉你如何命名不凡,广告语很霸气,纯杂志风格,排版很考究文案上下了很大的功夫,值得细细品味。

     

     

    扁平流行

    扁平设计于2012年开始流行,变成为一种时尚,扁平化设计看上去非常简单、直观,并且使用方便,所以在手机界面和网页设计中变得越来越受欢迎。

     

    案例:卓玛泉 仰头喝水 健康互动    

    扫码欣赏

     

     

    简洁的设计元素,引人思考的文字,明亮的色彩和干净的线条,卓玛泉西藏冰川水推出了仰头喝水的活动,引导网友仰起头看手机,活动颈椎。

     

    案例:可口可乐:征名进行时 微信活动

     

    扫码欣赏

     

     

    整体以可口可乐的红色为主色调,页面设计潮流时尚,可口可乐以年轻一代为消费主力,推崇移动营销,通过年轻人喜闻乐见的在线购物形式和微信互动的方法拉近与年轻消费者的距离。

     

    字也张狂

    文字可以是优美的、简单的、狂放的、有趣的、激动人心的,还有很多其他种类。它能激起情绪,帮助用户理解你所要传达的讯息。字体有很多种,但有一点是共通的——它必须具有可读性。仅仅是文字设计依然可以绽放绚丽的光彩。

     

    案例:C3-XR“自由派 站出来”H5网站 

    扫码欣赏

     

    质感的黑色调,宣示着现实的无奈,生活的束缚,……特别设计的文字彰显年轻人为了理想义无反顾的执着,为了爱情远走他乡的勇气,每个人都有追寻自由的渴望。东风雪铁龙C3-XR向追寻自由的人致敬,自由派,站出来!

     

    案例:魔域游戏无聊最虐移动网站 

    扫码欣赏

     

     

    魔域游戏年轻人的专属产品吧,粗狂的设计风格都有点桀骜不驯的味道,个性彰显永不妥协的品质,无聊确实最虐!

     

    移动互联时代微课程正在风靡,随着手机硬件的升级、HTML5技术的发展以及微信平台的开放移动开发者饕餮盛宴正在进行,无论是那设计风格,微课的价值都只是为了让学员及其我们的用户更容易看懂、更容易理解、为他节省更多的学习时间而已。如果你有好的设计思路或方法欢迎大家一起探讨……

     

     

     

    分享到:

    历史上的今天: