Nuxt.js 项目部署函数计算优化(省钱)小记

Serverless说来并不是一个新鲜的东西,早在当年App Engine就提供了一个基于特定代码运行环境配合云服务的代码托管思路,但因为其各种环境的限制与迁移成本使其并没有很广泛的推广开了。而如今容器化的大行其道,云生态的丰富与完善,则为云原生应用提供了更为丰富的可能性,云厂商也不予余力的包装出新的概念、产品。

Serverless应用场景很多,但绕不开的一个问题就是Web项目可以跑吗?用Serverless跑Web项目真的能节约成本吗?于是我就开始尝试使用阿里云的函数计算来看一看。

在函数计算里运行Nuxt.js项目

为什么是Nuxt.js项目?
Nuxt.js 是基于 Vue.js 的 SSR,SSR 满足作为内容性质的Web应用的SEO需求,同时首次返回页面之后,在页面上的所有操作就都在浏览器上完成了,可以很大程度上减少网络交互。
(其实是手头目前最适合测试的项目用了Nuxt.js)

Nuxt.js项目如何跑在函数计算上?
官方文档中会告诉你,只需要安装并设置好命令行工具,并在项目目录运行就好了。
究其本质是利用了官方提供的一个custom的机制,在容器中预置好了环境,不管你是什么项目,只要给出你的项目的启动命令,并且启动后通过HTTP 9000端口进行交互,就可以通过函数计算访问到你的项目。所以不管你是Nuxt还是Express还是Wordpress,只要你能监听9000端口提供Web服务,一切就都就绪了。

官方是这么说的,对于一般个人Web项目来说也够了,(毕竟对云厂商来说,个人就是凑人头的),但本着能省则省的原则,如何进行优化呢?

函数计算的费用是怎么算的?

(截止本文撰写的时间)阿里云的函数计算主要包括了以下几个部分的费用:
1. 调用次数费用 2. 执行时长费用 3. 流量费用 4. 其他费用

调用次数费用

调用次数费用,指的是每次成功的通过HTTP请求函数计算,都会被计算请求次数,并进行计费,如果我们通过函数计算提供的是API类的服务,那就是API接口被请求的次数,但如果我们提供的是Web服务呢,在前面我们提到了,我们将整个Web项目通过9000接口监听的方式提供HTTP服务,那么相当于并不仅限于我们的Web页面,CSS、JS以及图片等等的静态资源也都是在通过这种方式在提供服务,是的,用户打开一次页面,并不会只有一次请求,还会有连带有各种静态资源的请求。

执行时长费用

执行时长既包括了使用的计算资源也包括实际运行的时长,当然 Nuxt.js 本身的资源占用以及执行渲染的时长并不会太长。

流量费用

从函数计算中流出的费用,这个与前面提到的调用次数类似,不作任何调整的情况下,所有的静态资源也都会直接从函数计算中流出,并计算费用。

优化方案

UI库的按需加载

如果在使用诸如 ant-design-vue 或者 element-ui 之内的库的话,如果直接将整个库引用到项目中的话,会很大程度上增加编译后的文件大小。
使用 ant-design-vue 的情况可以参考:Nuxt.js 中按需加载 ant-design-vue

开启 extractCSS

Nuxt.js 默认未开启 extractCSS,在引入UI组件时,进行额外编译的情况,会导致页面中大量的 style 片段,增加页面大小,且不利用复用,通过 extractCSS 将样式都输出到独立文件中,这样就可以和其他静态资源一块儿优化了。

静态资源优化

前文中提到,默认情况下,所有的静态资源(CSS/JS/图片),通过Nuxt.js内的express,直接通过监听端口的方式提供访问,这些资源从函数计算流出,带来额外的请求数和流量,这部分如果和动态流量来计算显然是不划算的。因此可以考虑静态资源使用CDN。

