Interfejsy Stron WWW
6 godz. 4 min · Adobe XD · UI, UX i Webdesign
Grzegorz RógIdea ArchitectJedną z ogromnych zalet Adobe XD jest fakt, że znajduje się w popularnym pakiecie Adobe, co znaczy że możesz z niego korzystać w ramach subskrypcji CC, jak również współpracuje z innymi aplikacjami, takimi jak Photoshop czy Illustrator. Kurs, który masz przed sobą to kompleksowe omówienie technik pracy w Adobe XD, jak również praktyczny projekt strony internetowej. Na tej samej zasadzie jesteś w stanie wykonać projekty mobilnych aplikacji.
Szereg pomysłów zastosowanych w Adobe XD sprawia, że projektowanie interfejsów z jego pomocą jest niezwykle wydajne. Jednymi z ciekawszych narzędzi jest przykładowo Repeat Grid, który pozwala Ci łatwo powielić powtarzalne elementy interfejsów, takie jak tabelki czy listy. Możesz także łatwo umieścić grafiki w każdym z elementów tak stworzonego grida, a nawet gotowy tekst, przeciągając obrazy czy pliki tekstowe do aplikacji!
W tym Kursie skoncentrujemy się od początku na tworzeniu praktycznego projektu witryny, którą przełożymy na działający projekt w jednym z kolejnych kursów. Zaczniemy mniej typowo, bo od widoku desktopowego, a następnie dorobimy widok responsywny i przetestujemy go na telefonie. Po drodze przekażę Ci szereg wskazówek, tipów i skrótów po to, aby pracować w Adobe XD jeszcze wydajniej.
Materiały z XD celowo podzieliliśmy na kilka kursów. Ten, który masz przed sobą jest fundamentem wiedzy o tym, jak tworzyć layouty w XD i zawiera szereg wskazówek związanych z samym projektowaniem UI. Nie obejmuje natomiast części pracy zespołowej, handoff (czyli przekazania do developmentu), ani prototypowania - do tego przewidzieliśmy osobne materiały. Zdajemy sobie sprawę, że nie wszyscy będą potrzebowali omówienia tych specyficznych funkcji, stąd taki podział kursów.
Kurs przygotowałem dla wszystkich osób, które chcą zająć się - lub już się zajmują - projektowaniem interfejsów użytkownika i chcą tworzyć nowoczesne strony WWW oraz aplikacje. Nieważne, czy korzystasz już z innych aplikacji - uzupełnienie swojego zasobnika o XD, zwłaszcza, jeśli jesteś użytkownikiem Adobe CC, pozwoli Ci wykorzystać jego unikalne funkcje w niektórych projektach. Jeżeli zależy Ci na szybkości w projektowaniu UI, wielu iteracjach, a także szybkim prototypowaniu - zdecydowanie warto poznać XD. Z drugiej strony, jeśli potrzebujesz prostej aplikacji, która pozwoli Ci zaprojektować stronę dla siebie lub Twojego klienta - ten kurs również jest dobrym rozwiązaniem!
CC 2020+
Witaj w kursie aplikacji Adobe XD.
Jeżeli chcesz szybko i wygodnie
projektować interfejsy stron
internetowych czy aplikacji,
dobrze trafiłeś.
Obecnie w świecie projektowania UI jest
naprawdę dużo świetnych narzędzi. Do wyboru mamy: Sketch, Figmę, XD
i tak naprawdę każdy z nich ma swoje wady i zalety które warto znać, aby dobrze
wybrać narzędzie do konkretnego zadania projektowego, które przed nami stoi.
Ostatnie zmiany wyposażyły XD w szereg
unikalnych zalet które przemawiają za dodaniem go do zestawu aplikacji, którymi
wspomagamy się przy projektowaniu interfejsów.
Jedną z największych jest szybkość. Na ten moment jest to, w mojej ocenie, jedno z
najbardziej wydajnych narzędzi w tej dziedzinie.
A im szybciej projektujemy, tym więcej testów,
eksperymentów i iteracji jesteśmy w stanie stworzyć.
Adobe XD to program stworzony specjalnie
dla UI i UX designerów, dzięki któremu możesz nie tylko projektować aplikacje i tworzyć
strony, ale także udostępniać ich interaktywne prototypy.
Jedną z ogromnych zalet XD, jest właśnie to, że znajdziesz go w pakiecie Adobe
co zapewnia także dobrą integrację z aplikacjami takimi jak Photoshop czy
Ilustrator, a nawet aplikacjami mobilnymi, o których też porozmawiamy w tym materiale.
Kurs, który dla ciebie przygotowałem od podstaw omawia proces projektowania
interfejsu strony internetowej w Adobe XD.
W tym materiale koncentrujemy się jedynie
na tym aspekcie pracy w XD, natomiast takie rzeczy jak tworzenie interaktywnych
prototypów czy praca zespołowa, przekazanie materiałów do developmentu znajdziesz
w innych moich kursach, które polecam przerobić w dalszej kolejności.
Tutaj natomiast skoncentrujemy się na tym,
co najważniejsze, na poznaniu wszystkich narzędzi i technik, które służą
projektowaniu interfejsów strony internetowej.
W międzyczasie poznasz wszystkie narzędzia,
skróty, triki i przydatne techniki pracy w aplikacji Adobe XD.
Jest to punkt wyjścia do tego aby poznać
bardziej zaawansowane zagadnienia i tworzyć złożone design systemy z pomocą XD.
Materiały przygotowałem z myślą o tych
osobach, które chcą wydajniej projektować interfejsy i chcą poznać XD od podstaw.
To jest na tyle proste narzędzie,
że w zasadzie nadaje się także dla osób, które sporadycznie projektują i chcą mieć po prostu
pod ręką coś, co pozwoli im naszkicować i zaprototypować projekt strony.
Ale jego największy potencjał drzemie w usprawnieniu pracy profesjonalistów, którzy
mogą w jednym narzędziu tworzyć projekty z setkami artboardów,
ich interaktywne wersje, a także całe
design systemy i skuteczny mechanizm handoff dla developmentu.
Zatem nieważne, czy zamierzasz tworzyć
prosty layout Twojej strony, czy pracujesz w UI zawodowo,
XD to jest dobry wybór i ważne narzędzie, które wspomoże swoją pracę.
Zapraszam na pierwsze lekcje kursu.