El diseño para el iPhone: Recursos

37 Signals dijo una vez sobre el diseño para el iPhone:

El diseño para el iPhone es como un híbrido de impresión y diseño web.

La web que todos sabemos está plagado de incertidumbre. No sabemos el tamaño de la pantalla o el visor de la resolución, no sabemos el valor de gamma de la pantalla de alguien, no sabemos si tienen un tipo de letra determinado y / o exactamente cómo se representa en los que se enfrentan en su navegador, no sabe el navegador que van a utilizar, etc

Pero el papel, por el contrario, está lleno de controles. Tamaño fijo, se enfrenta a fijos, colores fijos. Lo que se imprime es exactamente lo que uno ve (suponiendo que haya hecho su tarea en color y papel, etc.)

Por lo que el iPhone es una mezcla extraña. Es la web, y las cosas pueden desplazarse, y los datos se extraen de los servidores remotos, pero es también un ancho fijo, un navegador fijo, tipos de letra fijo, etc Es muy bueno y un ejercicio de diseño muy refrescante.

Es muy cierto. Cómo diseñar para el iPhone es sólo diversión. No se preocupe acerca de las pruebas cross-browser, no se preocupe por tener que atender a las tecnologías obsoletas. Lo que el diseño es lo que hay!

Aquí hay algunos recursos para ayudarle a prosperar con su proyecto de diseño del iPhone.

Archivos de Photoshop

Libre de archivos PSD para iPhone icons / fotos / lo que sea

iPhone GUI PSD

Interfaz de iPhone PSD archivo

icono de estilo iPhone. psd Kit

Oficial de Recursos de Apple

iPhone Dev Center
Video: Introducción al SDK del iPhone (requiere registro gratuito)
Gráficos y animación de codificación Cómo se hace la

Tutoriales

Aprender a desarrollar para el iPhone

El diseño para el iPhone (cuando no está sosteniendo una)

Crear un iPhone Slick / interfaz móvil desde cualquier fuente RSS

Diseñar para el iPhone (lista de varios sitios web con interfaces de iPhone)

Pregunte a ET: diseño de la interfaz iPhone (video incluido)

ECommerce útiles: Diseño Web para el iPhone

Iconos iPhone

El diseño para el iPhone (1 ª parte) (favicon)

¿Cómo crear un icono personalizado Apple iPhone para su sitio Web

¿Cómo crear un icono de iPhone WebClip con Photoshop

La evolución del icono de estado de entrega (animación muy cool de su progreso)

Fragmentos de código útiles

Detectar el iPhone con JavaScript:

<script type="text/javascript"> if (navigator.userAgent.indexOf('iPhone') != -1) { { // Do something iPhone Specific! } </script> 

Ajuste el tamaño de la ventana iPhone:

 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 

Puesto que en la sección de su web la cabeza páginas. Si desea forzar una anchura estática, cambie "dispositivo de ancho" a un tamaño específico. Las dimensiones de la pantalla del iPhone es de 320 x 480px.

Desplácese hacia abajo para ocultar la barra de menú de carga de la página:

 <script type="application/x-javascript"> addEventListener('load', function() { setTimeout(hideAddressBar, 0); }, false); function hideAddressBar() { window.scrollTo(0, 1); } </script> 

Para más noticias iPhone y comentarios sobre las últimas aplicaciones para el iPhone , echa un vistazo a AppCraver .