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. We can spend all day comparing “Apples to Androids”, but instead let’s jump right into what we’re dealing with here. Popular Android Devices I thought it best to share a list of the most popular Android devices out in the market today and a few of their specifications.
Design - Devices and Displays
Android powers millions of phones, tablets, and other devices in a wide variety of screen sizes and form factors. By taking advantage of Android's flexible layout system, you can create apps that gracefully scale from large tablets to smaller phones. Be flexible Stretch and compress your layouts to accommodate various heights and widths. Optimize layouts On larger devices, take advantage of extra screen real estate. Assets for all Provide resources for different screen densities (DPI) to ensure that your app looks great on any device. Strategies So where do you begin when designing for multiple screens? For details about designing layouts for larger screens, see the Multi-pane Layouts guide.
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. The first part of this series covered a lot of zoomed-out Android concepts, as well as the general structure of Android projects. By the time you’re done with this section, you’ll have an app with: An image from a PNG file;An editable text field for writing messages;A button to submit your input;A text view that shows your most recent message;A list that displays all your messages;An option to share your message through Facebook, Twitter, SMS or email; andA greeting that saves and retrieves your name each time you open the app. You should already be at the point where you have a “Hello World” app running on your emulator or device. It’s great that you’ve come this far — but now it’s time to take it to the next level! Getting Started First, open app/res/layout/activity_main.xml. XML Layout Basics Relative Layouts
android - getSize() giving me errors
Free Flat Icons
PhoneGap Eclipse PlugIn for Android
App Cooker
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é. Bonne inspiration :) Android Ces trois sites proposent des captures d'écran d'applications Android Androidux.com Androidpttrns.com Android-app-patterns.com En bonus, j'ajoute androidpatterns.com qui vous permettra de découvrir et vous aidera à choisir entre différents schémas d'interaction sur Android iOS Ces quatre sites vous proposent de l'inspiration pour iOS uniquement. Mobilemozaic.com Ne propose que des applications iPhone Pttrns.com Propose des applications iPhone et iPad Tabpatterns.com Uxarchive.com Multiplateforme
Android UI Design Kit PSD 4.2 [Free Download] | Android User Interface | User Experience
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: Cards (Google Now)CroutonDrawer MenuQuick ReturnUndo BarGestures Android UI Design Kit 4.3 for Photoshop and GIMP is here! Like this: Like Loading...
Using the Emulator
The Android SDK includes a virtual mobile device emulator that runs on your computer. The emulator lets you prototype, develop and test Android applications without using a physical device. The Android emulator mimics all of the hardware and software features of a typical mobile device, except that it cannot place actual phone calls. It provides a variety of navigation and control keys, which you can "press" using your mouse or keyboard to generate events for your application. To let you model and test your application more easily, the emulator utilizes Android Virtual Device (AVD) configurations. The emulator also includes a variety of debug capabilities, such as a console from which you can log kernel output, simulate application interrupts (such as arriving SMS messages or phone calls), and simulate latency effects and dropouts on the data network. Overview The Android emulator is an application that provides a virtual mobile device on which you can run your Android applications.
Removing address bar from browser (to view on Android)
Android Gripes, Why do apps from the same company look worse on Android than on iPhone?
CAPPTIVATE.co | iOS UI Animations
android - Create a fixed menu bar
