Aplikacja Sketch: przegląd i przegląd

Sketch to narzędzie oparte na wektorach używane do projektowania UI, makiet i prototypów na komputery stacjonarne i urządzenia mobilne, a dziś jest uważane za standard branżowy. Możesz także edytować i manipulować zdjęciami za pomocą programu Sketch.

Sketch jest tak przyjazny dla użytkownika, że ​​możesz się go szybko nauczyć, nawet jeśli nigdy wcześniej go nie widziałeś. Jest przeznaczony dla projektantów, a nie laików (nie-projektantów) i jest najlepszy dla zespołów, które zaspokajają potrzeby klientów. Ponieważ jest to aplikacja tylko dla komputerów Mac, jest przeznaczona dla użytkowników komputerów Mac.

Przegląd szkicu

Kiedy po raz pierwszy zaczniesz używać programu Sketch, będziesz pracować na nieskończonym płótnie. Pasek narzędzi można dostosować, klikając prawym przyciskiem myszy i ustawiając ulubione, przeciągając.

Obszar roboczy w programie Sketch reprezentuje ekran lub interakcję na ekranie. Podczas tworzenia obszaru roboczego możesz wybrać z listy popularnych rozmiarów ekranu dla Androida, iOS, Internetu i drukowania lub możesz dostosować swój własny. Dostępna jest również wtyczka Artboard Manager do organizacji na poziomie OCD (*kaszle* mnie) – możesz przyciągnąć swoje obszary robocze w rzędy i kolumny, aby je uporządkować.

Strony w programie Sketch reprezentują inną rozdzielczość lub platformę. Jeśli tworzysz obszar roboczy dla systemu iOS, przeciągniesz je wszystkie do strony, a następnie możesz utworzyć kolejną stronę dla swojego projektu Androida. Plik szkicu może zawierać wiele obszarów roboczych i stron. Pozwala to uporządkować przepływ pracy w sposób, który jest łatwo dostępny.

Podobnie jak w przypadku większości narzędzi do projektowania ekranu, kliknięcie warstwy otworzy po prawej stronie inspektora, w którym można zmienić właściwości.

Jeśli jesteś początkującym, zacznij od szablonu interfejsu użytkownika. Aplikacja Sketch ma fabrycznie załadowane szablony iOS, Material Design i Responsive Web (Plik > Nowy z szablonu).

Korzyści ze szkicu

Sketch nie bez powodu jest uwielbiany. Zanim przejdziemy do jego funkcji, porozmawiajmy o jego zaletach:

• Prosty i łatwy do nauczenia; intuicyjny interfejs
• Twórz projekty dla wielu urządzeń
• Klienci mogą podglądać, co się stanie, gdy wejdą w interakcję z projektem komputera stacjonarnego, laptopa, telefonu lub tabletu
• Przydatne funkcje współpracy, zwłaszcza z synchronizacją i udostępnianiem Sketch Cloud
• Pasek narzędzi jest podobny do Mac
• Istnieje szereg wtyczek, których można używać w programie Sketch (Abstract, Craft, Flinto itp.)
• Niedrogie

Wiele zalet Sketch jest w porównaniu do Photoshopa. Na przykład działa podobnie do Photoshopa, ale w niższej cenie i zajmując mniej miejsca na dysku. Niektórzy uważają, że Sketch może w pewnym momencie nawet wyprzedzić Photoshopa, przynajmniej jeśli chodzi o wiodące narzędzie do prototypowania. Głównym powodem, dla którego Sketch może być bardziej biegły w projektowaniu ekranów niż Photoshop, jest to, że został specjalnie zaprojektowany – jest to młodsze, bardziej nowoczesne narzędzie, które zostało zbudowane specjalnie.

Sketch ma również wiele wskazówek na swojej stronie internetowej, do których można uzyskać dostęp ze strony pobierania.

Wady i konkurenci

Szkic nie ma dużo, że nie będzie dla niego, ale dwa z jej największych wad są (1) można używać tylko go na Mac i (2) można go używać tylko na jednym urządzeniu za licencję. Ponadto, jako ostrzeżenie, jeśli zamierzasz utworzyć kilka złożonych plików z wieloma stronami, będziesz potrzebować potężnego komputera Mac, który poradzi sobie z tym wszystkim.

Istnieją dwaj główni konkurenci Sketch: Adobe XD i InVision Studio. Adobe XD to kolejne narzędzie oparte na wektorach używane do tworzenia szkieletów i prototypowania. InVision Studio ma przewagę zarówno nad Adobe XD, jak i Sketchem: jego modułem animacji.

Funkcje szkicu

Sketch ma wiele podstawowych funkcji, których można się spodziewać:

• Narzędzia do rysowania, kształtowania i tekstu
• Edytuj punkty kształtu i krzywe Beziera
• Operacje aranżacyjne (wyrównanie, doprowadzenie do przodu, dystrybucja)
• Narzędzia logiczne (łączanie, odejmowanie, przecięcie, różnica)

