Nejprve jsem mobilní vývojář a riskuji vývoj rozvržení mé aplikace hned od začátku I našel následující problém, Photoshop používá PX jako měrnou jednotku pro formuláře a ve vývoji aplikace používá DP, vím, jak funguje převod Z PX na PD

dp = px * (160 / dpi)

Když však použiji vzorec a použiji hodnoty v programování rozložení, Chtěl bych vědět, jestli existuje konfigurace souboru PSD, jako je výška, šířka, hustota pixelů, kde mohu použít jako základ pro modelování mé aplikace, takže je snadné provádět tato opatření pro mobilní zařízení a tablety?

Odpověď

Photoshop používá PX jako měrnou jednotku pro formuláře a ve vývoji aplikace používá DP, vím, jak funguje převod Z PX na DP

Převod bude záviset na n jak byl konstruován původní design ve Photoshopu. dp jednotky Androidu jsou pixely nezávislé na hustotě. 1dp se může vykreslit jako 1 pixel obrazovky nebo 2, 3, 4 nebo jiná hodnota v závislosti na nastavení zařízení a Androidu.

Zde je seznam běžných konverzí:

  • 1 dp = 1 pixel nebo 1 ×, pro mdpi displeje (~ 160PPI).
  • 1 dp = 1,5 pixelu nebo 1,5 × , pro hdpi displeje (~ 240PPI).
  • 1 dp = 2 pixely nebo 2 ×, pro xhdpi displeje (~ 320PPI).
  • 1 dp = 3 pixely nebo 3 × pro xxhdpi displeje (~ 480PPI).
  • 1 dp = 4 pixely nebo 4 ×, pro xxxhdpi displeje (~ 640PPI).

Velkou otázkou tedy je, jakou hustotu chcete zabudovat své makety? Můžete si vybrat kteroukoli z výše uvedených hustot. Vaše volba bude diktovat konverzi a další faktory.

Moje preference je navrhovat v 1 × měřítku, kde 1 dp = 1 px = 1 CSS px = 1 iOS point. To znamená, že vaše modely mají nižší rozlišení než samotné zařízení, ale znamená to, že převod nevyžaduje žádnou změnu hodnoty.

Až budete hotovi, Photoshop má několik způsobů, jak exportovat prostředky pro různé hustoty. . Export As a Generator mohou sestavit další váhy, nebo můžete použít Save for Web a řezy ( jako já ).

Tady je okno aplikace Photoshop Export As s exportem nastaveným na hustoty 1 ×, 2 × a 3 × ( pro iOS, v tomto případě).

Photoshops Export As

Odpověď

Váš vzorec je nesprávný. Jako reference Příručka pro vývoj systému Android říká,

px = dp * (dpi / 160)

takže skutečný vzorec pro dp je

dp = px / (dpi / 160)

Doufám, že to pomůže!

Pokud jde o druhou část vaší otázky, Photoshop je dost nudný, když jde o export aktiv nebo dokonce o spojení. Pokud jste otevřeni používání aplikace Sketch, je to mnohem jednodušší. Ale promiňte, jako mobilní designér stěží používám photoshop, protože převod px na dp není v tomto programu snadná věc.

Opraveno

Myslím, že nyní lépe rozumím vaší otázce. Hodnoty, které hledáte, najdete na tomto webu: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Komentáře

  • Omlouvám se, do příspěvku jsem napsal špatný vzorec, takže jsem použil správný vzorec pro převod, moje otázka je, jaká by měla být velikost souboru, abych umí správně exportovat hodnoty. A v aplikaci Sketch ji nemohu použít, operační systém je Linux. Chcete-li použít photoshop, bylo nutné použít nástroj s názvem Wine, který umožňuje spuštění aplikace Photoshop v systému Linux.

Odpověď

Toto by zde mohlo být mimo téma, ale doporučuji vůbec nepoužívat Photoshop pro návrh obrazovky. Použijte vektorový nástroj, jako je Illustrator, Skica nebo podobné. Rozdíl je v tom, že své návrhy můžete později zvětšit. Pokud pracujete ve Photoshopu v rozměru 1x, budou vaše návrhy na moderním telefonu Andriod vypadat hrozně. Musíte designy nastavit alespoň dvakrát, lépe 4x, aby vypadaly hladce na obrazovce s vysokým rozlišením ppi.

Také všechny podklady, které vytvoříte pomocí vektorového nástroje, lze později použít jako podklady pro všechny požadované velikosti. Ve Photoshopu bude mnohem snazší izolovat tlačítka, ikony atd. pro pozdější export.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *