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

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

最终预览

我们先看一下最终作品:

第一步:概述

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

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

第二步:设置Flash

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

第三步:界面

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

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

第四步:背景

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

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

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

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

2014年硬件设计10大趋势

响应式导航有哪几类设计方式?

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

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

UX从门外汉开始的用户研究之路

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

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

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

彩虹表格协同团队来进行用户体验研究的方法

APP设计欣赏课堂:侧边栏设计赏析

精品推荐
分类导航