Ensinnäkin, olen ”mobiilikehittäjä” ja riskin sovelluksen asettelun kehittämiselle heti alusta alkaen. löysi seuraavan ongelman, Photoshop käyttää PX: tä lomakkeiden mittayksikkönä ja kehityksessä sovellus käyttää DP: tä, tiedän miten muunnos toimii PX: stä PD: ksi
dp = px * (160 / dpi)
Kun kuitenkin käytän kaavaa ja käytän arvoja ohjelmoinnissa asettelunvaihdot, Haluaisin tietää, onko PSD-tiedostokokoonpano, kuten korkeus, leveys, pikselitiheys, jossa voin käyttää pohjaani sovelluksen mallintamiseen, jotta näiden toimenpiteiden suorittaminen mobiililaitteille ja tableteille olisi helppoa?
vastaus
Photoshop käyttää PX: tä mittayksikkönä lomakkeille ja sovelluksen kehittämisessä käyttää DP: tä, tiedän miten muunnos toimii PX: stä DP: ksi
Muunnos riippuu o n kuinka Photoshopin alkuperäinen rakenne rakennettiin. Androidin dp yksiköt ovat tiheydestä riippumattomia pikseleitä. 1dp saattaa hahmotella yhden näytön pikselinä, 2, 3, 4 tai jonkin muun arvon, laitteen ja Android-asetusten mukaan.
Tässä on luettelo yleisimmistä muunnoksista:
- 1 dp = 1 pikseli tai 1 ×
mdpi-näytöille (~ 160PPI). - 1 dp = 1,5 pikseliä tai 1,5 × ,
hdpi-näytöille (~ 240PPI). - 1 dp = 2 pikseliä tai 2 ×,
xhdpinäytöt (~ 320PPI). - 1 dp = 3 pikseliä tai 3 ×,
xxhdpi-näytöille (~ 480PPI). - 1 dp = 4 pikseliä tai 4 ×,
xxxhdpi-näytöille (~ 640PPI).
Joten iso kysymys on, minkä tiheyden haluat rakentaa mallisi? Voit valita minkä tahansa yllä olevista tiheyksistä. Valintasi sanelee muunnoksen ja muut tekijät.
Haluan suunnitella 1 × -suunnassa asteikolla, jossa 1 dp = 1 px = 1 CSS px = 1 iOS point. Tämä tarkoittaa, että mallinnuksesi ovat pienempää tarkkuutta kuin itse laite, mutta se tarkoittaa, että muunnos ei vaadi muutosta arvoon.
Kun olet valmis, Photoshopilla on muutama tapa viedä resursseja eri tiheyksille. . Export As ja Generator voivat rakentaa muut asteikot, tai voit käyttää Save for Web ja viipaleita ( kuten minä ).
Tässä on Photoshopin Vie nimellä -ikkuna, jossa vienti on määritetty tiheydelle 1 ×, 2 × ja 3 × ( (tässä tapauksessa iOS: lle).
vastaus
Kaava on virheellinen. Viitteenä Android-kehitysoppaassa sanotaan:
px = dp * (dpi / 160)
joten dp: n todellinen kaava on
dp = px / (dpi / 160)
Toivottavasti auttaa!
Kysymyksesi toisessa osassa Photoshop on melko tylsä, kun kyse on omaisuuden viennistä tai jopa liitoksista. Jos olet valmis käyttämään Sketchia, se on niin paljon helpompaa. Mutta anteeksi, mobiilisuunnittelijana tuskin käytän Photoshopia, koska px: n muuntaminen dp: ksi ei ole helppo tehtävä siinä ohjelmassa.
Parannettu
Luulen, että ymmärrän kysymyksesi nyt paremmin. Tarkista tältä sivustolta etsimäsi arvot: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
Kommentit
- Anteeksi, kirjoitin viestiin väärän kaavan, joten käytin oikeaa kaavaa muunnokseen. Kysymykseni on, mikä on tiedoston koko, jotta voin Voin viedä arvot oikein. Ja Sketchissä, jota en voi käyttää, käyttöjärjestelmä on Linux, Photoshopin käyttäminen oli välttämätöntä, jotta käytettiin Wine-nimistä työkalua, jonka avulla Photoshop voi toimia Linuxissa.
Vastaus
Tämä saattaa olla aiheen ulkopuolella täällä, mutta suosittelen, ettet käytä Photoshopia lainkaan näytön suunnitteluun. Käytä vektorityökalua, kuten Illustrator, Sketch tai vastaava. Erona on, että voit laajentaa mallejasi myöhemmin. Jos työskentelet Photoshopissa 1x-kokoisena, mallit näyttävät kauheilta modernilla Andriod-puhelimella. Sinun on määritettävä mallit vähintään 2x, parempi 4x, jotta ne näyttävät sujuvilta korkean ppi-ruudulla.
Myös kaikkia vektorityökalulla luomiasi resursseja voidaan myöhemmin käyttää kaikki tarvittavat koot. Photoshopissa on paljon enemmän työtä eristää painikkeet, kuvakkeet jne. myöhempää vientiä varten.