LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭

LOFTER-网易轻博

交互

9038浏览    3025参与
黑马青年
sicily

UI设计- INSTRUMENT

以最简洁明了的方式设计音乐教育软件,希望可以给与对于音乐爱好者一个愉快的学习平台。考虑到越来越多的线上教育推广,此次交互设计以当代年轻人为主的推广应用。

1:采用的是深沉黑色布局,给予更稳重可靠快捷的视觉沉浸式体验。

2:采用专辑封面或者音乐家带图片的形式区分各个不同领域的音乐形式或者乐器增加说明效果。其次。更加突出社交属性。促进音乐爱好者互相交流合作。

作者:Sicily 张晓萌

UI设计- INSTRUMENT

以最简洁明了的方式设计音乐教育软件,希望可以给与对于音乐爱好者一个愉快的学习平台。考虑到越来越多的线上教育推广,此次交互设计以当代年轻人为主的推广应用。

1:采用的是深沉黑色布局,给予更稳重可靠快捷的视觉沉浸式体验。

2:采用专辑封面或者音乐家带图片的形式区分各个不同领域的音乐形式或者乐器增加说明效果。其次。更加突出社交属性。促进音乐爱好者互相交流合作。

作者:Sicily 张晓萌

______仝

阿双方过后就哭了; 

阿双方过后就哭了; 

La小八

挂了的某作业,,在这里停一下遗骸

挂了的某作业,,在这里停一下遗骸

赫本宝宝

多肉商城——设计原型

多肉商城——设计原型

暮隐
进进出出,忙忙碌碌

进进出出,忙忙碌碌

进进出出,忙忙碌碌

简一笔记

第五章 插入交互-动作路径和触发器的组合运用案例讲解

(2)动作路径和触发器的组合运用

第一个案例:

题目:让书移动到书桌上面。


操作步骤:

1.插入两张图片


2.添加动作路径


3.通过触发器设置条件实现移动

第一种方法:设置成停留两秒钟之后书才从书架上面移动下来


第二种方法:在时间轴上面按键盘C键添加提示点,设置成达到提示点书从书架上面移动下来


4.呈现效果



第二个案例:

题目:点击左按钮向左移动,点击右按钮向右移动。


操作步骤:

1.新建幻灯片,插入元素排版如下:


2.添加动作路径


3.设置触发器点击右按钮时动作路径向右移动


4.设置触发器点击左按钮时动作...

(2)动作路径和触发器的组合运用

第一个案例:

题目:让书移动到书桌上面。


操作步骤:

1.插入两张图片


2.添加动作路径


3.通过触发器设置条件实现移动

第一种方法:设置成停留两秒钟之后书才从书架上面移动下来


第二种方法:在时间轴上面按键盘C键添加提示点,设置成达到提示点书从书架上面移动下来


4.呈现效果



第二个案例:

题目:点击左按钮向左移动,点击右按钮向右移动。

 

操作步骤:

1.新建幻灯片,插入元素排版如下:


2.添加动作路径


3.设置触发器点击右按钮时动作路径向右移动


4.设置触发器点击左按钮时动作路径向左移动


作者:简一

上海利卿信息技术有限公司

eLearning99

微信号:yixiayang

邮箱:zhaoll@elearning99.com

公司网站:www.elearning99.com

微信公众号:简一笔记


需要购买电子课件制作软件Articulate 360,Storyline,iSpring,学习管理系统、eLearning培训资料、课件外包设计与技术支持,请与我公司联系。

空角
以前每次思考想给领导申请建立一...

以前每次思考想给领导申请建立一个完整的用研团队,都遇到各种阻碍。回过头看看,是不是发现,公司团队的架构模式并不一样?


例如前东家是第四种,现在是第三种。


这也就是为什么,技术成长路线难有,技术沉淀难有的原因啊。


沟通。都是松散的个体,又如何谈沟通,又如何交流信息,又怎么成长呢。


以前每次思考想给领导申请建立一个完整的用研团队,都遇到各种阻碍。回过头看看,是不是发现,公司团队的架构模式并不一样?

 

例如前东家是第四种,现在是第三种。

 

这也就是为什么,技术成长路线难有,技术沉淀难有的原因啊。

 

沟通。都是松散的个体,又如何谈沟通,又如何交流信息,又怎么成长呢。

 


鱼子酱拌面君-你丫才美工

发个概念稿吧

等我从交互到视觉UI都做完再发完整的

发个概念稿吧

等我从交互到视觉UI都做完再发完整的

陌离
陌离
编辑音乐交互动效

编辑音乐交互动效

编辑音乐交互动效

简一笔记

第5章 插入交互-用是否变量判断课程学习进度习题讲解