使用CDN可以有两种方式:
1. 全站使用:通过CDN加速整个函数计算项目,webpack编译出来的前端资源默认都在 /_nuxt/ 路径,在CDN中配置对 /_nuxt/ 的缓存策略,减少回源,这种方式实行起来相对简单,但是不够彻底。
2. 使用对象存储:通过将webpack编译后的 .nuxt/dist/client 目录下的文件,上传到对象存储,并配置CDN。然后更改 nuxt.config.js 中的 publicPath 项目,将其改为CDN地址的方式,从而实现将全部静态资源直接通过CDN进行访问。通过这种方式,在部署函数计算时,因为前端静态文件已经全部转到对象存储上了,因此代码包可以通过不包括 .nuxt/dist/client 目录,以减少代码包大小,从而提高冷启动速度

优化 node_modules

除了前端静态文件外,对于node项目来说 node_modules 犹如文件地狱,当引入的依赖不断增加时,node_modules 也会日趋增加,打包时带上 node_modules 会大幅增大代码包大小,影响冷启动时间。因此在部署前,需要对 node_modules 进行优化(使用yarn会在更新依赖后自动进行优化)
此外,如果 node_modules 确实过大,则建议引入 NAS,将 node_modules 放入 NAS中,容器启动挂载NAS提供服务,以减少冷启动时间。

服务端请求接口优化

Nuxt.js 中使用 axios 发起请求,获取接口数据进行页面渲染,对于服务端渲染的请求来说,是由服务端向上游接口进行请求,前面也提到,关于执行时长和资源使用来说,服务端渲染其实占用的时间并不多,但不可忽视的就是请求上游接口。
在 nuxt.config.js 的 axios 设置中,baseURL 和 browserBaseURL 分别指定了服务端和浏览器请求上游接口时使用的地址。在可能的情况下 baseURL 指定为接口内网地址,而 browserBaseURL 使用接口外网服务的地址,也能在一定程度上减少延迟,缩短执行时长。

成本如何

相较于传统的Web托管,静态资源部分的CDN使用成本与使用函数计算相差无异,同时在优化过程中,也已经对静态资源进行了优化。那么使用函数计算的成本如何呢?

当然,托Nuxt的福,请求方面用户在不刷新页面的情况下,仅第一次加载时的请求落在函数计算服务进行 SSR,此后的请求都是在前端请求接口,同时,我们也将静态资源全都转移到了对象存储上,因此对于函数计算的请求量其实是远小于整个Web项目,相当于用函数计算做了一个 SSR 服务。

实际开销来说,目前迁移到函数计算上的一个项目大致情况如下:

函数实例内存规格:192M(平均内存使用月130M)
WEB统计PV:18w(含前端路由跳转的PV)
函数计算调用次数:16w
函数计算资源使用量:1.2w CU·s
以本文截稿时的价格,若无免费额度,成本约为1.5元。(实际并未超过当前的免费额度)

可以说,对于流量不大的个人Web项目来说,开支基本上就是流量费用,计算成本相对来说可以忽略不计,不过国内的云服务,流量费用依旧不便宜,要省钱还是一门学问啊。

Nuxt.js 中按需加载 ant-design-vue

使用Nuxt.js构建网站时,使用UI库,能够更快的完成页面的构建,当盲目的引用,则会带入大量项目中不需要的组件,极大的增加构建后的项目大小,导致用户加载页面时间过长,文件过大,影响用户体验。因此按需加载就非常必要。

Ant Design 提供了多种按需加载的方案,对于 Nuxt.js 项目来说,因为SSR是在服务端进行,因此组件是在服务端和客户端都需要引入的,因此如果在单文件组件中引入指定的组件,通过loader加载时,会加载组件的css,但是服务端编译的时候是不认识css的,会导致报错,因此还是基于插件文件的方式,将插件文件中原本的:

import Antd from 'ant-design-vue/lib'

更改为

import {
  Form, Button // ... 你所用到的组件
} from 'ant-design-vue';

