Domestika Basics Liczba kursów: 7

Wprowadzenie do programu Sketch

Od Samuel Hermoso (Elastic Heads) , Projektant UX-UI

Projektant UX-UI. Madrid, España.
Data dołączenia: 8 2014
Domestika Basics Liczba kursów: 7
100% pozytywnych ocen (67)
Liczba uczestników: 2.280
Audio: Hiszpański
Hiszpański · Angielski · Portugalski · Niemiecki · Włoski · Francuski · Polski · Holenderski
Wprowadzenie do programu Sketch

Dowiedz się, jak profesjonalnie projektować strony internetowe i aplikacje za pomocą pionierskiego oprogramowania do projektowania UI

Liczba kursów: 7

Domestika Basics · Liczba kursów: 7

Jeśli chcesz zaprojektować responsywny interfejs dla różnych urządzeń w prosty i wydajny sposób, narzędzia Sketch — program specjalnie opracowany dla projektantów interfejsu użytkownika — ułatwią Ci pracę.

W tym 7-kursowym Domestika Basics projektant UX / UI i konsultant Samuel Hermoso nauczy Cię opanować Sketch od podstaw. Dzięki praktycznej metodologii poprzez szereg ćwiczeń będziesz mógł profesjonalnie zaprojektować interfejs własnych projektów, dla stron internetowych i aplikacji.

Zaczniesz od nauczenia się, jak zainstalować program, poznając jego interfejs i podstawowe narzędzia, a także jego główne cechy. Zobaczysz, jak tworzyć swoje pierwsze kształty oraz jak wybierać, przesuwać i przekształcać warstwy na różne sposoby.

W drugim kursie Samuel nauczy Cię dodawać obramowania, kolory, cienie i inne efekty do podstawowych kształtów. Dowiesz się, jak pracować z wektorami i pikselami, a także stworzysz pierwsze ikony do projektowania interfejsu poprzez przecięcie kształtów wektorowych i rysunków krzywych.

W trzecim kursie zobaczysz, jak w zorganizowany sposób pracować z elementami w Sketchu, mierząc odległości, grupując i wyrównując warstwy. Poznasz główne funkcje zmiany kolejności ekranów i warstw za pomocą narzędzia Smart Layout.

Przejdziesz do czwartego roku, rozpoczynając proces projektowania tekstu. Dowiesz się, jak poprawić wrażenia z czytania i zachować spójność w całym projekcie. Samuel nauczy Cię modyfikować teksty, tworzyć różne style i ustalać hierarchie. Poznasz czcionki, rozmiary, kolory i kontrasty, aby stworzyć projekt na ekran mobilny.

Następnie nauczysz się pracować z projektem w sposób skalowalny, używając symboli za pomocą narzędzia do zmiany rozmiaru. W ten sposób będziesz mógł efektywnie powielać ekrany i wprowadzać poprawki, które wpływają na wszystkie kopie; Nauczysz się także tworzyć i wymieniać style.

W przedostatnim kursie Domestika Basics stworzysz ze swoimi stronami prototyp, w którym można nawigować. Aby to zrobić, zobaczysz, jak dostosować swoje projekty do różnych urządzeń za pomocą układów kolumn siatek . Skorzystasz z nowych funkcji automatycznego wyrównywania elementów, tworzenia odstępów i dopełnień .

Na koniec Samuel pokaże Ci, jak najlepiej wykorzystać Sketch, dzieląc się różnymi wskazówkami i skrótami, które przyspieszą i usprawnią Twoją pracę. Wreszcie, można zobaczyć serię wtyczek , aby dostosować narzędzie, które najlepiej odpowiada Twoim potrzebom.

Wymagania techniczne

    ⦁ Komputer z systemem macOS Mojave lub nowszym.
    ⦁ Najnowsza wersja Sketch. Możesz pobrać wersję próbną na oficjalnej stronie oprogramowania .
