交互设计规范（一）思维导图
详解交互设计规范第一部分：页面信息规范。页面标题、链接新窗口打开规范、图片信息。
树图思维导图提供 交互设计规范（一）思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 交互设计规范（一）思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：b4f3bd1b1a81c5ce1c41b43bf3c28c87
思维导图大纲
交互设计规范( 基于后台 ) 思维导图模板大纲
名词解释
通用组件
指的是在各页面均有使用的功能，比如导航栏
ALT
图片无法显示的时候显示替代文字
TITLE
指针指向图片的时候显示的文字
BLANK
超链接
预先信息提示
操作说明，比如某一输入框后面显示的输入内容太提示语。
通用组件
指在很多页面出现的功能组件，比如按钮，输入框，导航条。
浮层
页面中点击操作之后在该页面之上弹出的界面。该区域叫浮层。
页面信息规范
针对页面交互信息的标准，包括：页面标题、链接新窗口打开规范、图片信息。
页面标题
应用
用于规范整个产品中所有不同层级不同功能的页面应该使用的标题。
规范
标题需要加粗，不同层级的标题均需要加粗，设计过程中可自定义字体大小。
链接新窗口规范
应用
用于规范页面链接是采用新窗口打开还是本窗口打开。
规范
本窗口打开
查询结果、上下翻页、内容保存等操作在本窗口打开。
新窗口打开
各类详情页面、商品预览页面（编辑）采用新窗口打开。
页面图片信息规范
应用
用于规范页面图片信息显示是否带有alt、title值、BLANK链接。
目前后台图片分为：按钮图片、内容型图片
规范
按钮图片
Alt：交互使用的按钮图片（不带文字）：如编辑、添加、警告等。图片ALT必须为交互操作的名称。
Title：按钮图片不增加Title值
内容型图片
Alt：服务器中保存该图片，在图片无法显示的时候可显示替代文字
各详情页面中该图片预览框中显示替代文字
各列表的图片预览框中不显示替代文字。
Title：鼠标过去显示的文字
后台各详情页面指针指向该图片时显示文字
后台各列表页面指针指向该图片时显示文字
BLANK链接
后台各详情页面点击该图片无效，不激活BLAN链接
后台各列表页面点击列表中的图片则在新窗口打开商品详情页面。
沪公网安备 31011502019485号
上海工商