Wprowadzenie do projektowania UI

Wprowadzenie do projektowania interfejsu użytkownika

“Cześć! Dotarłeś do końca kursu. W trakcie kursu opowiadałem o wielu doświadczeniach i uczuciach, które otaczają ten wspaniały świat UI, opowiadałem o tym, jak wszystko na koniec dnia stało się satysfakcjonującym doświadczeniem, doprowadziło mnie to nie tylko do lepszego poznania tematu, ale także, aby każdego dnia chcieć wiedzieć o nim więcej. Jestem głęboko przekonany, że ta społeczność rośnie z dnia na dzień i dzielenie się tym, co wiemy, jest kluczem do osiągania coraz lepszych wyników w interfejsie użytkownika. Dlatego przy każdej okazji dzielę się z Wami wszystkim, czego nauczyłem się po drodze. Ale teraz jest twój czas, aby rozpocząć tę podróż, nadszedł czas, aby rozpocząć swój własny projekt! Aby pomóc Ci w tym, dzielę się serią kroków, które wykonałem, aby stworzyć mój. Zobaczymy! Wybierz swoje narzędzie Pokazałem Ci szeroką gamę narzędzi, których możesz użyć do stworzenia swojego projektu. W moim przypadku wybrałem Figmę, podałem kilka powodów, dla których zdecydowałem się skorzystać z tego narzędzia. Ale możesz użyć tego, który chcesz, polecam użyć tego, z którym czujesz się najlepiej i najbardziej komfortowo.

Rozpocznij proces projektowania! Zanim wyruszysz w jakąkolwiek drogę, ważne jest, abyś wiedział, czego chcesz lub dokąd chcesz się udać. Nauczyłem Cię, że niektóre z kluczowych pytań to: zrozum problem i pomyśl o użytkowniku. Pamiętaj, że będą chwile, kiedy będziesz musiał pracować jako zespół! Nie bój się komunikować z programistami, jeśli masz jasny pomysł, będzie im łatwiej Cię zrozumieć. Twój benchmark Aby zacząć tworzyć interfejsy, pokazałem Ci, jak tworzyć swoje benchmarki. W tym przypadku zrobiłem to dla „Freshi”. Pokażę Ci, jak zrobić dwa rodzaje, pierwszy uwzględniający produkty, które moja marka już posiada, a drugi skupiający się wyłącznie na designie. Makiety Zacząłem tworzyć swoje makiety i pokazałem, jak z nich korzystać, aby zmaterializować nasze pomysły. Zalecam, abyś zawsze pamiętał o zdaniu: „Co chcę przekazać?” Pomyśl o strukturze i informacjach! Nie musi być idealnie, możesz zacząć tak jak ja, biorąc papier i ołówek. Wtedy będziesz miał czas na ich udoskonalenie. Kilka liter tutaj i inne litery tam Wybrałem czcionkę do mojego projektu, biorąc pod uwagę takie kwestie jak rozmiar, waga, a nawet rodzaje tekstów. Wspomniałem o tym, jak ważna jest harmonia i jak ją osiągnąć za pomocą typografii, ponieważ definiuje ona 80% tego. Układy Zacząłem projektować modele pudełkowe i pokazałem, jak ich używać do optymalizacji przestrzeni. Wygenerowałem również niezbędne hierarchie dla naszej responsywnej strony internetowej. Jak używać kolorów? Użyłem kolorów RGB, aby później móc wybrać najbardziej odpowiednie kolory do mojego projektu, dzięki czemu mogłem zdefiniować swoją paletę kolorów. Pamiętaj, że kolory cyfrowe działają inaczej, dlatego ważne jest, aby zawsze to robić z uwzględnieniem kolorów RGB. Ikony Poszukaj odpowiednich ikon do mojego projektu, biorąc pod uwagę, że wszystkie pochodziły z tej samej rodziny. Ikony mogą powiedzieć więcej niż tysiąc słów, ważne jest, aby nie rezygnować z wyszukiwania, dopóki nie znajdziesz tych najlepszych. Zrób swoje guziki! Pokazałem ci jak stworzyć odpowiednie przyciski. Zrób moje, biorąc pod uwagę, czy chcesz, aby były to przyciski podstawowe, drugorzędne czy trzeciorzędne. Listy i karty Na koniec sporządziłem listę niektórych produktów, które mają pewne cechy. Zrobiłem też kilka kart, upewniając się, że zawierają wszystko, co niezbędne do przekazania informacji, które muszę wysłać użytkownikowi. Zaprojektuj swój login! Zrobiłem loginy do mojego projektu, zarówno na komputer, jak i na mobile . I voila, masz już responsywną stronę internetową! Za każdym razem, gdy zaczynasz projekt, zalecam ciągłe zadawanie sobie pytania „dlaczego”, będzie to bardzo pomocne w określeniu, czy to, co chcesz stworzyć, rozwiązuje jakiś problem. Najlepszą radą, jaką mogę ci dać, jest ciągłe podtrzymywanie żywej ciekawości, w ten sposób zawsze możesz się uczyć, wiedzieć i czuć się bardziej komfortowo, aby rozpocząć nową przygodę. Z wielką przyjemnością podzieliłem się z Wami tym nowym kursem, mam nadzieję, że pomogło Wam wykreować wszystkie pomysły lub po prostu wyjaśnić pewne wątpliwości. Nie zapomnij podzielić się wynikiem końcowego projektu! Wielki uścisk z Peru! 🇵🇪 ”

Częściowa transkrypcja wideo

“PROJEKT KOŃCOWY Witam, w tej lekcji zrobimy krótki przegląd tego, co było widoczne w kursie. W części 1 rozmawialiśmy na „sposobie myślenia”, jaki powinien mieć projektant interfejsu użytkownika i jak niezbędna jest ciągła nauka w tej karierze. Nauczyłem Cię procesu projektowania produktu cyfrowego i pokazałem Ci narzędzia, z których będziesz korzystać, jak Figma, Sketch lub Adobe XD, aby rozpocząć swoje projekty. Potem mówimy o inspiracji, o wzorcu oraz znaczenie makiety. Dedykujemy dwie jednostki do leczenia koncepcje, które powinien znać każdy projektant, jak typografia, kolor, układ i i...”

Transkrypcje są generowane automatycznie, stąd mogą pojawić się błędy.

Podsumowanie kursu: Wprowadzenie do projektowania UI

• Poziom: Podstawowy
• 96% pozytywnych ocen (337)
• Liczba uczestników: 10884
• Liczba części dydaktycznych: 6
• 21 lekcji (2 h 30 min)
• liczba dodatkowych zasobów: 1

• Kategoria

  Web & App Design

• Dziedziny

  Design, Projektowanie aplikacji, Projektowanie aplikacji mobilnych, Projektowanie interaktywne, Web design