Przeczytaj więcej ↓
  • 100% pozytywnych ocen (67)
  • Liczba uczestników: 2.280
  • 83 lekcje (11 h 46 min)
  • 7 kursów
  • liczba dodatkowych zasobów: 79 (Liczba plików: 21)
  • Online i we własnym tempie
  • Dostępne w aplikacji
  • Audio: Hiszpański
  • Hiszpański · Angielski · Portugalski · Niemiecki · Włoski · Francuski · Polski · Holenderski
  • Poziom: Podstawowy
  • Dostęp nielimitowany na zawsze


Oceny

2.280 Uczestnicy
67 Oceny
100% Pozytywne oceny

Samuel Hermoso (Elastic Heads)

Samuel Hermoso (Elastic Heads)
Od Samuel Hermoso (Elastic Heads)

Prowadzący Plus
Projektant UX-UI

Z ponad 20-letnim doświadczeniem specjalizującym się w konsultingu i projektowaniu produktów cyfrowych. Po współpracy z różnymi studiami i agencjami stworzył studio Elastic Heads w Madrycie (Hiszpania), gdzie pomaga ludziom, firmom i startupom dostosować się do nowych zmian w cyfrowym świecie i ulepszać ich cyfrowe produkty.

Poza kierowaniem swoim studiem, Samuel poświęca się również nauczaniu, będąc profesorem projektowania produktów, doświadczeń użytkownika i metodologii oraz interaktywnych narzędzi projektowych w szkołach takich jak: Ironhack, Mr. Marcel School, IED, Neoland i European University.


Zawartość

Kurs 1: Wprowadzenie do programu i podstawowe funkcjonalności

  • Cz.1

    Witamy

    • Witamy
  • Cz.2

    Instalacja programu

    • Instalacja programu
  • Cz.3

    Interfejs szkicu

    • Interfejs szkicu
  • Cz.4

    Powiększ i przesuń

    • Powiększ i przesuń
  • Cz.5

    preferencje

    • preferencje
  • Cz.6

    Ekrany

    • Ekrany
  • Cz.7

    Wstaw podstawowe kształty

    • Wstaw podstawowe kształty
  • Cz.8

    Menu

    • Menu
  • Cz.9

    Przekształć, skaluj, skręcaj i odbijaj

    • Przekształć, skaluj, skręcaj i odbijaj
  • Cz.10

    Wybrać

    • Wybrać
  • Cz.11

    Przenieś, kopiuj, wklej i duplikuj

    • Przenieś, kopiuj, wklej i duplikuj
  • Cz.12

    Praktyka: projektowanie z geometrycznymi kształtami i adaptacjami do różnych ekranów

    • Projektowanie z geometrycznymi kształtami i adaptacjami do różnych ekranów

Kurs 2: Rodzaje kształtów i użycie wektorów i pikseli

  • Cz.1

    Witamy

    • Witamy
  • Cz.2

    Obramowania i kolory

    • Obramowania i kolory
  • Cz.3

    Pracuj z obrazami

    • Pracuj z obrazami
  • Cz.4

    Eksportuj obrazy

    • Eksportuj obrazy
  • Cz.5

    Wektory, zaokrąglone krawędzie, wektory importu i eksportu

    • Wektory, zaokrąglone krawędzie, wektory importu i eksportu
  • Cz.6

    Idealne ikony pikseli

    • Idealne ikony pikseli
  • Cz.7

    Praca z kształtami wektorowymi

    • Praca z kształtami wektorowymi
  • Cz.8

    Wartości logiczne o geometrycznych kształtach

    • Wartości logiczne o geometrycznych kształtach
  • Cz.9

    Praktyka: projektowanie ikon

    • Sprawdź swoją wiedzę: projektowanie ikon 1
    • Sprawdź swoją wiedzę: projektowanie ikon 2