Sketch nie jest jednak przeznaczony do rysowania – tak naprawdę jest przeznaczony do prototypowania. Zdefiniuj hotspoty; przypisać obszary ekranu do przewijania/bez przewijania; a także instancje linków i linków, menu, strony, sekcje i symbole. Możesz także importować obrazy lub tekst, aby wypełnić prototyp bardziej realistycznymi danymi niż symbole zastępcze. Szkic jest szczególnie przydatny, jeśli chodzi o projektowanie z dużą precyzją:

• Narzędzia zapewniające wysoką precyzję (siatki i siatki pikseli, linijki, inteligentne prowadnice itp.)
• Inteligentne prowadnice pojawiają się przed rozpoczęciem rysowania w celu uzyskania optymalnej precyzji
• Przytrzymanie „Alt” pokazuje odległość między wybraną warstwą a innymi, a także między warstwą a obszarem roboczym
• Wybierz dwie warstwy i wyrównaj je ze sobą
• Opcja Rozłóż obiekty umożliwia normalizację odległości między warstwami
• Ustaw własną siatkę układu

Więcej wspaniałych funkcji szkicu

• Narzędzie skalowania skaluje każdą właściwość – obramowanie, promień, cień/cień wewnętrzny, rozmiar
• Dopasowanie pikseli pozwala zachować ostre piksele podczas wyrównywania lub zmiany rozmiaru kształtów
• Automatyczne wykrywanie kolorów w dokumencie, a kolory są sortowane na podstawie tego, jak często są używane
• Narzędzie do kolorowania przechowa paletę dla pojedynczego dokumentu lub globalnie
• Zmień z RGB na HSB, aby mieć większą kontrolę nad kolorami
• Gradienty świetnie nadają się do tła, przycisków i ikon
• Używaj gradientów promieniowych do dużych teł i gradientów kątowych do okrągłych teł
• Konfigurowalne rozmycie tła; wszystkie warstwy pod tą wybraną rozmyją się automatycznie
• Style tekstu umożliwiają ponowne użycie preferowanego stylu typografii na różnych warstwach (ustaw styl globalny)
• Twórz elementy (symbole) wielokrotnego użytku do udostępniania w obszarach roboczych; aktualizacja jednego spowoduje synchronizację wszystkich pozostałych (jeśli inny członek zespołu zaktualizuje symbol, możesz zatwierdzić aktualizację lub odłączyć go od swojej biblioteki)
• Jeśli masz bibliotekę wypełnioną ikonami i logo w Photoshopie lub Illustratorze, możesz przenieść je do Sketch
• Włączenie automatycznego zapisywania spowoduje zapisanie zmian, dzięki czemu nie stracisz swojej ciężkiej pracy
• Funkcja automatycznego zapisywania tworzy również historię wersji projektu

Ceny szkicu

Sketch kosztuje 99 USD przez pierwszy rok i 69 USD za odnowienie licencji co roku. Jeśli chcesz korzystać ze Sketch na więcej niż jednym urządzeniu, dostępna jest licencja zbiorcza od 89 USD za urządzenie na dwa urządzenia przez pierwszy rok i 64 USD za urządzenie w przypadku odnowienia. Największa licencja zbiorcza, jaką możesz kupić, to ponad 50 urządzeń za 59 USD za urządzenie przez pierwszy rok i 49 USD za urządzenie w przypadku odnowienia. Dostępna jest również 30-dniowa bezpłatna wersja próbna, która nie wymaga e-maila ani karty kredytowej, która rozpoczyna się od pierwszego uruchomienia aplikacji.

Licencja Sketch obejmuje jeden rok aktualizacji, ale możesz korzystać z oprogramowania przez całe życie; lub możesz aktualizować co roku, aby zawsze otrzymywać najnowsze wersje. Wraz z oprogramowaniem otrzymasz również aplikację Mirror, która umożliwia podgląd projektów w czasie rzeczywistym na iPadzie lub iPhonie, a także rok Sketch Cloud.

Zawijanie

Podsumowując, Sketch to interfejs użytkownika i narzędzie do tworzenia prototypów tylko dla komputerów Mac, ale jest tak łatwe do nauczenia, że ​​możesz z niego korzystać, niezależnie od tego, czy jesteś początkującym, czy ekspertem. Działa podobnie do Photoshopa, interfejs przypomina programy Mac, a Sketch zapewnia wiele pomocy poprzez przewodniki, społeczności i wstępnie załadowane szablony i zestawy. Jest elastyczny dzięki wtyczkom i możliwości używania go z bibliotekami programów Photoshop i Illustrator. Jako narzędzie do projektowania ekranów i tworzenia prototypów specjalnie zaprojektowane, kładzie nacisk na precyzję projektów i organizację projektów. Adobe XD jest godnym przeciwnikiem do prototypowania, a InVision Studio to wybór do animacji, ale znajomość Sketch może wkrótce stać się wymogiem branżowym.

Chcesz zostać ekspertem od szkiców? Zebraliśmy 25 zasobów szkicu dla projektantów motywów WordPress i wtyczek.