Dokonując zakupów za pośrednictwem linków na naszej stronie, możemy otrzymać prowizję partnerską. Oto jak to działa.

1 Przestań być maniakiem kontroli

Zasada numer jeden: Twoje prace związane z projektowaniem cyfrowym polegają na prezentowaniu informacji, ale sposób, w jaki te informacje wyglądają i sposób ich funkcjonowania, to dwie odrębne dziedziny. CSS istnieje, aby dbać o wygląd i formatowanie informacji. Przestań postrzegać go jako wroga projektanta i przyjmij go jako narzędzie takie samo jak Photoshopa Lub InDesign. To się opłaci.

Picas na piksele

2 Picas na piksele

Picas to pomiar fizyczny, a rozmiar punktu jest jego standardowym podziałem. Ale nauczyłeś się tego na studiach dwie dekady temu, prawda? Cóż, zapomnij o tym. W formacie cyfrowym wszystkie wymiary są względne, więc poświęć trochę czasu, aby dowiedzieć się, dlaczego odnosisz się do przestrzeni płótna w pikselach i dlaczego typ jest mierzona w pikselach i procentach.

3 RGB i szesnastkowe

Przyzwyczaiłeś się więc do pracy z czterema kolorami, dodatkami i piątymi. O nich też zapomnij. Kolor jest największą przeszkodą dla projektantów przechodzących z druku na technologię cyfrową, więc zwróć uwagę na wartości RGB i szesnastkowe. Mówiąc najprościej, wartości szesnastkowe to sześciocyfrowe kody reprezentujące kolor RGB w znacznikach, gdzie jest kolor czarny #000000, z wartościami R, G i B ustawionymi na zero procent, a kolor biały to #ffffff z R, G i B na poziomie 100 procent każdy. Łatwe, prawda?

Czytelność jest nadal priorytetem

4 Czytelność jest nadal priorytetem

Jeśli naprawdę nie chcesz zrazić odbiorców, upewnij się, że czytelność jest priorytetem numer jeden. Oznacza to utworzenie tekstu wystarczająco dużego, aby można go było przeczytać, użycie czcionek wbudowanych i systemowych odpowiednich do czytania na podświetlanym monitorze lub tablecie oraz zapewnienie obrazom przestrzeni do oddychania. Bezpieczną zasadą konwersji plików Pica na rozmiar punktowy jest podwojenie go i dodanie dwóch. Działa to dobrze na przykład w przypadku redystrybucji treści z wydruku na tablet.

5 Rozpocznij w poziomie

Czasami konieczne będzie dwukrotne zaprojektowanie cyfrowego układu strony: raz do użycia w pionie i raz do użycia w poziomie, przy czym wymiary strony będą się zmieniać. Zawsze zaczynaj od tego drugiego, ponieważ często będzie ono bardziej dopasowane niż pionowe, a zatem będzie dyktować projekt i dopasowanie treści, z którą pracujesz. Po przybiciu poziomu przenieś główne elementy i meble do pionu.

Wykorzystaj duże możliwości obrazów

6 Wykorzystaj obrazy w dużych rozmiarach

Obrazy zawsze wyglądają fantastycznie na podświetlanym ekranie, szczególnie na tabletach z dużą liczbą pikseli, takich jak iPada i Kindle Fire. Wykorzystaj to w pełni, używając możliwie największych zdjęć. Jeśli pracujesz nad publikacjami cyfrowymi, używaj obrazów pełnoekranowych, aby tworzyć dramatyczne przerwy w artykule. Prawdziwą sztuczką magazynów cyfrowych jest odtworzenie momentu „zatrzymaj się i popatrz”, który jest tak skuteczny w druku.

7 Eksperymenty z krojem pisma

Być może masz bibliotekę krojów pisma pękającą w szwach od płaskich szeryfów i niestandardowych czcionek ekranowych, ale pamiętaj o ich użyciu na urządzeniach mobilnych i komputerach stacjonarnych. Być może uda Ci się uniknąć używania ich jako czcionek nagłówkowych lub czcionek efektowych, ale w przypadku kopii głównej najlepiej to zrobić trzymaj się wytrzymałej czcionki systemowej, zwłaszcza jeśli wydanie cyfrowe umożliwi użytkownikom zmianę rozmiaru punktu rozmiar.

Naucz się siatki na nowo

8 Naucz się na nowo siatki

Siatki redakcyjne i graficzne opierają się na kolumnach, polach i przestrzeni negatywnej, które łączą się, aby ułatwić prezentację treści, z którą pracujesz. W sferze cyfrowej siatka opiera się w równym stopniu na hierarchii poziomej, jak i malejącej, szczególnie na tabletach, gdzie powszechną metodą zapewnienia ciągłości jest przesunięcie od lewej do prawej. Zastanów się, jak możesz przepływać treści w górę i w dół, a także od lewej do prawej.

9 tabletek służy do dotykania

Nie lekceważ swojego użytkownika i zapełniaj cenne miejsce na ekranie instrukcjami i wezwaniami do działania, które proszą go, aby „dotknął tutaj, aby uzyskać więcej treści”. Użytkownicy w naturalny sposób szturchają i szturchają ekrany dotykowe, więc kieruj ich do nowych treści, zamiast im to nakazywać. Jesteś projektantem, więc wymyśl zestaw odpowiednich ikon – takich jak symbole plusa i minusa – które przekazują funkcjonalność bez konieczności jej wyjaśniania.

Nie przesadzaj

10 Nie przesadzaj

To, że możesz zrobić coś w formacie cyfrowym, czego nigdy nie udałoby się zrobić w wersji drukowanej, nie oznacza, że ​​jest to absolutnie konieczne. Na przykład animowane strony powitalne witryn internetowych, które przyciągają widzów, są cyfrowym odpowiednikiem umieszczania reklam na początku publikacji; chociaż sprytne przejścia między stronami w wersji na tablety mogą wydawać Ci się fajne, dla użytkownika zakłócają proces czytania. Jeśli masz wątpliwości, pomiń to. To właśnie mówimy.

Wszystkie ilustracje autorstwa Jewgienija Barinowa