Co należy rozumieć przez „zaprojektowanie ikony w skali 100%”?


13

Z przewodnika Android Material Design ,

Ikony systemowe są wyświetlane w 24dp. Podczas tworzenia ikon ważne jest, aby projektować w 100% skali dla dokładności pikseli.

Co należy rozumieć przez projektowanie w skali 100%? Czy to znaczy, że ikona powinna mieć wymiary 24 * 24 dp? Czy oznacza to, że powinny być w formacie pliku, w którym skalowanie nie spowodowałoby utraty lub zniekształcenia danych itp., Takiego jak format pliku SVG?


1
Napisano o tym świetny artykuł na temat przepełnienia stosu - różnica między px, dp, dip i sp na Androidzie?
AndrewH

1
@AndrewH Znam różnicę! Pytanie dotyczy tego, co należy rozumieć przez „projektowanie czegoś w skali 100%”!
Solace

Odpowiedzi:


23

Projektowanie w skali 100% oznacza po prostu projektowanie w rozmiarze (w pikselach), w którym będzie wyświetlana / wyświetlana ikona.

Jeśli projektujesz ikonę 24px × 24px, skonfigurujesz obszar roboczy w programie Illustrator lub dokument w Photoshopie lub cokolwiek innego, czego używasz do 24px × 24px.

Jak podano w przewodniku projektowania materiałów, służy to dokładności pikseli. Jeśli pracujesz na większą skalę lub pracujesz w formacie wektorowym bez uwzględnienia pikseli, później zmniejsz rozmiar do 24 pikseli - twoje kształty, ścieżki, punkt lub piksele nie zostaną wyrównane do siatki pikseli, a otrzymasz efekty, jak pokazano w tym przykładzie:

wprowadź opis zdjęcia tutaj

Warto zauważyć, ponieważ dp nie jest bezwzględną jednostką miary i przekłada się na wiele różnych rzeczywistych rozmiarów pikseli - projektowanie w skali 100% oznacza również projektowanie dla każdego rozmiaru pikseli niezależnie. (Dzięki Yorik!)


Dziękuję bardzo za bardzo precyzyjną i jasną odpowiedź. =)
Pociesz

Ważne jest również, aby zdawać sobie sprawę, że „24 dp” będący pochodną „pomiaru w skali przesuwnej” oznacza, że ​​„projekt w skali 100%” w cytowanym kontekście naprawdę oznacza, że ​​potrzebujesz innej ikony dla każdej możliwej gęstości, w idealnym przypadku.
Yorik

1
@Yorik Bardzo dobry punkt. Zaktualizowałem moją odpowiedź.
Cai

Niekoniecznie musisz pracować niezależnie przy każdej rozdzielczości: 48 może mieć dokładnie taki sam projekt jak 24, podczas gdy 126, 128, 64, 32 również mogą się dzielić. Prawdopodobnie potrzebne będzie ręczne pikselowanie 16 pikseli. Zobacz ten post, aby uzyskać najczęstsze rozwiązania.
curiousdannii
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.