Wprowadzenie do programu Sketch
Od Samuel Hermoso (Elastic Heads) , Projektant UX-UI

Dowiedz się, jak profesjonalnie projektować strony internetowe i aplikacje za pomocą pionierskiego oprogramowania do projektowania UI
Domestika Basics · Liczba kursów: 7
-
Kurs 1: Wprowadzenie do programu i podstawowe funkcjonalności
Od Samuel Hermoso (Elastic Heads)
Pierwsze kroki w korzystaniu z programu Sketch
-
Kurs 2: Rodzaje kształtów i użycie wektorów i pikseli
Od Samuel Hermoso (Elastic Heads)
Dowiedz się, jak dodawać obramowania, kolory i efekty do podstawowych kształtów
-
Kurs 3: Organizacja elementów
Od Samuel Hermoso (Elastic Heads)
Naucz się organizować elementy za pomocą smart layout (narzędzia inteligentnego układu)
-
Kurs 4: Teksty i hierarchie
Od Samuel Hermoso (Elastic Heads)
Tworzenie tekstów i modyfikowanie ich charakterystyki
-
Kurs 5: Skalowanie projektu
Od Samuel Hermoso (Elastic Heads)
Dowiedz się, jak pracować z symbolami, stylami i danymi, tak aby pozostały skalowalne
-
Kurs 6: Układy, siatki, smart layoutsi prototypowanie
Od Samuel Hermoso (Elastic Heads)
Stwórz swój pierwszy prototyp z nawigacją
-
Kurs 7: Skróty, triki i wtyczki
Od Samuel Hermoso (Elastic Heads)
Poznasz skróty i triki, które maksymalnie ułatwią Ci pracę w Sketch
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 .
- 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

Samuel Hermoso (Elastic Heads)
Od Samuel Hermoso (Elastic Heads)
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
-
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.
iannone_developer
El curso es muy completo y didáctico , lo único es que esta muy desactualizado.
Zobacz tłumaczenie
Ukryj tłumaczenie
sofia.piedrahitar
Me gustó mucho como se dan los temas, facil de entender
Zobacz tłumaczenie
Ukryj tłumaczenie
mam.profesional
Muy bien explicado. Abarca todos los temas importantes del manejo de la aplicación. Consigues la formación básica para manejar Sketch. Muy recomendable
Zobacz tłumaczenie
Ukryj tłumaczenie
alboruiz
Plusun buen curso para aprender sobre Sketch, siempre me sirve para regresar a repasar.
Zobacz tłumaczenie
Ukryj tłumaczenie
victoria_armas
Súper últil y claro. Está tan bien organizado que cuando me olvido de cómo hacer algo solo vengo aquí y checkeo lo que necesito. Muchas gracias por el curso!!!
Zobacz tłumaczenie
Ukryj tłumaczenie