Download.it - sökikon
Advertisement

Praktiska overlays och färgplockare för att verifiera appdesignens spacing, linjering och färger

Praktiska overlays och färgplockare för att verifiera appdesignens spacing, linjering och färger

Röster (6 röster)

Programlicens Free

Utvecklare Jahongir

Version 2.0.8

Fungerar under Android

Röster

(6 röster)

Utvecklare

Jahongir

Fungerar under

Android

Programlicens

Free

Version

2.0.8

Fördelar

  • Grid-overlay med anpassningsbar storlek samt valbara linje- och keylinefärger
  • Mockup-overlay med porträtt/landskap och justerbar opacitet för tydlig jämförelse
  • Färgväljare som hittar hex-koder på pixelnivå med lupp och kopiering
  • Stöd för flytande panel via AccessibilityService och uppgift om att data inte samlas in eller delas
  • Gratis att använda

Nackdelar

  • Använder AccessibilityService API, vilket kan kännas känsligt för den som ogärna ger sådan åtkomst även om ingen datadelning uppges ske

Designer Tools är en Android-app i kategorin Verktyg som samlar flera hjälpmedel för att granska och verifiera att en implementerad app följer sin designspecifikation, ner på detaljnivå.

Den passar främst UI/UX-designers och apputvecklare som vill kvalitetssäkra spacing, linjering och färger direkt på skärmen.

Fokus på granskning, inte skapande

Appens styrka ligger i att den gör det enklare att upptäcka sådant som annars är lätt att missa, till exempel ojämna marginaler eller element som hamnat några pixlar fel. I stället för att erbjuda designverktyg i sig handlar Designer Tools om att kontrollera resultatet mot underlaget.

Grid-overlay som avslöjar spacing och snedheter

Med grid-overlay kan du lägga ett rutnät ovanpå det som visas på skärmen och snabbt slå av och på vyn vid behov. Rutnätet går att anpassa genom att ändra gridstorlek samt välja färger för linjer och keylines, vilket gör det lättare att få bra kontrast mot olika gränssnitt.

Mockup-overlay för att jämföra mot specifikationen

Funktionen mockup-overlay låter dig lägga en designbild ovanpå den faktiska appen för att se hur väl implementationen stämmer. Du kan välja overlay för porträtt eller landskap och justera opacitet för en mer träffsäker jämförelse. Det finns även möjlighet att finjustera den vertikala positionen för att få överlappningen att sitta rätt.

Färgväljare med lupp och hex-koder

För färgkontroll finns en Color Picker där du flyttar en lupp över skärmen för att läsa av hex-koder på pixelnivå. När du hittar rätt färg kan den kopieras med ett tryck, vilket är praktiskt när du behöver dubbelkolla att färgerna matchar specifikationen.

Tillgänglighetstjänst, flytande panel och integritet

Designer Tools använder AccessibilityService API för att visa en flytande panel som underlättar multitasking. Utvecklaren uppger samtidigt att inga data samlas in eller delas via denna API, vilket adresserar en vanlig fråga kring den typen av åtkomst.

Fördelar

  • Grid-overlay med anpassningsbar storlek samt valbara linje- och keylinefärger
  • Mockup-overlay med porträtt/landskap och justerbar opacitet för tydlig jämförelse
  • Färgväljare som hittar hex-koder på pixelnivå med lupp och kopiering
  • Stöd för flytande panel via AccessibilityService och uppgift om att data inte samlas in eller delas
  • Gratis att använda

Nackdelar

  • Använder AccessibilityService API, vilket kan kännas känsligt för den som ogärna ger sådan åtkomst även om ingen datadelning uppges ske