手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >从零开始学习创建单选按钮
从零开始学习创建单选按钮
摘要:我们将使用画图工具和ActionScript3.0中的时间轴,鼠标事件做一个好看的单选按钮。最终预览我们先看一下最终作品:第一步:概述一个单...

我们将使用画图工具和ActionScript 3.0中的时间轴,鼠标事件做一个好看的单选按钮。

最终预览

我们先看一下最终作品:

第一步:概述

一个单选按钮或选项按钮是一个图形用户界面元素,允许用户只选择一个预定义的选项集的类型。

在这个教程中,我们将创建一个传统的单选按钮。

第二步:设置Flash

打开Flash创建一个新文档,舞台大小设为320*190,颜色为#181818 ,帧频为 24fps.

第三步:界面

这是我们将要使用的界面:一个带标题的简单背景,一些用来与用户交互的文本,一个可以工作的单选按钮和两个静态按钮样本。

还有一个动态文本(图片里叫做 [Disabled] )可以通过工作的按钮来进行修改。

第四步:背景

选择矩形工具并画一个 320×40 px大小的矩形,将它放置在舞台的顶端,并将其颜色填充为放射状 #D45C10到 #B43B02的过渡。

现在需要些什么将它分成几部分。

还是用矩形工具,画一个 300×1 px 大小的矩形用另一种颜色填充: #737173到#181818。将其复制并按下图摆放。

【从零开始学习创建单选按钮】相关文章:

20个超炫酷的豪车网站设计欣赏

图标文件格式之单色图标

网页设计教程:网站背景中的他!她!它!

设计APP的时候来试试手绘草图

欧美用户的交互学习能力到底是怎样的?

20个来自德国最优秀的网页设计

[X]是如何成为关闭按钮的

网页设计新思路!用故事来吸引用户

50个时尚的黑色系网站欣赏

6个方法帮你提升在线酒店预订体验

精品推荐
分类导航