题目:

(1)未开始学习时,下方的进度条显示为空。

(2)开始学习,但未完成,进度条显示未一半。

(3)全部学习完成时进度条显示满格。

操作步骤:

1、搭建课程的框架,即插入四张幻灯片并分别命名


2、新建3个逻辑变量B1、B2、B3,初始值都设置为False


3、在“1.2文本变量”页面中添加一个触发器命令。表示当页面开始播放时,变量B1的值变成True。


4、在“1.3是否变量”页面添加一个触发器命令。表示当页面开始播放时,变量B2的值变成True。


5、为“1.4数值变量”页面添加一个触发器命令。表示当页面开始播放时,变量B3的值变成True。...

题目:

(1)未开始学习时,下方的进度条显示为空。

(2)开始学习,但未完成,进度条显示未一半。

(3)全部学习完成时进度条显示满格。

操作步骤:

1、搭建课程的框架,即插入四张幻灯片并分别命名


2、新建3个逻辑变量B1、B2、B3,初始值都设置为False




3、在“1.2文本变量”页面中添加一个触发器命令。表示当页面开始播放时,变量B1的值变成True。


4、在“1.3是否变量”页面添加一个触发器命令。表示当页面开始播放时,变量B2的值变成True。


5、为“1.4数值变量”页面添加一个触发器命令。表示当页面开始播放时,变量B3的值变成True。


6、在欢迎页面中添加一个触发器命令,当“1.1欢迎页”开始播放时,如果B1、B2、B3的值不全为True时,进度条的状态变成未学完的状态。


7、在欢迎页面中添加一个触发器命令:当“1.1欢迎页”开始播放时,如果B1、B2、B3的值全为True时,进度条的状态变成学完的状态。


作者:简一

上海利卿信息技术有限公司

eLearning99

微信号:yixiayang

邮箱:zhaoll@elearning99.com

公司网站:www.elearning99.com

微信公众号:简一笔记


需要购买电子课件制作软件Articulate 360,Storyline,学习管理系统、eLearning培训资料、课件外包设计与技术支持,请与我公司联系。

简一笔记

第5章 插入交互-用文本变量让学员输入信息习题讲解

题目:

在一门课程的开始页面让学习者输入自己的姓名,在后面的学习页面中,根据实际需要显示出学习者所输入的姓名。

操作步骤:

1、在页面插入一个老师人物,输入文本欢迎学习本课程


2、新建一个文本变量,命名为name,初始值为空


3、插入文本数据输入


4、将输入的文本数据赋值给文本变量name


5、新建另外一张幻灯片,插入人物


6、插入标注


7、引用并输出name的值


作者:简一

上海利卿信息技术有限公司

eLearning99

微信号:yixiayang

邮箱:zhaoll@elearning99.com

公司网站:www.elearning99...

题目:

在一门课程的开始页面让学习者输入自己的姓名,在后面的学习页面中,根据实际需要显示出学习者所输入的姓名。

操作步骤:

1、在页面插入一个老师人物,输入文本欢迎学习本课程




2、新建一个文本变量,命名为name,初始值为空


3、插入文本数据输入


4、将输入的文本数据赋值给文本变量name


5、新建另外一张幻灯片,插入人物


6、插入标注


7、引用并输出name的值



作者:简一

上海利卿信息技术有限公司

eLearning99

微信号:yixiayang

邮箱:zhaoll@elearning99.com

公司网站:www.elearning99.com

微信公众号:简一笔记


需要购买电子课件制作软件Articulate 360,Storyline,学习管理系统、eLearning培训资料、课件外包设计与技术支持,请与我公司联系。

简一笔记

第5章 插入交互-按钮与层习题讲解

题目:

新建一个幻灯片并插入素材,同时添加交互效果,需满足以下条件:

(1)幻灯片中插入两个Button,并在Button上输入文本“音频内容”“目录”。

(2)建立两个层,并分别给两个层命名为“音频文字”和“目录”。

(3)在“音频内容”层中输入100字的文本内容,设置文本宽为80像素。并插入一个容器,设置容器宽为80像素,高为96像素。设置完成,将文本放入到容器中。在“目录”层中任意输入一段目录。

(4)分别给两个Button添加动作,实现:点击“音频内容”Button调出“音频内容”层,点击“目录”Button调出“目录”层。

(5)分别在两个层中插入一张关闭按钮的图片,并实...

题目:

新建一个幻灯片并插入素材,同时添加交互效果,需满足以下条件:

(1)幻灯片中插入两个Button,并在Button上输入文本“音频内容”“目录”。

(2)建立两个层,并分别给两个层命名为“音频文字”和“目录”。

