一些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)这张图表示的标签栏上面常用的标签图标:

some size
1、iphone:inerfaceSize、icon、font4、苹果字体规格说明:A:导航栏标题:medium 34px;B:按钮和表头:light 34pxC:表格标签:Regular 28px;D:Tab页图标标签:Regular 20px




2、ipad:interfaceSize、icon、button&image


3、iWatch:interfaceSize、button&image、font


4、Android:icon、font、interfaceSize、顶部状态栏高24dp


切图
1、ISO切图注意事项

其他
1、内角半径计算公式
