讲座itcast网站页面ui设计

G.界面设计标准（以iOS7的iPhone界面为例）感谢wangxiaohui6687图标设计规范下表列出了图标的标准尺寸，按照此规范作图，可以使图标能在搭载IOS7的多种设备中正确显示显示。（单位：px）描述iPhone5和iPodtouch的尺寸（高清晰度）大小为iPhone和iPodtouch（高分辨率）iPad的尺寸为（高清晰度）大小为iPad2和iPad迷你（标准分辨率）应用程序图标120×120120×120152×15276×76为AppStore1024×10241024×10241024×10241024×1024启动影像640×1136640×9601536×2048（纵向）2048×1536（横向）768×1024（纵向）1024×768（横向）Spotlight搜索结果图标（推荐）80×8080×8080×8040×40设置图标（推荐）58×5858×5858×5829×29工具栏和导航栏图标（可选）约44×44约44×44约44×44约22×22标签栏图标（可选）约60×60（最大：96×64）约60×60（最大：96×64）约60×60（最大：96×64）约30×30（最大：48×32）默认报刊亭盖为AppStore图标（书报亭应用程序所需）至少为1024像素的最长边至少为1024像素的最长边至少为1024像素的最长边至少为1024像素的最长边网页剪辑图标（推荐的Web应用程序和网站）120×120120×120144×14472×72图标设计线条画，而激活图标则增加填充，未激活状态的线条消失或者反白。如下图：字体字号:HelveticaNeue仍旧是iOS的默认字体，但普通文本通常是以细体字展示，而不是常规或粗体。需要突出强调的文本通常用的是中粗字体（例如，导航栏标题）标题类型默认字体大小默认字体类型导航栏标题34px中等普通按钮34px细体表格头部34px细体表格标签28px常规页签栏文字20px常规98px640px表单导航栏1.桌面启动应用程序图标更新到iphone:120X120px，ipad:152x152px；2.启动画面要添加回statusbar（顶部状态栏）；3.viewcontroller用full-screenlayout；4.重新设计barbutton图标（线条化）；5.按钮要使用无边化（多为文字直接作为按钮）；6.使用相对布局，autolayout，尽量不要写死坐标和大小（是否预示着大屏iphone的到来？）；7.用户可自定义字号；8.注意底部手势的使用，IOS7将优先响应系统的控制面板（从底部上滑手势，唤出系统控制面板，

软件内部谨慎使用）；9.尽量去特效化去拟物化，保持界面元素平滑和层次感（这就是简约设计的难点了）；10.在application:didFinishLaunchingWithOptions:里判断版本6or7来载入相关资源（IOS6

可以和IOS7呈现不同的UI效果）；11.状态烂透明，其它bar都是半透明的；UIBarPositionTopAttached代表bar背景延伸到statusbar，总高128px（导航栏高度高度加状态栏）,UIBarPositionTop代表不延伸；12.NavigationBar默认是半透明，底部有1像素的hairline；tintColor去定义barbutton,用barTintColor去定义bar背景。如果要用自定义的返回按钮，需要做一个MASK图像作为切换过渡用。NaviBar的下部