Zawartość
- Znak lenistwa
- Jak to zrobić dobrze
- Konwencje nazewnictwa
- Oznaczaj swoje warstwy kolorami
- Struktura i organizacja
- Lubię to? Przeczytaj to!
Jako twórca kreatywny często jestem pytany o to, co wolę, jeśli chodzi o otrzymywanie materiałów kreatywnych od moich projektantów. Osobiście wolę otrzymać plik warstwowy z makietami zamiast wstępnie pociętych obrazów. To osobisty wybór i rozumiem, że nie jest to preferowany format dla wszystkich. W rzeczywistości wydaje się, że w branży toczy się spora debata na temat najlepszej metody odbioru kreatywności.
Jednak niezależnie od Twojego osobistego wyboru, uważam, że projektanci muszą tworzyć i dostarczać czyste pliki. Zbyt wiele razy otrzymałem plik podobny do tego poniżej.
Wystarczy chwila, by dostrzec, jak słabo skonstruowany i zdezorganizowany jest ten plik. Konwencja nazewnictwa i grupowanie nie istnieją.
Znak lenistwa
To tak, jakby mój projektant utrzymywał intymną relację ze swoimi kluczami kopiowania i wklejania. Używanie nazw domyślnych, takich jak kopia Grupa 1, Grupa 2 i Kształt 5, jest niedopuszczalne. Ponadto pozostawienie elementów, które nie są już potrzebne, na przykład pustych grup, jest tylko oznaką lenistwa.
Jasne, możemy pracować w takich warunkach, ale dlaczego miałbyś to robić? Dzięki kilku prostym modyfikacjom projektanci mogą zamienić niechlujny plik w coś, po czym każdy może łatwo się poruszać.
Nawet jeśli nie masz zamiaru dzielić się swoją pracą z innymi, rozważ konieczność powrotu do jednego ze swoich plików w późniejszym terminie. Wyobraź sobie, ile nieporozumień możesz uniknąć, przestrzegając kilku podstawowych zasad.
Jak to zrobić dobrze
Zacznijmy od grupowania. Jeśli projekt zawiera podstawowy nagłówek i stopkę, a także niektóre sekcje treści i nawigacji, grupy (i ich nazwy) powinny się pokrywać.
Spójrz na poniższą próbkę. Widać, że nasz projektant dokonuje przełomów w oparciu o ogólny projekt. Nadaje każdej grupie znaczące imię i trzyma wszystko razem.
W ten sposób tworzy uporządkowany i zorganizowany plik, który pomaga zidentyfikować kluczowe komponenty każdej sekcji lub grupy. Zajmuje to tylko chwilę, ale może zaoszczędzić mnóstwo czasu.
Konwencje nazewnictwa
Innym często pomijanym, ale potężnym aspektem konstrukcji warstw są konwencje nazewnictwa.
Konwencje nazewnictwa mogą wiele zdziałać. Kilka minut pomaga stworzyć niezwykle łatwy w nawigacji plik. Pamiętaj tylko, że kiedy wymyślasz nazwy, proste jest często lepsze.
Nazwij swoje warstwy w spójny i zwięzły sposób. Jeśli dodasz warstwę, która odnosi się do skosu poziomu, nazwij ją w ten sposób. Jeśli masz element używany na platformie z dolnymi kartami, dlaczego nie nazwać go jako takiego. Nie komplikuj!
Oznaczaj swoje warstwy kolorami
Ostatnią kwestią, o której chcę wspomnieć, jest opcja kodowania kolorami warstw. Chociaż może się to nie wydawać ogromną zaletą - i trzeba przyznać, że niektóre projekty nie będą wymagały takiego poziomu organizacji - kodowanie kolorami może odegrać użyteczną rolę.
W poniższym przykładzie mój projektant użył czterech różnych kolorów, aby pomóc zidentyfikować różne elementy w tym pliku.
Kiedy przygotowywałem to do naszego projektu, szybko mogłem zobaczyć powiązania między grupami i ich zawartość dzięki kodowaniu kolorami.
W tym konkretnym projekcie same kolory miały znaczenie i były bezpośrednio związane z projektem. Czasami nie zawsze tak jest, ale tak czy inaczej, kodowanie kolorami to świetny sposób na wyróżnienie ważnych obiektów.
Struktura i organizacja
Jak widać, jest wiele rzeczy, które możesz zrobić, aby Twoje pliki były bardziej czytelne dla programistów i innych projektantów.
Zastanów się, ile czasu spędzasz na opracowywaniu projektu. A teraz zastanów się, czy poświęcić tylko chwilę tego czasu na strukturyzację i organizację warstw.
Twój programista (i inni projektanci w Twoim zespole) będą Cię za to kochać. I spójrzmy prawdzie w oczy, w głębi duszy wszyscy chcemy być kochani ...
Słowa: Tammy Coron
Tammy Coron jest programistą iOS, backendowym, webowym, pisarzem i ilustratorem. Bloguje w Just Write Code.
Lubię to? Przeczytaj to!
- 101 porad, wskazówek i poprawek do programu Photoshop do wypróbowania już dziś
- Najlepsze darmowe czcionki internetowe dla projektantów
- Niesamowite przykłady eksperymentalnego projektowania
Czy masz jakieś drobiazgi dotyczące sposobu, w jaki współpracownicy organizują swoją pracę? Podziel się swoimi przemyśleniami ze społecznością w komentarzach poniżej!