Kurs 3: Organizacja elementów

  • Cz.1

    Witamy

    • Witamy
  • Cz.2

    Grupy warstw

    • Grupy warstw
  • Cz.3

    Rodzaje warstw

    • Rodzaje warstw
  • Cz.4

    Zablokuj i odblokuj warstwy

    • Zablokuj i odblokuj warstwy
  • Cz.5

    Mierz odległości, wyrównuj i rozprowadzaj

    • Mierz odległości, wyrównuj i rozprowadzaj
  • Cz.6

    Przycisk Odtwórz i wyrównaj elementy w nagłówku

    • Przycisk Odtwórz i wyrównaj elementy w nagłówku
  • Cz.7

    Kolejność warstw

    • Kolejność warstw
  • Cz.8

    Zmień kolejność warstw i ekranów

    • Zmień kolejność warstw i ekranów
  • Cz.9

    Zmień kolejność spacji w tekstach

    • Zmień kolejność spacji w tekstach
  • Cz.10

    Przećwicz: organizuj i dopasowuj elementy na ekranie

    • Przećwicz: organizuj i dopasowuj elementy na ekranie

Kurs 4: Teksty i hierarchie

  • Cz.1

    Witamy

    • Witamy
  • Cz.2

    Wyrównaj i zmodyfikuj tekst i kształty, aby utworzyć przyciski

    • Wyrównaj i zmodyfikuj tekst i kształty, aby utworzyć przyciski
  • Cz.3

    Popraw jakość czytania

    • Popraw jakość czytania
  • Cz.4

    Hierarchie tekstu

    • Hierarchie tekstu
  • Cz.5

    Wklej tekst zachowując ten sam styl

    • Wklej tekst zachowując ten sam styl
  • Cz.6

    Przyciski przekształcania ćwiczeń

    • Przyciski przekształcania
  • Cz.7

    Zalecane rozmiary tekstu

    • Zalecane rozmiary tekstu
  • Cz.8

    Style tekstu

    • Style tekstu
  • Cz.9

    Przećwicz: twórz ekrany mobilne, łącząc różne style tekstu

    • Przećwicz: twórz ekrany mobilne, łącząc różne style tekstu 1
    • Przećwicz: twórz ekrany mobilne, łącząc różne style tekstu 2

Kurs 5: Skalowanie projektu

  • Cz.1

    Witamy

    • Witamy
  • Cz.2

    Symbolika

    • Symbolika
  • Cz.3

    Modyfikuj wartości za pomocą nadpisań

    • Modyfikuj wartości za pomocą nadpisań
  • Cz.4

    Uzupełnij informacje danymi

    • Uzupełnij informacje danymi
  • Cz.5

    Przekształć grupy i symbole za pomocą zmiany rozmiaru

    • Przekształć grupy i symbole za pomocą zmiany rozmiaru
  • Cz.6

    Twórz alternatywne symbole

    • Twórz alternatywne symbole
  • Cz.7

    Dodaj style, aby zmodyfikować nadpisania kolorów

    • Dodaj style, aby zmodyfikować nadpisania kolorów
  • Cz.8

    Kopiuj-wklej styl warstwy

    • Kopiuj/wklej styl warstwy
  • Cz.9

    Skopiuj inny kolor i rodzaje wypełnień

    • Skopiuj inny kolor i rodzaje wypełnień
  • Cz.10

    Odcienie

    • Odcienie
  • Cz.11

    Przećwicz: ekran listy preferencji na telefonie komórkowym i tablecie

    • Przećwicz: ekran listy preferencji na telefonie komórkowym i tablecie 1
    • Przećwicz: ekran listy preferencji na telefonie i tablecie 2
    • Przećwicz: ekran listy preferencji na telefonie komórkowym i tablecie 3

Kurs 6: Układy, siatki, smart layoutsi prototypowanie

  • Cz.1

    Witamy

    • Witamy
  • Cz.2

    12-kolumnowy układ

    • 12-kolumnowy układ
  • Cz.3

    Dostosuj elementy do układu i siatki

    • Dostosuj elementy do układu i siatki
  • Cz.4

    Rytm pionowy dla tekstów i odstępów

    • Rytm pionowy dla tekstów i odstępów
  • Cz.5

    Użyj inteligentnego układu

    • Użyj inteligentnego układu
  • Cz.6

    Dopełnienie z inteligentnym układem

    • Dopełnienie z inteligentnym układem
  • Cz.7

    Prototypowanie

    • Prototypowanie
  • Cz.8

    Elementy stałe

    • Elementy stałe
  • Cz.9

    Podgląd prototypu

    • Podgląd prototypu
  • Cz.10

    Praktyka: Projekt interfejsu użytkownika strony internetowej / aplikacji oraz prototyp ekranu strony internetowej / aplikacji

    • Sprawdź swoją wiedzę: Projekt UI strony/aplikacji oraz prototyp ekranu strony/aplikacji 1
    • Projekt ekranów UI i prototyp aplikacji 2

