一些UI知识点（持续更新）

2024-11-06 13:10:57

一些UI的知识点个人总结。

常用命名

1、bg（水瑞侮瑜backgrond 背景）splashscreens（启动页、闪屏页）user_guide(引导敌颉缪莽页)nav（navbar 导航栏）tab（tabbar 标签栏）btn（button 按钮）img（image 图片）del（delete 删除）msg（message 提示信息）pop（pop up 弹出）icon（图标）selected（选中）disabled（不可点击）default（默认）pressed（按下）back（返回）edit（编辑）content（内容）left/center/right（左/中/右）logo（标识）login（登录）refresh（刷新）banner（广告）link（链接）user（用户）download（下载）note（注释）

2、启动界面:启动图片 default.png启动logo default_logo.png如：蟠校盯昂defau造婷用痃lt.png\defoult@2x.png\defauLt-568@2x.png常用状态正常 normal按下 pressed选中 selected禁用dis（disabled）已访问 visited悬停 hover登录界面（login）登录背景 login_bg.png登录logo login_logo.png输入框 login_input.png输入框按下状态 login_input_pre.png登录按钮 Login_btn.png登录按钮按下状态 Login_btn_pre.png底部弹出菜单栏 Bar状态栏 StatusBar导航栏 NaviBar标签栏 TabBar工具栏 ToolBarbtn_功能属性或色彩均可.png如：btn_blue.png\btn_blue.9.png 蓝色按钮控件＆部件控件：较独立的可操作界面元素部件：描述属于某控件一部分按钮（可点） Btn 图标 Icon不可点、非点击主体、图案部件标记 Sign列表 List菜单 Menu视图 View面板 Panel薄板 Sheet切换开关 Switch滑动器 Slider单选框 Radio复选框 CheckBox背景 Bg蒙版、遮罩 Mask收藏 collect评论 comment广告 ad时间 time音频 audio视频 viedio不喜欢 dilike用户 user首页 hone排名 ranked搜索 search标志 logo进度条 progress bar默认图片 def_分隔图片 seg_选择 sel_关闭 close返回 back编辑 eidt内容 content左中右 left center right提示信息 msg个人资料 porfile弹出 pop删除 delete下载 download登录 login注册 regsiter标题title注释 note链接 link图片 image（img）刷新 refresh常用补充描述顶部 Top 中间 Middle 底部 Bottom第一 First 第二 Second 最后 Last页头 Header 页脚 Footer

3、iOS7 UI设计控件元素详细解读和设计规范iOS7UI元素设计布局控件分为以下4大类：A：栏：状态栏目和导航栏的结合体；iOS7官网对栏的具体解读包括：1、状态栏(Status Bar)2、导航栏(Navigation Bar)3、工具栏(Toolbar)4、标签栏（Tab Bar）5、搜索栏(Search Bar)6、范围栏(Scope Bar)这张图表示的标签栏上面常用的标签图标：

4、B：内容视图：应用显示的内容信息，包括相关的交互行为，例如滚屏、插入、删除等操作进行排序；iOS7官方解读视图包括1、活动菜单(Activity)2、集合视图(Collection View)3、图片视图(Image View)4、地图视图(Map View)5、页面视图控制器(Page View Controller)6、滚动视图(Scroll View)7、表格视图(Table View)8、文本视图(Text View)9、网络视图(Web View)

5、C：控制元素：产品行为或显示的信息；1、活动指示器(Activity Indicator)2、添加联系人按钮(Contact Add Button)3、日期时间选择器(Date Picker)4、详情展开按钮(Detail Disclosure Button)5、信息按钮(Info Button)6、标签(Label)7、网络活动指示器(Network Activity Indicator)8、页面控件(Page Control)9、选择器(Picker)

6、D：临时视图：临时向用户提供重要的信息，或提供额外的功能和选项1、活动指示器（activity indicator）2、日期时间选择器（Date Picker）3、联系人添加按钮（Contact Add Button）4、细节展示按钮（Detail Disclosure Button）5、信息按钮（Info Button）6、标签（Label）7、网络活动指示器（Network Activity Indicator）8、页面控制器（Page Control）9、选择器（Picker）10、进度视图（Progress View）11、刷新控件（Refresh Control）12、分段控件（Segmented Control）13、滑动器（Slider）14、步进器（Stepper）15、开关（Switch）16、系统按钮（System Button）17、文本框(TextField)