(3)在“音频内容”层中输入100字的文本内容,设置文本宽为80像素。并插入一个容器,设置容器宽为80像素,高为96像素。设置完成,将文本放入到容器中。在“目录”层中任意输入一段目录。

(4)分别给两个Button添加动作,实现:点击“音频内容”Button调出“音频内容”层,点击“目录”Button调出“目录”层。

(5)分别在两个层中插入一张关闭按钮的图片,并实现点击关闭按钮即可关闭层的操作。


操作步骤:

1、插入按钮


2、新建层


3、在“音频内容”层插入文本


4、在“音频内容”层插入容器和调整容器大小



5、在“目录”层插入形状输入文字


6、通过添加显示图层触发器,实现:点击“音频内容”Button调出“音频内容”层,点击“目录”Button调出“目录”层



7、分别在两个层插入关闭按钮的图片



8、勾选隐藏基础层中对象



9、添加隐藏图层触发器,实现点击关闭按钮关闭层



作者:简一

上海利卿信息技术有限公司

eLearning99

微信号:yixiayang

邮箱:zhaoll@elearning99.com

公司网站:www.elearning99.com

微信公众号:简一笔记


需要购买电子课件制作软件Articulate 360,Storyline,学习管理系统、eLearning培训资料、课件外包设计与技术支持,请与我公司联系。

工业设计俱乐部

天空(多媒体装置艺术)

by:nendo(日本)

··

为在东京六本木地区的三得利艺术博物馆举办的“信息或灵感?”展览设计的多媒体装置。当游客走在一个15米长的带有特制遮阳伞的照明舞台上时,他们会注意到在他们的腿下方,图像出现在地板上并随着他们在舞台上移动而改变。地板上的图像通过时间和天气的变化来代表天空; 春天的樱花,秋天的落叶和寒冷的冬天在空中吹来的雪。鸟儿突然飞过天空,太阳逐渐变成星夜。就好像无数的天空存在于一把伞下,它们永远在变化。这些图像通过悬挂在天花板上的几台投影仪投射出来,然而,有意去除投影仪内部的液晶显示器上的内部偏振膜,使投影的图像...

天空(多媒体装置艺术)

by:nendo(日本)

··

为在东京六本木地区的三得利艺术博物馆举办的“信息或灵感?”展览设计的多媒体装置。当游客走在一个15米长的带有特制遮阳伞的照明舞台上时,他们会注意到在他们的腿下方,图像出现在地板上并随着他们在舞台上移动而改变。地板上的图像通过时间和天气的变化来代表天空; 春天的樱花,秋天的落叶和寒冷的冬天在空中吹来的雪。鸟儿突然飞过天空,太阳逐渐变成星夜。就好像无数的天空存在于一把伞下,它们永远在变化。这些图像通过悬挂在天花板上的几台投影仪投射出来,然而,有意去除投影仪内部的液晶显示器上的内部偏振膜,使投影的图像显示为“白光”。给参观者的遮阳伞是由偏光片制成的,因此真实的投影图像只出现在遮阳伞的“阴影”中。使用用于伞的圆偏振器消除了线性偏振膜发生的单色反转现象,因此由该技术干预引起的图像失真最小。虽然看起来伞的阴影就像一个小屏幕,但实际上,有一个大的投影图像仿佛“搁置”,只有当伞在空间中移动时 - 它才会捕捉光线并神奇地显示图像。地上。这种效果的灵感来自日本传统的卷轴画,其中一幅长长的矩形画面讲述了不同场景和视角的故事。与伞一起散步并露出下面的投影图像类似于滚动长画并看到故事随着时间的推移而演变。在这种技术和情感体验中,应该显示为“投射光”的图像感觉就像“投射阴影”和通常被伞“遮挡”的天空,在这里它们被它暴露。这给人一种非常强烈的感觉,仿佛握在自己手中。与伞一起散步并露出下面的投影图像类似于滚动长画并看到故事随着时间的推移而演变。在这种技术和情感体验中,应该显示为“投射光”的图像感觉就像“投射阴影”和通常被伞“遮挡”的天空,在这里它们被它暴露。这给人一种非常强烈的感觉,仿佛握在自己手中。与伞一起散步并露出下面的投影图像类似于滚动长画并看到故事随着时间的推移而演变。在这种技术和情感体验中,应该显示为“投射光”的图像感觉就像“投射阴影”和通常被伞“遮挡”的天空,在这里它们被它暴露。这给人一种非常强烈的感觉,仿佛握在自己手中。

LOFTER

让兴趣,更有趣

简单随性的记录
丰富多彩的内容
让生活更加充实

下载移动端
关注最新消息