您好,欢迎光临一网学 请登录 免费注册

网页设计培训、UI设计培训和淘宝美工培训机构-一网学!

7 * 24小时全国免费咨询电话

400-655-3664

您现在的位置:首页 > 免费专区 > 设计教程

设计教程

UI培训之iOS7 UI设计控件元素详细解读和设计规范

作者: 一网学   最后更新时间:2014-08-25 14:53:03

iOS7UI元素设计布局控件分为以下4大类:

A:栏:状态栏目和导航栏的结合体;

iOS7官网对栏的具体解读包括:

1、状态栏(Status Bar)

2、导航栏(Navigation Bar)

3、工具栏(Toolbar)

4、标签栏(Tab Bar)

5、搜索栏(Search Bar)

6、范围栏(Scope Bar)

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)
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)
D:临时视图:临时向用户提供重要的信息,或提供额外的功能和选项。

1、活动指示器(activityindicator)
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)

iOS7UI元素设计布局控件布局原则:

1、可点击对象的区域:尺寸不要小于44*44px;

2、将重要的内容和功能放在权重高的位置,将重要的元素放在前半屏比较好,对于阅读习惯从 左到右的用户来说,更贴近屏幕左侧位置容易引起关注的;
3、利用视觉表现形式的权重和平衡,尺寸较大的元素具有更高的权重,对于尺寸较小的元素来 说,更能吸引目光,看上去更加重要等。

4、苹果字体规格说明:
A:导航栏标题:medium 34px;
B:按钮和表头:light 34px
C:表格标签:Regular 28px;
D:Tab页图标标签:Regular 20px


                               【一网学,UI培训,我的未来我设计】


                               想学习更多UI设计知识请进:UI培训

点击:1459关键字: UI培训   UI设计培训   UI设计培训班  
 

还要名师指导?
还想学更多?
想成为一名优秀的设计师?

赶快报名我们的就业培训吧

加入一网学(免费获取设计视频)

加入我们QQ群

  • 94479624(满)
  • 300641383 (满)
  • 325055490(满)
  • 208130525

扫一下,加我微信

    姓名:
    我要报名,免费试听,素材索取都可以
    给我们留言。同时也可以咨询在线客服。
    郑重承诺:我们不会泄露您的任何资料。
    电话:
    Q Q:
    答案:
    邮箱:
    留言:

    客户服务中心(7×24小时):

    4006-553-664

    • 电话:0755-25849300
    • 传真:0755-25849300
    • 邮箱:editor@ywxue.com

    深圳市一网学教育咨询有限公司 版权所有 2008-2016|一网学手机站

    一网学专注网页设计培训UI设计培训平面设计培训淘宝美工培训7年 | E-mail:editor@ywxue.com
    Copyright © 2008 - 2016 ywxue.com. All Rights Reserved 粤ICP备12037495号-2