趣味网页交互设计教案（网页交互式设计）
本文目录一览：
- 1、让酷炫的文字交互效果点亮你的网页
- 2、网易游戏设计师:浅析游戏交互设计五维度
- 3、ASP及JSP网页设计应用教程内容简介
- 4、10例——有趣的交互产品设计!
- 5、撩人的场景UI交互动效设计5大法则
让酷炫的文字交互效果点亮你的网页
一个用户在浏览一个网页时，注意到某些文字，当他用鼠标悬停、滑过、单击、拖动（交互行为）与文字（交互对象）互动时，看到文字发生了变化（交互反馈）。这些变化可以是字体大小变化、颜色发生改变，也可能是一些动态效果。好的交互效果能引起用户的好奇心，增加他们浏览网页时长，让他们对你的网页印象深刻。
鼠标按下是一个瞬间的动作，即时响应，是Axure的交互样式；而鼠标长按是有时间要求的，要求鼠标按下一段时间后才做出动作响应，是Axure当中的交互事件。选中作为选项被用户选择后所呈现的视觉样式。常用于单选、复选、导航、标签的交互设计。当我们设计单选的选中效果时，首先需要将这些选项设置成一个组。
所以优秀的交互设计第一个需要遵循的原则，也是很多交互设计会忽略的部分，就是无时无刻不让你的用户明晰所处页面的3W：我现在所处在的这个页面是做什么的页面我现在所处的页面在整个浏览‘地图’中处于什么位置我应该怎么操作才能达成我的目的去大量的观察和分析优秀产品以及专题策划是如何在每一个页面分别实现3W的。
H5是指：在智能手机可以播放Flash的移动端上呈现的，可以达到Flash效果（如各种动画，互动）的，用于广告、营销的，具有酷炫效果的网页。H5从2014年底的初露锋芒到2015年的全面火爆，再到2016的沉淀，2017年，H5依然是品牌社会化传播的首选。
网易游戏设计师:浅析游戏交互设计五维度
随着各类 APP 的成熟发展，微交互越来越多运用在各类产品上。
Gillian Crampton Smith 被视为交互设计的先驱之一。她提出了交互设计语言的四个维度。这些维度组成了交互设计本身，也因此构建起了用户与界面之间的交互。最初的四个维度是： 语言、 视觉表现、 物理实体或空间 和 时间 。而IDEXX实验室高级交互设计师 Kevin Silver 补充了第五个维度的概念， 行为 。
这五要素受文艺理论家肯尼斯·伯克（Kenneth Burke）戏剧五位一体和“同一”理论的启发，将交互设计概念做了有机的整合，鼓励设计师或分析师从“重新确定参与者、定位行为动机、规划行为过程、谋求新的手段、营造新的场景和环境”五个维度进行设计和创新。
用户、场景、媒介/工具、目标、行为是交互设计中的五要素 People用户 用户，要明确我们需求用户是哪类人，我们究竟为谁做设计。用户类型有两个维度：角色分类和使用程度。（我姑且先这样定义） Contexts场景 场景是一个容易忽视的问题，尤其是在当今飞速发展的互联网时代。
利用互联产品满足一个需求，是需要通过一步步的行为（点击、滑动、输入等），而交互设计师则负责设计这些行为，让用户知道自己在哪，能去哪，怎么去。辛向阳教授将人与系统交互的过程分解为了五个要素，分别为：用户、行为、目标、场景、媒介（people、actions、purpose、contexts、means）。
.交互设计五维度Gillian Crampton Smith提出了“交互设计语言”的四个维度。这些维度组成了交互设计本身，也因此构建起了用户与界面之间的交互。最初的四个维度是：语言、视觉展现、物理实体或空间和时间。后来vin Silver，提出了第五个维度，行为。
ASP及JSP网页设计应用教程内容简介
节介绍了HTML，从它的历史到创建和发布HTML文档的基本结构，包括标题、段落、换行标签、表格、列表、超链接等元素的使用。3部分则深入讲解了页面布局和文字设计，包括文字设置和多媒体效果的运用。
JSP应用教程（修订本）图书目录第一部分：JSP应用开发基础第1章概述了软件编程体系，包括B/S和C/S架构，企业应用开发的多层架构如两层、三层和N层，以及相关语言如ASP、.NET、JSP和PHP的简介。
ASP是微软（Microsoft）所开发的一种后台脚本语言，它的语法和VisualBASIC类似，可以像SSI（ServerSideInclude）那样把后台脚本代码内嵌到HTML页面中。虽然ASP简单易用，但是它自身存在着许多缺陷，最重要的就是安全性问题。
10例——有趣的交互产品设计!
小鸡互动夜灯（BABY CHICK NIGHT LAMP）/MUID觅逗设计的这款夜灯，只需轻轻趴下，灯光熄灭，坐立则亮起，仿佛小鸡进食，营造出生动而温馨的场景。2200K的暖色光，如同日落余晖，让夜晚充满温度。
影动时光——Shadowplay 时钟 Breaded Escalope巧妙地利用手指触感与光影交互，只需轻轻一触，墙面瞬间映现时间的轨迹，创意十足！0 农夫的智慧——农夫灯 edocabe设计的这款灯以温馨农夫形象为灵感，可摘取的帽子成为亮点，让人在日常中体验到互动的乐趣。
海信空气智慧屏 UI设计iF设计奖/ 这款设计聚焦于智能家居收藏家的需求，通过人工智能云感知平台，实现自我学习和智能管理。其独特的场景体验，如中央空调的快速控制中心，充分体现了人性化设计。
Beam治疗灯 - Stu Cole & Erika Avery 这款多功能治疗灯，专为季节性情感障碍设计，如同家中的舒适伴侣，可随环境切换为台灯或环境照明。它的存在，如同温暖的阳光，治愈着心灵的阴霾。 BBEAT - Chaewon Lee BBEAT打破常规，通过听觉触觉体验，让有听力障碍者也能共享音乐的力量。
.– 生活类软件*设计师：Tubik 软件介绍：Watering Tracker app， 顾名思义，就是一款可以追踪盆栽或植物的水分情况，及时提醒用户浇水的生活类手机应用。亮点：首先，这种能够监测植物水分情况，通知用户浇水的创意，新颖且有趣。
撩人的场景UI交互动效设计5大法则
1、缓入和缓出 缓入/缓出是设计的基础原则，尤其是在移动开发UI动效，和普通的动画制作中同等重要。虽然易于理解，但此原则却常常容易被忽略。缓入/缓出原则是来自于现实世界中物体不可能立刻开始或者立刻停止运动的事实。任何物体都需要一定的时间用来加速或者减速。
2、一套完整的ui设计其实是比较复杂的，从需求分析到市场定位，从草稿到拟方案，从创意元素的组合到想法沉淀，从设计规范到突破传统，从纸上到电脑上，从个人到团队，或者从团队到个人，从素材收集到素材处理，从0思路到偶然，等等。
3、滚动 根据用户的手势进行滚动操作，非常使用与列表信息的查看。这个交互方式是我们用的最频繁的，仙子我们也可以加入一些动效使这个交互更加的有趣和丰富。平移 当一张图片在我们有限的屏幕里没有办法看完的时候，会使用这样的效果。除了放大效果，这样的平移还可以加上动效配合一些功能使用。
