iOS UI设计与开发 按钮、图标和图片

1.系统内置按钮和图标

Using System-Provided Buttons and Icons

2.自定义图标和图片

iphone 自带图标的尺寸一般为29px × 24px,自制的图标最好接近这个尺寸;图标的颜色应该是纯白色,可以带有alpha透明度;缩图的时候要注意抗锯齿,文件格式为PNG。

3.程序图标和启动画面

Home Screen图标:57px × 57px。默认情况下提供的文件可以是一个平面的图像,iPhone会自动给它加上圆角,打上阴影和高光反射效果。这样,不同的程序图标在Home Screen里面都会有类似的质感。(这个特效也可以取消)

启动画面就是每个程序开启的时候系统显示的画面。在软件的第一个View加载完毕之前,系统都会显示这个图片。有些iPhone自带软件会显示上次软件退出前的屏幕截图,给用户以软件一直在后台运行的假象,例如Notes。可惜的是,对第三方开发者来说暂时是行不通的。因为iPhone的软件要进行代码签名,也就是说,项目中Bundle的文件在编译之后就不能修改了,而这个启动屏幕的图片只能指定在Bundle中的文件,而不能指定如documents文件之类,即这个图片在iPhone上运行是不能修改的。

不过,可以制作一张程序主页面的截图,再去掉所有在用户机器上可能改变的内容,形成一个通用的界面骨架。这样,用户就会以为在按了图标之后软件已经立即加载完成了,而剩下的停顿是在载入用户特有的信息。

启动画面尺寸:320px × 480px,PNG。

时间: 2024-08-24 10:02:12

iOS UI设计与开发 按钮、图标和图片的相关文章

【Android UI设计与开发】第05期:引导界面(五)实现应用程序只启动一次引导界面

[Android UI设计与开发]第05期:引导界面(五)实现应用程序只启动一次引导界面 jingqing 发表于 2013-7-11 14:42:02 浏览(229501) 这篇文章算是对整个引导界面开发专题的一个终结了吧,个人觉得大部分的引导界面基本上都是千篇一律的,只要熟练掌握了一个,基本上也就没什么好说的了,要是在今后的开发中遇到了更好玩,更有趣的引导界面,博主也会在这里及时的跟大家分享,今天的内容主要是教大家的应用程序只有在第一次启动的时候显示引导界面,以后在启动程序的时候就不再显示了

【转】【Android UI设计与开发】第07期:底部菜单栏(二)Fragment的详细介绍和使用方法

原始地址:http://blog.csdn.net/yangyu20121224/article/category/1431917/1 由于TabActivity在Android4.0以后已经被完全弃用,那么我就不再浪费口水继续讲解它了,取而代之的是Fragment.Fragment是Android3.0新增的概念,Fragment翻译成中文是碎片的意思,不过却和Activity十分的相似,这一篇我花大量的篇幅来详细的讲解Fragment的介绍和使用方法. 一.Fragment的基础知识介绍  

【Android UI设计与开发】第09期:底部菜单栏(四)Fragment+PopupWindow仿QQ空间最新版底部菜单栏

转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/9023451          在今天的这篇文章当中,我依然会以实战加理论结合的方式教大家如何设计出自己觉得很炫的UI界面.好的,话不多说,进入正题.今天的这篇文章主要是以仿QQ空间的底部菜单栏效果为主,实现的效果有: <1>实现了点击按钮时的切换图片效果: <2>实现了点击按钮时的切换界面效果: <3>实现了点击中间圆形按钮时弹出菜单以及按钮图片切

iOS UI设计模版收藏

Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. 一些关于iOS7的开源项目,包括设计素材,效果实现以及代码例子. iOS App设计流程优化大秘诀 寻找灵感 Dribbble 方酷手机UI设计, APPUI设计分享平台 千图网 中国最大的免费素材网站 660+free placeit UI尺寸规范 UI设计的一些标准尺寸 花瓣网 iOS 界面设计切图小结 25个免费的iOS设计资源

【Android UI设计与开发】第13期:顶部标题栏(四)自定义ActionBar风格和样式

转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/9087941   这篇文章将对ActionBar专题前面几篇学习过的内容做一个总结,顺便运用以前学过的知识实现一个自定义样式的ActionBar标题栏效果.话不多说,进入今天的正题. 一.实现效果图 竖屏效果图:最左边是Logo图标,右边是工具栏按钮,点击Menu键显示其余的按钮键,下方是Tab标签选项. 横屏效果图:竖屏中的Tab选项标签变成了中间的下拉导航按钮 二.项目结

【Android UI设计与开发】6.底部菜单栏(三)使用Fragment+PopupWindow仿QQ空间最新版底部菜单栏

直接看栗子吧,效果基本实现,界面微调和弹窗的优化,去做的话会很耗时说,暂时就酱紫了.上传效果动态图太大了,直接手机截图的效果图如下: 至于代码的实现主要就是自定义的菜单栏,和用 PopupWindow 实现弹窗了.仔细看代码很好懂的. 1.主界面布局代码如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.and

前端的UI设计与交互之图标篇

图标是具有指代意义的图形,也是一种标识.通过使用图标表达命令,强调状态,表示产品或类别.为了系统及跨平台之间图形认知保持一致, 图标在设计和使用时有以下两个原则点需要注意:简单的图形语言以及高辨识度.清晰.直观的图标更能明确指代含义便于识别记忆:保持图标之间一致的风格和表现方式.界面中的所有图标都应该在细节设计.透视和笔画权重上保持一致.一.系统图标系统图标通常用来表示常用的操作,比如:删除.保存.编辑.也可以用来表示一个文件或者状态.2.关键轮廓线根据不同的图标形状类型使用不同的轮廓线,可以使

【Android UI设计与开发】第06期:底部菜单栏(一)使用TabActivity实现底部菜单栏

转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/8989063       从这一篇文章开始,我们将进入到一个应用程序主界面UI的开发和设计中了,底部菜单栏在Android的应用开发当中占有非常重要的地位.几乎所有的手机应用程序都有底部菜单栏这样的控件,主要是因为手机的屏幕大小有限,这样一种底部菜单栏实现起来的效果可以很方便的为用户切换自己所需要的界面,具有更强的交互性.底部菜单栏的样式和效果也是五花八门,多的数不胜数,但是

【Android UI设计与开发】8.顶部标题栏(一)ActionBar 奥义&#183;详解

原文地址:http://www.cnblogs.com/yc-755909659/p/4290784.html 一.ActionBar介绍 在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个非常重要的交互元素,Action Bar取代了传统的tittle bar和menu,在程序运行中一直置于顶部,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控. 二.ActionBar的功能 用图的方式来讲解