多语言展示
当前在线:1030今日阅读:126今日分享:42

一些UI知识点(持续更新)

一些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如:default.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工具栏 ToolBar btn_功能属性或色彩均可.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)

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切图注意事项

2

Android的一些公式

其他

内角半径计算公式

推荐信息