Share
In dit artikel zullen we enkele zeer fundamentele ontwerpthema's voor het Android-platform bespreken. Afgezien van de documentatie die door Google wordt verstrekt, zijn er zeer weinig bronnen die een weergave op hoog niveau bieden voor het ontwerpen van mobiele Android-apps. Dit artikel maakt het gemakkelijk om de nuances van het ontwerp van de Android-gebruikersinterface te begrijpen.
Ik moet toegeven dat dit een beer van een artikel was om te schrijven. Waarom?
Ik heb geprobeerd een manier te vinden om dit onderwerp te vermijden. Echt waar, ik heb het. Maar het moet worden besproken.
Als ontwerper krijgen we allemaal een scala aan werk als we aan een project beginnen, en soms bevat het ook bestaande ontwerpelementen en visuele elementen. Dat is het geval met de standaard Android UI-designelementen:
Ontwerpen voor Android kan soms het gevoel hebben een lippenstift op een varken te plaatsen, maar dan kan op een elegante manier worden gedaan.
Als we weten wat we weten over de Android UI en de ontwerpelementen ervan, is het moeilijk om het idee van het hergebruiken van een iPhone UI "ter wille van het merk" te weerstaan. Maar is dat de juiste beslissing? Ik denk dat het antwoord tweeledig is.
Dit zijn screenshots van de game Förzic van IconFactory. Zoals bij de meeste games, breekt het de standaard gebruikersinterface voor zowel iPhone als Android, dus is het logisch om dezelfde UI-sjabloon voor beide platforms opnieuw te gebruiken:
Je moet een manier vinden om je merk in balans te brengen, en het uiterlijk van het platform. Dropbox is een geweldig voorbeeld van een app die op een elegante manier de merkintegriteit en platform-UI-besturingselementen voor native platform behoudt:
Het mooie aan Android is dat het op een heleboel apparaten werkt. Het slechte ding over Android is dat het op een heleboel apparaten werkt. Maar maak je klaar voor ontwerpers: deze factor wordt alleen maar beter / slechter naarmate er steeds meer apparaten op de markt verschijnen.
Het ding om te onthouden bij het ontwerpen voor Android is om GEEN lay-outs met een vaste breedte te gebruiken. Als u afkomstig bent van een webontwerpachtergrond, denk dan in termen van "vloeiende lay-outs". Lay-outs die zullen worden uitgerekt op basis van de breedte van de browser, of in dit geval het scherm.
Google heeft een geweldige documentatie over het ondersteunen van meerdere schermafmetingen hier. Wees niet bang als je begint te lezen over dingen zoals de "dichtheid onafhankelijke pixel". Dit betekent dat de conversie tussen pixels en DP niet consistent is voor alle schermformaten en resoluties. En dat betekent dat als u een afbeelding maakt die er geweldig uitziet op een 480x800 scherm, deze niet de juiste afmetingen krijgt voor een 240x400 scherm.
Vanwege het bovengenoemde probleem met de resolutie van het scherm / de grootte, raadt Android aan om drie sets afbeeldingen te maken voor:
Dit zorgt ervoor dat uw ontwerp niet wordt crunked wanneer het wordt weergegeven op verschillende schermformaten.
Het onderstaande raster toont de verschillende schermformaten en resoluties die u gebruikt voor uw Photoshop-bestanden:
Ik weet dat het veel is. Maar als u uw ontwerp maakt met vectorvormlagen, moet het re-sizingproces niet te pijnlijk zijn. De sleutel is om eerst voor het kleinste scherm te ontwerpen en vervolgens de grootte voor grotere schermen in te stellen.
Dit is mijn eerste specifieke Android-bericht en ik zou graag willen weten of dit een interessant onderwerp voor u is.
Bent u geïnteresseerd in het lezen van meer Android-ontwerpcontent? Klantonderzoeken
Tips voor gebruikerservaring voor Android-apps
Accentsconagua