Beste antwoord
UI-ontwerpers:
Systeem: Mac
Voordelen: volledig voor “interface” -ontwerp
Sketch is een lichtgewicht, gebruiksvriendelijke vectorontwerptool die UI-ontwerp eenvoudiger en efficiënter maakt . Het platform vereenvoudigt de functies die worden gebruikt in Photoshop en Illustrator, speciaal ontworpen voor UX / UI-ontwerp. Vóór Sketch moesten ontwerpers schakelen tussen Photoshop en Illustrator om specifieke functies te krijgen, zoals vector- en andere foto-effecten. Nu stelt Sketch gebruikers in staat om van de opgeblazen functionaliteit af te komen en zich te concentreren op gebruikerservaring / gebruikersinterfaceontwerp om het meeste uit hun UI-ontwerp te halen. Een van de beste eigenschappen van Sketch is de mogelijkheid om plug-ins te installeren om te compenseren voor functies die niet in de software zijn opgenomen.
Maar hoewel het is een van de meest praktische tools voor het ontwerpen van gebruikersinterfaces voor Android-apps. De ondersteuning van Sketch voor realtime preview van de Android-kant is niet erg effectief. Gebruikers moeten SkalaPreview downloaden en pas na een reeks omslachtige handelingen kunnen ze het daadwerkelijke ontwerp van de Android-interface aan de telefoonzijde.
Systeem: Mac & Windows
Voordeel: ontwerp voor online samenwerking en ontwerp voor overdracht voor UI-ontwerpers en -ontwikkelaars
Als een gloednieuw hulpmiddel voor samenwerking en overdracht heeft iDoc krachtige plug-ins die ondersteuning bieden voor het importeren van bestanden van Photoshop, Adobe XD , en Sketch . Met behulp van plug-ins is iDoc mogelijk om specificaties en middelen te genereren automatisch voor gebruik door de UI-ontwerper. Om van de statische ontwerpbestanden interactieve en geanimeerde hifi-prototypes te maken, uploadt u uw bestanden naar de prototypemodule van iDoc.
Invision – een webgebaseerde prototyping-tool waarmee u uw ontwerp snel live kunt maken
Kosten: gratis voor 1 project ($ 15 / maand voor 3 projecten | $ 25 / maand voor onbeperkte projecten | $ 99 / maand voor teams)
Compatibiliteit: Mac en Windows
Functies ：
- Met InVision kunnen ontwerpers hun ontwerpbestanden uploaden en animaties, gebaren en overgangen toevoegen om hun statische schermen om te zetten in klikbare, interactieve prototypes. Krijg hifi in minder dan 5 minuten.
- Het ondersteunt bestanden in PNG-, JPG-, GIF-, AI- en PSD-indeling. De InVision-app is geweldig om samen te werken aan ontwerpconcepten en om feedback van collegas en klanten te verzamelen.
- Een magisch nieuw ontwerp voor een ontwikkelingsworkflow. Maak stylesheets, krijg pixel-perfecte composities, bespreek ontwerpuitdagingen, exporteer adaptief en genereer echte code voor elk ontwerpelement.
Prijs – gratis voor persoonlijk gebruik gebruik
– $ 12 per persoon per groep / maand
Inleiding: Figma is de eerste interface-ontwerptool die echt is -tijdelijke samenwerking. Het heeft drie lovenswaardige functies: realtime samenwerking, vectornetwerken en versiebeheer. Simpel gezegd is Figma als een browsergebaseerde schets met real-time samenwerking .
Persoonlijke ervaring: ik was aanvankelijk sceptisch over Figmas gebruikerservaring omdat het een browsergebaseerde interface-ontwerptool is. Maar later ontdekte ik dat het nog steeds erg gevoelig in gebruik is. Bovendien hebben browsertools het voordeel dat de ontvanger niets hoeft te installeren, alleen de browser hoeft te openen op de computer om deel te nemen aan het project. Figma-bestanden zijn beschikbaar op Mac, Windows, Linux en mobiele apparaten (alleen bekijken).
Antwoord
Als een ontwikkelaar me “nee” zou zeggen, zou ik eerst vragen waarom en proberen begrijp hun reden om nee te zeggen. Als blijkt dat er een betere manier is om de ontwerpuitdaging aan te pakken, zou ik meer dan bereid zijn om het ontwerp te veranderen.
Ontwikkelaars zijn echter over het algemeen in staat om alle functies en ontwerpen van UI-ontwerpers te coderen bedenken. Zoals William Hurley in dit antwoord aangaf, is bijna alles mogelijk als het om software gaat.
Ik heb softwareontwikkelaars gevraagd of “x feature” mogelijk is of dat het ontwerp kan worden gecodeerd om een bepaald en er is mij nooit nee verteld.
Dat gezegd hebbende, zou het doel als UI-ontwerper niet moeten zijn om maak een complex ontwerp. Het doel moet zijn om de interface zo eenvoudig en intuïtief mogelijk te maken voor de gebruiker.
Om die reden heb ik de principes van Google Material Design gebruikt in mijn meest recente projecten (zie 5 krachtige en praktische redenen om Material Design te gebruiken ).
Dit brengt verschillende voordelen met zich mee:
- Bekendheid voor gebruikers – Gmail, YouTube, Evernote, Buzzfeed en veel andere apps gebruiken Material Design, dus de kans is groter dat gebruikers van uw app weten hoe de interface ziet eruit en werkt.
- Bestaande frameworks – Er zijn veel frameworks gemaakt die kant-en-klare componenten bevatten die ontwikkelaars kunnen gebruiken, zoals Materiële CSS , AngularJS-materiaal en Materiaal-UI . Dit helpt ontwerpers om te zien wat er direct beschikbaar is voor ontwikkelaars en om die componenten in hun ontwerpen te gebruiken.
- Snellere besluitvorming – Wanneer ontwikkelaars en ontwerpers kunnen werken vanuit hetzelfde palet van componenten, het maakt het ontwerp- en ontwikkelingsproces sneller.
Hier is een geweldige video over hoe Google hun overvloed aan apps er consistent uit liet zien en aanvoelen, zelfs voordat ze werden uitgebracht Materiaal ontwerp. Door de principes toe te passen die ze toen en nu gebruikten, kunnen ontwerpers betere interfaces creëren en nee vrijwel elimineren uit het vocabulaire van ontwikkelaars.