并在 nuxt.config.js 中的 css 里面去掉引用 antd 的 css 文件,改为通过build里面的babel插件引入

{
  // ...
  css: [
     // 'ant-design-vue/dist/antd.less',
  ],
  // ...
  build: {
    babel: {
      plugins: [
        [
          'import',
          {
            libraryName: 'ant-design-vue',
            libraryDirectory: 'es',
            style: true,
          }
        ]
      ]
    },
    transpile: [/ant-design-vue/],
  }
}

如果有在使用 Icons ,ant-design 的 Icons 会将全部用到没用到的图标全部引入,文件相当大,可以考虑新增一个 ant-icons.js 插件文件,指定项目中需要用到的 Icons 图标

export { 
  // 需要使用到的 Icons
  InfoCircleFill, DownOutline, UpOutline
} from '@ant-design/icons'

更改 nuxt.config.js 中 webpack 的设置:

{
  // ...
  build: {
    extend(config) {
      config.resolve.alias['@ant-design/icons/lib/dist$'] = path.resolve(__dirname, './plugins/antd-icons.js') // 引入需要的
    }
  }
}

有顶天家族 舞台巡礼 Part.A

第一次来京都是在三年以前,走马观花转了很多热门景点,但对于这个传统和现代结合得很好的城市,依旧充满着诸多向往,但并不知道什么时候还能有机会再来。而看完「有顶天家族」之后,更是对于森见老师刻画下的古都更加的喜爱,「一定要再去看看」就算这么说,出远门总会想着要有一个主题,那么这次的主题大概就是「おもしろき古都は、良きことなり 」

