Private collection
私人收藏馆
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
20人已收藏
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的首页推荐大作
Private collection
在她入驻到UI中国的日子里
总共吸引了3509位设计师的驻足流连
总共收获了104位设计师的由衷赞赏
总共获得了20位设计师的悉心珍藏
总共引起了13位设计师的深入讨论
依然要删除吗？问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
会员我单独作了一个模块,所有地址要求会员处于在线状态
$stateProvider.state("user", {
url: '/user',
controller: function($state,$location){
//昵名时路转到login
//反之$state.go('user.home')
.state('user.home',{
url:'/home'
.state('user.setting',{
url:'/option'
问题1:昵名时访问/user/home可以跳转到login页 , 但在地址栏中输入/user/option,就不跳转了
问题2:当跳转时，已经看到login页了,但某个地址的控制器（optionCtrl）中的console.log也执行了？如何让它不执行.有的地址我用了自定义指令会查询数据
问题3:是不是有更方的方案来过滤会员身份，而不需要在/user中的控制器写if判断
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以在最顶层的controller下用rootScope监听“$stateChangeStart”，类似下面的代码。不过我不是太清楚题主的具体情境，可以自己试一下看看可不可以。
$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
if (notLoggedIn) {
event.preventDefault();
return $state.go('login');
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
扫扫下载 App[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）
UI设计学习规范|
ui设计中图标尺寸是多大的，该做多少像素的圆角了?
【AAA数字艺术教育武汉中心】在之前我们简单介绍了今天我们来学习UI设计入门—ui设计的尺寸问题。
刚接触ui设计时，一定要谨记ui设计的规范，比如，画布要建多大，文字该用多大，需要做多少套界面才行等等。不废话，下面进入正题：
一、尺寸及分辨率
iPhone界面尺寸：320*480、640*960、640*1136
iPad界面尺寸：48*1536
单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。
Ps：作图的时候确保都是用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更。
二、界面基本组成元素
iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。
这里取用640*960的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。
状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px
导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px
主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px
内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPHU4-1.jpg" NAME="image_operate_71924" HEIGHT="271" WIDTH="659"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
至于我们经常说的iPhone5/5s的640*1136的尺寸，其实就是中间的内容区域高度增加到910px。
PS：在最新的iOS7的风格中，苹果已经开始慢慢弱化状态栏的存在，将状态栏和导航栏合在了一起，但是再怎么变，尺寸高度也还是没有变的，只不过大家在设计iOS7风格的界面的时候多多注意下~
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPM941-2.jpg" NAME="image_operate_57909" HEIGHT="356" WIDTH="630"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
三、字体大小
Phone上的字体英文为：HelveticaNeue 。至于中文Mac下用的是黑体，Win下则为华文黑体。
下图是百度用户体验做过的一个小调查，可以看出用户可接受的文字大小。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPI332-3.png" HEIGHT="142" WIDTH="660" NAME="image_operate_78952"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
其实还有个更简单的方法就是找你觉得好的app应用，手机截图后放进PS自己比对调节字体大小咯。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPM4F-4.png" NAME="image_operate_58123" HEIGHT="610" WIDTH="362"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
我的音乐——34px
我的、淘歌、发现——30px
Muxx——34px
本地音乐——30px
泡沫、邓紫棋——24px
总之，方法是自己找到的，想办法解决问题，自己实践，比别人告诉你印象更深刻不是么?
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/-150FGKA0120.jpg" NAME="image_operate_58622" HEIGHT="253" WIDTH="660"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
一、尺寸及分辨率
Android界面尺寸：480*800、720**1920。[单位：像素]
Android比iPhone的寸尺多了很多套，建议取用720*1280这个尺寸，这个尺寸720*1280中显示完美，在中看起来比较清晰，切图后的图片文件大小也适中，应用的内存消耗也不会过高。
二、界面基本组成元素
Android的app界面和iPhone的基本相同：状态栏、导航栏、主菜单、内容区域。
Android中我们取用的720*1280的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPHF4-5.png" NAME="image_operate_59417" HEIGHT="515" WIDTH="312"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
状态栏高度为：50px
导航栏高度为：96px
主菜单栏高度为：96px
内容区域高度为：1038px(-96=1038)
Android最近出的手机都几乎去掉了实体键，把功能键移到了屏幕中，当然高度也是和菜单栏一样的：96px
Ps：写之前我翻了好多关于Android的界面尺寸教程，都没找到像iOS一样具体的规范，或许因为在安卓中这些控件的高度都能用程序自定义，都没有提到具体的尺寸数值，所以就自己找了Android的设计规范，尺寸都是自己在PS中量的。
Android为了在界面上区别于iOS，Android4.0开始提出的一套HOLO的UI风格一些app的最新版本都采用了这一风格，这一风格最明显的变化就是将下方的主菜单移到了导航栏下面，这样的方式解决了现在很多手机去除实体键后再屏幕中显示而出现的双底栏的尴尬情景。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPK3W-6.jpg" NAME="image_operate_60121" HEIGHT="380" WIDTH="630"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
三、字体大小
Android 上的字体为：Droid sans fallback，是谷歌自己的字体，与微软雅黑很像。
同样，百度用户体验的调查中，可以看出用户可接受的文字相应问题。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPK340-7.png" HEIGHT="238" WIDTH="660"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
具体大小，还是那句话，找自己喜欢的app界面，手机截图后放进PS自己比对调节字体大小[切记，一定是高清截图哦]
基础规范必不可少，知道了UI设计学习的规范和尺寸后，AAA数字艺术教育给大家拓展一下那些看似简单的UI设计图标是如何设计出来的。
你还记得之前我们提到的丹布朗的那本《达芬奇密码》吗?里面有个关键线索便是斐波那契数列，而黄金比例，便是基于此。
斐波那契数列在自然界的造化物中得以完美体验，比例基本为1:1.618，我们生长在自然世界中，按相似的比例进行设计，能够愉悦我们的视觉感官。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPLR7-8.jpg" NAME="image_operate_60774" HEIGHT="338" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
黄金比例描述了斐波那契数列相邻两数字间的关系。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPH059-9.jpg" NAME="image_operate_60854" HEIGHT="338" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
因此，ui设计看似简单，其中不乏很多创意、想法与科学。我们走在ui设计这条路上常常感慨UI设计需要学习的真的太多了，胆小者勿入哦~~
下面，如果我们按此比例绘制ui图标，根据以上原理分析，会唤起观赏者的一种熟识感，一种与自然之间的微妙联系。先来看看Apple
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPG3M-10.jpg" NAME="image_operate_61113" HEIGHT="345" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
iCloud的图标可不是随随便便画出来的
Takamasa Matsumoto 在博客中展示了下图的设计思路
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPK938-11.jpg" HEIGHT="345" WIDTH="535" NAME="image_operate_81033"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
严格遵循黄金比例自然界中的案例
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPI552-12.jpg" NAME="image_operate_61381" HEIGHT="338" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
从贝壳到鲜花，这类的黄金比例无处不在
仔细观察周围的大千世界，你会发展黄金比例无处不在!花朵，贝壳，菠萝，蜂巢，都遵循了黄金比例的规则。
如何构建一个符合黄金比例的矩形
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPL640-13.jpg" NAME="image_operate_61491" HEIGHT="400" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
画一个正方形。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPK427-14.jpg" NAME="image_operate_61677" HEIGHT="400" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
将正方形一分为二
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPK150-15.jpg" NAME="image_operate_62146" HEIGHT="400" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
在一侧矩形中，画一条对角线。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPH129-16.jpg" NAME="image_operate_62435" HEIGHT="400" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
将对角线旋转为水平线。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPM2J-17.jpg" NAME="image_operate_62481" HEIGHT="400" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
构建矩形，利用水平线和原始矩形为参考。
在设计中充分利用黄金比例
听起来很复杂?其实远比想象的容易!有很多快捷的办法可以帮你实现 黄金比例布局。
如果你熟悉“三分法构图”，那么就方便多了，这个构图法的理念是在水平和竖直方向上各自均分3等分。而连线所构成的4个交点会成为视觉焦点。
摄影师往往在拍摄时，将关键物体定格在这4个焦点上。对于界面设计、印刷海报设计来说，同理。
跟三分法差不多，如果能够采用1:1.6的比例，那么整体构图就十分接近黄金比例了。
如果想要在设计中采用黄金比例构图，简单打个比方，比方说内容区域和工具栏吧(网页设计中)，那么比例就要为为1.6:1。而在工具栏中，可以进一步按这一比例分割。
<img ALT="" src="/blog7style/images/common/sg_trans.gif" real_src ="http://www./uploads/allimg/JPL101-18.jpg" NAME="image_operate_47452" HEIGHT="400" WIDTH="535"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
在页面布局中，黄金比例可以帮大忙，让阅读体验更加自然。
Ui设计学习规范对初学者入门学UI，以及后期的UI作品是否符合人们的观看和使用习惯是非常有必要的。
更多学UI设计资讯请加入我们咨询QQ群： ，查看下载
【AAA数字艺术教育介绍】
专注于大学生CG教育培训
只培养高端UI设计师，完成保薪金就业，签协议!
零基础无压力学习，知识点难易分级，你一定能学会!
个性化资料分析，游戏化管理，你一定愿意学习!
体验式的教育服务，每个周末，十六课时免费学!
-------------------------------------------------------------------------------------------------------------
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 微信号：aaa_job (AAA就业联盟)
您也可以通过扫描下方二维码快速添加：
<img ALT="UI设计师？Ui设计师是做什么的？UI设计师能做什么？" src="/blog7style/images/common/sg_trans.gif" real_src ="/mw690/003PXuOqgy6TE2sJmMga0&690" NAME="image_operate_63672" HEIGHT="247" WIDTH="247"
TITLE="[转载]学UI设计|&ui设计中图标尺寸是多大的?（附源文件）" />
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。中華航空公司 China Airlines
select your country of departure
Please select preferred language
South East Asia-
Nederland-
Deutschland-
North America
United States-
Australia-
New Zealand-
Language Selection
Select Language
Select your preferred language
台灣-English
台灣-繁體中文
中国-English
中国-简体中文
香港-English
香港-繁體中文
??-English
日本-English
日本-日本語
South East Asia-English
South East Asia-???
South East Asia-繁體中文
South East Asia- Bahasa Indonesia
South East Asia- Ti?ng Vi?t
Nederland-English
Nederland-Nederlands
Italia-English
Italia-Italiano
Deutschland-English
Deutschland-Deutsch
Austria-English
Austria-Deutsch
United States-English
United States-繁體中文
Canada-English
Canada-繁體中文
Australia-English
Australia-繁體中文
New Zealand-English
New Zealand-繁體中文扫二维码下载作业帮
1.75亿学生的选择
下载作业帮安装包
扫二维码下载作业帮
1.75亿学生的选择
断路器上面有Ui Ics Icu Uimp都是什么意思啊Ui Uimp Ue Icu Icw Ics Ir Isd都是什么意思啊?高手帮忙,谢谢了
扫二维码下载作业帮
1.75亿学生的选择
Ui：额定绝缘电压Uimp：额定冲击耐受电压Ue:额定电压Icu:额定极限分断电流Icw：额定短路耐受电流Ics：额定运行分断电流Ir：额定电流Isd：断路器速断动作电流
为您推荐：
其他类似问题
额定绝缘电压(Ui)是额定运行短路分断电流(Ics)额定极限短路分断能力(Icu)额定冲击耐受电压(Uimp)
扫描下载二维码}