Kurs 7: Skróty, triki i wtyczki

  • Cz.1

    Witamy

    • Witamy
  • Cz.2

    Skróty klawiszowe

    • Skróty klawiszowe
  • Cz.3

    Droższe

    • Droższe
  • Cz.4

    Znajdź i zamień kolory

    • Znajdź i zamień kolory
  • Cz.5

    Zmień rozmiar ekranów

    • Zmień rozmiar ekranów
  • Cz.6

    Zalecenia dotyczące linii i wykresów pierścieniowych

    • Zalecenia dotyczące linii i wykresów pierścieniowych
  • Cz.7

    Wymień elementy

    • Wymień elementy
  • Cz.8

    Utwórz listy danych dla menu Dane

    • Utwórz listy danych dla menu Dane
  • Cz.9

    Zmniejsz rozmiar pliku i elementy wersji

    • Zmniejsz rozmiar pliku i elementy wersji
  • Cz.10

    Przełącz okna i karty dla wielu dokumentów

    • Przełącz okna i karty dla wielu dokumentów
  • Cz.11

    Pióro do rysowania krzywych

    • Pióro do rysowania krzywych
  • Cz.12

    Wtyczki

    • Wtyczki 1
    • Wtyczki 2
  • Cz.13

    Przećwicz: dostosuj ekran do nowego, odświeżonego wizerunku marki

    • Przećwicz: dostosuj ekran do nowego, odświeżonego wizerunku marki
    • Sprawdź swoją wiedzę: Dostosuj ekran do nowego, odświeżonego wizerunku marki 2
    • Przećwicz: dostosuj ekran do nowego, odświeżonego wizerunku marki 3
    • Przećwicz: dostosuj ekran do nowego, odświeżonego wizerunku marki 4

Zobacz zawartość 7 kursów


O kursach Domestika Basics

Domestika Basics to kursy ukierunkowane na wyjaśnienie w prosty sposób i krok po kroku, jak korzystać z oprogramowania wykorzystywanego przez twórców na całym świecie.
Zawartość została szczegółowo przygotowana dla uczestników, którzy rozpoczynają naukę nowej kreatywnej dyscypliny oraz dla profesjonalistów z doświadczeniem, którzy chcą rozwinąć swoje umiejętności.

Zdobywaj wiedzę od najlepszych instruktorów na platformie Domestika dzięki praktycznym lekcjom i wielu dodatkowym zasobom. Poziom trudności zwiększa się stopniowo, co sprawia, że postępy widoczne są już pierwszego dnia.

Z kursami Domestika Basics rozwiniesz się zawodowo i przygotujesz się do wykonania najważniejszych projektów.

  • Bez wcześniejszej wiedzy

    Domestika Basics zawiera wszystko, co potrzebne, aby nauczyć się nowej dyscypliny i zostać ekspertem.

  • Skoncentrowanie uwagi na narzędziach

    Odkrywaj podstawy, techniki i sprawdzone metody, aby je opanować.

  • Ucz się szybko

    Najlepsi profesjonaliści nauczą Cię krok po kroku, bez owijania w bawełnę tak, że nie zgubisz się w programie.

  • Certyfikaty Plus

    Jeśli posiadasz subskrypcję Plus, otrzymasz spersonalizowany i podpisany certyfikat ukończenia kursu podpisany przez instruktora. Możesz go dołączyć do swojego portfolio lub udostępnić w sieciach społecznościowych.

Wprowadzenie do programu Sketch. Kurs z kategorii Web i App Design użytkownika Samuel Hermoso (Elastic Heads)

Wprowadzenie do programu Sketch

Od Samuel Hermoso (Elastic Heads)
Projektant UX-UI. Madrid, España.
Data dołączenia: 8 2014
  • 100% pozytywnych ocen (67)
  • Liczba uczestników: 2.280