拖了不知道多久的巡礼 report 毕竟是故事的舞台 处处都是实景 也不愧是京都旅游指南的(X

努力整理好了一部分 就先把 part A 发出来了

京都站

抵达京都之后首先当然是 JR京都站啦

出柳町车站附近

有顶天家族的巡礼 首先当然是要拜访 下鸭神社啦 乘坐电车前往下鸭神社 出柳町应该是最近的车站了

母亲大人常去的台球厅也就在这附近

出柳町商店街
司津屋

沿着商店街前行就能看到 笨蛋2兄弟伪装成的面馆 竹林亭的原型

继续阅读有顶天家族 舞台巡礼 Part.A

贪玩的 2016 的小结

比起前些年多多少少能有着些许成绩,2016年倒是相对平淡的,平淡到了作年终总结的时候,大概是要好好检讨检讨,这过去的一年到底都在干些什么,恩,也许就像标题所述主要就是贪玩吧 XD

游戏

如果非要说做了什么的话,那大概还是要把和同伴一块儿从2015年下半年开始到2016年中完成的游戏「Outbreak: Legacy」翻出来了吧,游戏的具体情况之前也简单写过一些介绍。以此为契机,接着IndiePlay的提名,暑假的时候去了趟魔都,感受了一下国内独立游戏的氛围,也体验了不少很有意思的独立游戏,顺带也见了见在魔都的朋友,虽然确实游戏还有很多做得不够的地方,也没有拿上奖,不过有这么一段经历,还是觉得十分开心。

电影

虽说电影已经是很多人的日常,但是平时基本都是SOLO状态,再加上国内上映的也没有什么特别喜欢的片子,所以过往电影看的是真不多

但想想2016年还真是看了不少片子呢,不管说是争议很大的tri,动作片的柯南,还是话题作的君名。也满心激动的感受了零点场以及初日舞台。

不管怎么说在大荧幕上看喜欢的作品,思来念去很多年,2016年真是很满足,希望未来在国内也能看到越来越多喜欢的片子呢,恩,如果还有人可以一块儿就更好了(想多了

旅行

想想这一两年,基本也都会有些出门的机会,所以这次出行在考虑行程的时候就想想除开常规路线之外还有什么特别的地方。于是决定去大山里探险,去了惦记了许久的狐狸村,和狐狸来了次近距离接触。

不管是躺着的“尸体”还是懒散的散步,亦或者打起架来,都好可爱 XD 以后有机会的话,还想换个季节再去转转呢

 

 

继续阅读贪玩的 2016 的小结

数码兽大冒险 tri 第一章 再会 圣地巡礼

不知道为什么就是非常执着于跑实景 大概每次去东京 台场都会是必修课了吧

跑归跑 拖延症拖了不知道多久一直没有好好整理 于是先对着 Tri 第一章 把舞台实景探访整理了出来

虽然跑了很多地方 但还是没太做好功课 还是缺了一些场景 以往以后还能有机会再去了

0-のぞみ橋
0
首先是第一章BD的封面 这个在 のぞみ橋 桥上拍的

接下来的内容也基本顺延着 第一章 的故事推进整理的

Part 1. 太一从台场家上学

1-のぞみ橋
1
太一从台场出发上学沿途 位置是 のぞみ橋台场侧
2-晴海大桥
2
太一从台场出发上学沿途 位置是 在 晴海大桥
3-%e6%99%b4%e6%b5%b7%e5%a4%a7%e6%a1%a5
3
太一从台场出发上学沿途 位置是 在 晴海大桥
4-%e6%99%b4%e6%b5%b7%e5%a4%a7%e6%a1%a5
4
太一从台场出发上学沿途 位置是 在 晴海大桥
5-%e5%ad%a6%e6%a0%a1
5
太一上学学校外景 位置在 月島

Part 2. 岳、光从学校回家

继续阅读数码兽大冒险 tri 第一章 再会 圣地巡礼

忙碌中的 2015 小结

忙忙碌碌,转眼就到了2016,就想着是不是要为已经过去的2015记录点什么。大概是2014过得太过于精彩,进入研究生之后的2015留下的大概就是无止境的瞎忙吧。

米兰行

虽说14年底的时候就开始参与米兰世博相关的项目,但是没有想到15年初能有机会去了一趟米兰。世博会开展前的一周到的米兰,然后虽然基本都在园区里,但是最大的感受不是世博会的宏大,更多的是「这各种没有完工的节奏,这世博真的能按时开始嘛」当然,最后确实是在大罢工和恐怖袭击之后,大门都没有完工的情况下顺利开始了,开园第一天盛大的庆典还是让人欣喜不已。恩,虽然意大利生活节奏出奇的慢,不过意大利面还是很好吃的,每天早上必须的意式浓缩和巧克力蛋糕也超好评(其实就光顾着吃了

expo-staff expo-china expo-event

日本语能力考

虽然一直说自己在努力的学习日语,但是也就一直很缓慢,基本都在学了丢,丢了又捡起来的状态。在一堆学日语的同学里面基本是方面典型。于是乎今年下了狠心,先去考考就跟玩一样的N3试试吧。结果也算是在意料之中,虽然听力和读解基本是满分,不过文法非常惨淡的得了B。唉,还是需要好好努力,正儿八经的去考个N1神马的 orz

jlpt-n3

论文发表

看着曾经的同学一个个在国外期刊发表论文,然而我却一直没敢投论文,在被老师开导了下,试着投了《计算机教育》,虽然在国内都算不上核心,但是收到录用函的那时依旧还是相当兴奋,接着就是在编辑和老师的建议下的反复修改,也算是好好体会了下「论文是改出来的」。

继续阅读忙碌中的 2015 小结

2015中国互联网大会小记

自打来帝都以来,大大小小的会参加了不少,有社区干货分享的、还有大谈趋势的,也有产品庆功的、推广吹水的。当然,还有学校里面的各种就数不过来了。基本上每年也都要来北京国际会议中心转两下,但真没想到自己会也有机会参与到这样的活动的组织工作中。

虽说是中国互联网大会,但是其实由互联网协会举办的一个略带官方正气的会议,一到会场,首先看到的中国电信、中国联通、中国移动,也让这个大会多少带了些传统的气息,但在这种全国上下都在高举「互联网+」口号的时候,其实倒也还算应景。当然,还是能在会场看到互联网巨头们以及一些还算有名气的互联网创业公司的身影,还是让人挺欣慰的。

因为学校既是合作方,又承办了这次大会里一个分论坛的缘故,所以在参与学校自己分论坛的筹备和开展的同时,还分到了大会全场志愿者的组织与协调的工作。于是开会前的这两个多月就基本都投入在大会相关的工作中了,而开会的三天加预备的一天更是每天早早起床奔赴会场,晚上回来基本就累成狗了。

大会这几天大大小小各个会场来回跑,也听了包括开幕式在内的各种会,见到了各种领导、嘉宾,但其实就算主会场高唱「五环之歌」我却真的一点感觉也木有,最后整场大会下来,其实觉得我们学校自己的分论坛确是最具有互联网气息的,即有草根投资人的即兴发言,又有学术派院士的演讲,还有来自阿里研究院、乐视的报告。最后的圆桌讨论更是欢乐无穷。一开始看着整个大学其他论坛的情况,我还在想我们这个论坛会来多少人,出乎意料的我们这场不但座无虚席,而且连地上都坐满了人,甚至还有不少人做起了笔记。花了这么长时间准备会虽然比不是那些技术会议全是干活,但是实实在在的内容还是得到了认可其实还是挺让人欣慰的。

cic2015

大会的结束,这个学期也就即将告一段落了,虽然说这个学期没少做事,但各种琐碎又或者涉密的事,实在是压抑的不行。这个假期真是该好好做做自己的side project了

最近玩的一些游戏小记

去年因为各种忙碌,游戏的时间非常惨淡,好多游戏买了都没通关,于是今年打算好好补一补。

外加上最近玩了一些挺有意思的游戏,就记录顺带分享一下吧。

Tap Titans

平台:iOS / Android

首先不得不说的就是这个传说中的放置性游戏「Tap Titans」,国内也涌现出了大量的山寨版。游戏玩法简单粗暴,点击屏幕,打怪掉钱,钱升级能力,雇佣英雄。虽然简单粗暴但还是欲罢不能,几乎没事的时候就会拿出来点一点,实在是魔性。

在最近的一次更新中,还增加了每日BOSS挑战,试图进一步强化用户粘性,虽然说到了中后期之后,英雄和点击对怪物伤害效果开始显得有些疲惫,在数值上,再雇佣新英雄需要的金币的数值单位已经跨越当前金币获取能力好多个数量级,而且这个趋势会越来越严重,但一旦雇佣上,就是短时间往上冲数十层,而更多的时候就需要转生从头开始去获取强力的”神器”。不过转生多了,也就显得枯燥了,于是先截图纪念一下。

taptitans taptitans2

Viking’s Journey : The Road to Valhalla

平台:iOS

这是一个将2048的机制和角色扮演结合的游戏,游戏目的是帮助维京人杀死路上所遇到的僵尸海盗,最后通向瓦尔哈拉殿堂。玩法就是配合类2048的道具滑动合并加上各种辅助道具一路边杀敌、边挡羊、边开宝箱、顺带烤肉吃饭补充能量,各种意义上来说,也和2048一样,是一个时间杀手般的游戏,当然,也受限于类2048的机制本身,也使得可升级选项的丰富性还是有限,基本到了后面就是刷刷刷,然后发现把各个可以升级的选项,和可以完成的成就都完成了,还是只到了第三个地图,距离最终目的地瓦尔哈拉殿堂还有些距离,之后再赚金币已无勇武之地,剩下的就是反复游戏走得更远了。

顺带提一句,截图是因为玩的时候恰巧碰上了游戏里面的一个触发条件比较复杂的BUG,在这之后再不缺金币,有兴趣可以猜一下触发原因 =w=

QQ20150214-2

 ハコボーイ(箱子小子)

平台:3DSWare

这是在Nintendo Direct上公布的一个下载游戏,虽然只是一个下载游戏,但内容却还是相当的丰富,主人公是一个可以在有限格数伸缩的小箱子,通过伸缩通过各种障碍,摘取皇冠,通过游戏,一路有妹子,有战友,还能换装。每个世界的都有新的机关,关卡设计也都非常的精妙,要全都拿到皇冠还是需要费不少神的,不知不觉玩到现在,也有总计7个多小时的游戏时间,也还是一个相当赞的小游戏。

hcboyhcboy3hcboy2

于是剩下就是「放假才能好好玩游戏」系列的各种大坑,于是就再找机会补啦 =w=

2015 For the future

转眼2015年已在茫茫碌碌中度过了好些日子,一直在问自己对于已经过去的2014年是不是应该总结一些什么。回想起来2014年虽然说并没有取得多么突出的成绩,但依旧是里程碑一般的一年。

TBS赴日研修

tbs_kakehashi

回想起大二的时候有幸选入TBS育英项目,也曾对于赴日充满幻想,但从没想过和TBS能结下如此深的羁绊,赴日研修时间虽然不长,但学到了很多新的知识与理念,经历了许多从未有过的体验,也结实了一些日本的朋友,期间也犯了不少错,给很多人添了麻烦,对自己来说不管是对媒体的责任、摄像机的意义、多媒体技术,还是说为人处世、个人修养方面都有了更多的思考与认识。同时,也让我们感受到对于中日关系,对于媒体,对于民间,所能做的努力与期望。研修报告的标题是「架け橋になるために」,哪怕现在中日之间可能还存在一些困难,但我们也相信着,雨后天晴便一定会有彩虹,中国和日本之间的关系也会越来越好!

毕业季

10show

昨天,似乎还在努力的赶着毕设,昨天,似乎还在和小伙伴愉快的玩耍,但转眼就到了毕业。站在小礼堂的舞台上,向到场的朋友展示毕设作品,虽说难免有些怯场,但还是为四年的学习生涯做了一个圆满的总结。

毕业了,虽说自己留在的帝都,留在了学校,但同学们也都向着未来各奔东西,离别多少还是让人备感失落,但微信嬉笑打闹间,大家却又如同都还在身边。

日本へ、お台場へ

hikari献给毕业的旅行、「デジモンアドベンチャー」15周年、「お台場メモリアル」(2014.08.01) 15周年。DM对我来说意义非凡的作品,也给了我将八年以来都一直着保持联系的朋友们,也在今年有幸参加了Windy翼学姐的婚礼。

重重意义交织坚定了我非去不可的决心。毕业季之后就一直在张罗关于签证的事,在还没正式毕业日子里厚着脸皮找辅导员办下了在读证明,说服家里帮忙准备麻烦的签证材料。自己研究订了机票和酒店。然后和小伙伴们研究着如何抢8.1官方活动的票,虽然最后没有抢到,但是托猪脚兽的福,参加了8.1当日的同人LIVE,虽说在合影里化作了光,但还是心满意足了。

旅行的准备是麻烦的,但自己准备旅程的过程还是相当上瘾的,虽然不是什么时候都能有场说走就走得旅行,但有机会一定还会让自己出去多走走。

看牙

虽然说这并不是多么值得提起的事,但却是2014年相当重的一笔,因为各种历史原因积累下的问题,加上磕掉门牙的华丽补刀,于是便踏上了历时接近半年,开销也相当恐怖的看牙之旅。杯具发生在离校之后,所以就在朋友的牵线下去了综合医院,大夫表示你这没救了,去北大口腔吧,于是便走上了北大口腔挂号的不归路,也成功取得了「被大夫说没救了」「在专科医院挂号」「多次大半夜排队挂号」「牙周做了手术」「对不起请个假 我约了大夫要去看牙」「成为身边朋友的看牙顾问」等多项成就。

新的旅程

9月开学,作为新生重新踏入校园,但校园却变得自己都不认识了,能见到的熟悉面孔越来越少了,5号楼、6号楼给拆掉了、二小搬迁了,老西门返修一心、大悦城前弄起了钢琴湖,还有陪伴自己整整四年的实验室也完全变了模样,母校也迎来了60周年校庆。新的开始、一切都重新来过,身份的转变同时也对自己提出了新的要求——认真做好学术、更广泛的阅读、更多积极的实践。

游戏记录

3dsrecord2014大概是买游戏最多的一年,但大概也是进来累计游戏时间最少的一年,打开3DS的游戏时间回顾,玩得最久的两个游戏分别是「Person Q」和「智龙迷城Z」,而对于往年来说,「闪电十一人」一款游戏的游戏时间就能是今年总计时间翻个倍。

自从「纸箱战机」在2013年底开始淡出视线,「Little Blue boX」解散,「闪电十一人」系列也在2014年宣布暂告一段落,「T-Pistonz+KMC」也宣布了暂停活动。于此同时同为LEVEL5社的「妖怪手表」成为现象级作品,整年在游戏销售排行榜刷版,剧场版未上映就宣布下一部剧场版消息,上映后票房更是各方面碾压,妖怪体操的广场舞甚至跳上了被誉为日本春晚的红白歌会。虽然如此,但对于这部作品完全提不起兴趣的我,游戏一个版本都没有买,可以说是和L5说再见了。

每一年的作品里,都会有些游戏的影子,今年倒也没有缺席,做的「挖红薯大赛」虽然依旧还是小游戏,但却是这么多年下来难得一个上线后在不到一个月里游戏人次突破百万的游戏,还是蛮让人兴奋的。希望未来能有机会做出更加完整的游戏作品。

年末的new 3DS的推出,以及口袋宝石版的复刻,在第一时间就立马加入了买买买的大军,日子匆匆忙忙的度过,游戏却一直没时间通关。这也不得不说是2014年整年最大的遗憾了。

 

2015 For the future

研究僧的生涯刚刚拉开序幕,一切回归原点,未来并不需要去特意预测,新的起点,新的旅程,一定还有很多有意思的事等在眼前,做好自己该做好的。多阅读、多积累、多实践,多游戏,再一次的蓄力,♪ For the future

Design Thinking 模拟项目 —— 阿鲁法手环

Design Thinking 模拟项目 —— 阿鲁法手环(介绍视频

周刊BURSTER

这个学期我们有一门关于Design Thinking的课程,课程主要是介绍设计思维的方法,以及在8周的时间里通过模拟的项目来实践设计思维的方法。而我们组抽到的选题是:「艺术系女大学生在市区发生地震时建立区域性自卫组织」

虽说是模拟项目,不是特别严谨,但是相当欢乐,于是就来分享一下:

在一开始得到选题时,我们在想在面对地震的时候对于艺术系女大学生会怎么做呢,她面临哪些问题,要怎么去解决?
然后我们想去设计一个「震后女大学生生存手册」

继而我们关于这个项目对学校内女大学生关于对灾害的认识进行了采访,并发现大多数人并没有经历过地震等灾害,甚至没经历过演习;在态度上通常消极,被动,渴望抱团,集体行动。

继而我们改变了之前的方向,从「首先保证自己的生存,活下去;其次保持与家人朋友的通讯;最后成为自卫组织关键人物之一」来考虑产品的方向。

头脑风暴

 

在经过头脑风暴之后,我们考虑去做一个女大学生喜欢的帅哥温柔声音的语音逃生系统,能够安装在她的随身携带物上(如眼镜,手表,项链,围脖…)。

初始原型

在经历了初始原型、测试等过程之后,继而完成最后的原型。最后的最后小伙伴用三天的时间完成了最开始的那个motion!

最终原型

怎么说呢,其实也不是第一次参与Design Thinking呢,但是每一次都还是觉得非常有意思