background preloader

Supporting Multiple Screens

Supporting Multiple Screens
Android runs on a variety of devices that offer different screen sizes and densities. For applications, the Android system provides a consistent development environment across devices and handles most of the work to adjust each application's user interface to the screen on which it is displayed. At the same time, the system provides APIs that allow you to control your application's UI for specific screen sizes and densities, in order to optimize your UI design for different screen configurations. For example, you might want a UI for tablets that's different from the UI for handsets. Although the system performs scaling and resizing to make your application work on different screens, you should make the effort to optimize your application for different screen sizes and densities. In doing so, you maximize the user experience for all devices and your users believe that your application was actually designed for their devices—rather than simply stretched to fit the screen on their devices.

Designing For Android For designers, Android is the elephant in the room when it comes to app design. As much as designers would like to think it’s an iOS1 world in which all anyones cares about are iPhones, iPads and the App Store, nobody can ignore that Android currently has the majority of smartphone market share2 and that it is being used on everything from tablets to e-readers. In short, the Google Android platform is quickly becoming ubiquitous, and brands are starting to notice. But let’s face it. Android’s multiple devices and form factors make it feel like designing for it is an uphill battle.

Designer’s Guide to Supporting Multiple Android Device Screens Unlike iPhones, Android devices do not have the same company developing both the software and hardware. This leads to different combinations of screen sizes, resolutions and DPIs and creates quite a challenge when designing and developing for these devices. While the iPhone 3G/S and iPhone 4 have different resolutions and DPI, they share the same screen size and the resolutions follow the same aspect ratio. Therefore, an image can be created to fit the iPhone 4’s specifications and be nicely down-scaled to the iPhone 3G/S. Credit to Steve Jobs for planning ahead and designing his phone with developers in mind. For some reason, manufactures using the Android OS on their phones did not give us the same luxury.

Android Tutorial for Beginners: Part 2 Update note: This tutorial was updated for the latest version of Android Studio by Darryl Bayliss. Original tutorial by Matt Luedke. This tutorial is the second of three parts. Android UI Design Kit PSD 4.2 [Free Download] In August 2012, Android ICS/JB Photoshop GUI Design Kit 3.0 was published with some new Jelly Bean UI elements, and until today, the Design Kit has been downloaded over 21,000 times since the very first version back in December 2011 – not a huge number, but it is putting a smile on my face. It’s really nice to see there are many designers interested in Android Design and used the Design Kit to kick-start their design work in Android app. A big thank you to everyone that is using the design kit and I really hope it helps in your Android app design workflow in some way. And today, I have finally updated the Android UI Design Kit PSD to version 4.2, with the size of Nexus 4 screen resolution (768×1280), as requested by many supporters. Besides the resolution update, I have also added a few new UI elements into the Design Kit:

Samsung Galaxy Tab Características[editar] Rendimiento[editar] En cuanto hablamos de rendimiento, hay que recordar que este tablet fue el primero en plantar cara y mejorar el iPad de Apple; a diferencia de éste, Samsung opto por mejorar ligeramente las características del Galaxy S para luego implantarlas en un dispositivo de 7", del potente procesador de 1 GHz del Galaxy S, el Galaxy Tab cuenta con uno con la misma arquitectura ARM Cortex y el mismo Soc Hummingbird pero con 1,2 GHz; también hay que hablar de la tarjeta gráfica, aunque ésta apenas haya sido mejorada de los 200 MHz PowerVGR-540 del Galaxy S a los 220 MHz del mismo tipo de procesamiento gráfico del Galaxy Tab Sistema operativo[editar] El sistema operativo original de este dispositivo es Android 2.2.1, actualizado de forma automática a 2.3.5. Muchos usuarios han podido actualizarla mediante Samsung Kies pocos meses después de que se pudiera comprar en tiendas.

Lock Screen Orientation in Android This article describes how to force the orientation of an Android view not to change ie screen not to rotate. How to lock the orientation How to detect the current orientation To programmatically detect the current orientation of the activity use the following code snippet.

Où trouver de l'inspiration pour du design mobile Faire de la veille, trouver de l'inspiration et se tenir au courant de ce qui se fait dans le domaine du web fait partie de notre quotidien. Il n'est pas toujours facile de trouver rapidement ce que l'on cherche, surtout dans le monde du design mobile. Installer toutes les applications d'un store n'est pas non plus forcément une solution pratique. Je vous propose donc pour l'été une petite liste de sites bien sympathiques où trouver de l'inspiration en matière de mobilité. Iconography An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays. But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app.

Design - Metrics and Grids Devices vary not only in physical size, but also in screen density (DPI). To simplify the way you design for multiple screens, think of each device as falling into a particular size bucket and density bucket: The size buckets are handset (smaller than 600dp) and tablet (larger than or equal 600dp).

PhoneGap Eclipse PlugIn for Android PNChart Drawable Resources Bitmap File A bitmap graphic file (.png, .jpg, or .gif). Creates a BitmapDrawable. Android UI Design Patterns: Tablet UI Patterns Android Action Bar is a well established UI pattern on Android phone UI design. It is the single most powerful visual tool to make an app look like an Android app. In their tablet version of the Android OS Google decided to support the pattern on API level. In Honeycomb implementing a standard looking Action Bar is easier than ever before. Most important app functionality should always be easily accessible by users. Apps on a single platform should be internally consistent how they approach main level navigation and important actions. Action Bar The action bar is a window feature that identifies the user location, and provides user actions and navigation modes. Using the action bar offers your users a familiar interface across applications that the system gracefully adapts for different screen configurations. Figure 1.