设计网页 色块入口 第1篇
键盘支持大量的按键交互，除去一些全局的功能按键和组合快捷键，在网页交互应用中常见的还可以分为以下几种情况；
数值、字母、符号输入
某个指定按键单击/双击/连击/长按
用某个指定的或组合按键代表网页上的功能
tab键切换网页选项
用空格切换下一屏
方位键切换选项或移动窗口视角
ESC退出视频或全屏查看
在应用键盘按键功能的时候，除去那些作用明确大众悉知的按键功能，其他的按键操作应该保证界面上有指引有提示。
组合的交互动作常配合不能简单直接完成的任务，这里的组合指有两个及以上交互动作完成的类型，复杂的交互动作尽量少用，且尽可能的为用户提供操作指引，若非必要，费力不讨好；
鼠标左键长按横向拖拽
鼠标左键长按上下拖拽
鼠标左键长按任意拖拽
鼠标左键长按绕中心拖拽
设计网页 色块入口 第2篇
结合信息框架对不同元素类型进行视觉设计调整后，再对页面内容的基本交互进行考虑，例如轮播、切换、弹出、展开收起、转场等。之后才是更加细腻的交互创意思考。
鼠标经过反馈；常见且重要的交互方式，通过鼠标经过时反馈选中状态或提示相关信息
按钮长按效果；长按状态的动效示意，通过对长按目标加一动画响应进度或持续的状态，而非单纯的变色或样式切换
内容入出场动效；页面切换加载或滑动页面后，内容采取动效有序的进入场景定格，而非生硬的静态切换
多内容轮播应用；对Banner或其他多个内容展现，进行轮播交互完善和时间细节控制
按钮切换动画；通过icon的路径动画表达按钮切换，而非直接的图标对换，更具个性和视觉观赏性
鼠标跟踪动画；可以适当的做一些鼠标跟踪事件，让一些背景或界面元素跟随鼠标律动起来，增强互动
特殊滚轮联动效果；通过鼠标滚动联动其他元素进行交互变化，来呈现更有创意的场景切换或内容展示
内容穿插滚动；将内容分层控制，页面滚动时将元素固定或交替显示，产生穿梭感提升界面层次
响应式展开收起；主要用于二级或下级内容的自动展开，由鼠标经过自动展开并聚焦，减少用户操作
结合音视频媒体控制；在页面中植入音视频内容通过按键或鼠标进行交互或切换，打造互动性更高的媒体传达
趣味转场或页面加载；对页面转场或加载深度优化。采取更有创意的方式或动画来过渡，让视觉体验提升亿点点
内容或窗口抖动报错；合理采用抖动效果进行报错反馈或特殊场景应用，使呆板提示更灵动
设计网页 色块入口 第3篇
在进行创意设计时不考虑开发，那不是自嗨就是对开发耍流氓。静态界面开发或简易的切换效果并不难。而代码层的图形变化效果、仿物理效果(例如反弹、律动、重力等效果)、3D交互效果相对会复杂许多。大多的动效不能依赖GIF或Lottie进行解决，这对交互控制或性能优化都是挑战，而代码能够更好的保障这俩点，所以大量的交互动效还是需要开发者支持，而代码实现显然会比设计师产出复杂。
大多数网页的交互动效都是基于Javascript或CSS进行实现，部分动画元素可以由设计师通过第三方软件或在线生成CSS、Svga、lottie文件（相对下lottie更消耗性能，在线生成icon动画代码： ，在线Lottie模版搭配使用： ，自主绘制导出lottie： ，Svga在线创造： ，2D动画制作： ）。而大部分的特殊物理效果或特殊动效，其实会有可用的第三方库或代码资源来解决，首先就是保证你所设计出来的动效是可行的，过于逆天可能还是有难度，剩下的便是提供动效关键词方便开发查找相关资源，或者你给出参考来源。常见的代码动效素材网有： 、 、 等（欢迎补充哈，别藏着掖着）。对于3D效果的前端开发呢，暂推荐新开源的Oasis引擎或Three js这些来实现，当然其他引擎也没问题。