Najnowsza, bardzo oczekiwana wersja Szkic według kodu czeskiego, właśnie został zwolniony. Jest to aplikacja, która obiecała wiele w przeszłości, a wielu projektantów z całego serca ją przyjęła. Jednak poprzednie dwie wersje były zbyt niedojrzałe, by wykonywać pracę profesjonalną; pytanie brzmi, czy wersja 3 rozwiązała te problemy i czy Sketch jest gotowy do użycia jako aplikacja do projektowania dla kreatywnych studiów?

Po pierwsze, w odróżnieniu od niektórych pretendentów do korony Adobe, Czeski kodowanie to profesjonalna operacja, która pracowała nad różnymi iteracjami Sketcha od sześciu lat, co w latach Web czyni ich z rąk starych. Szkic to stabilny produkt ze stosunkowo niewielką ilością błędów i, o ile wiem od czasów wydania wersji 3, najnowsza wersja jest równie dobrze wykonana.

Gdzie Szkic naprawdę się wyróżnia tworzy grafikę interfejsu użytkownika. To rynek, do którego dążą Czesi. Gdy fajerwerki przesuwają się w kierunku kosza na śmieci, a Photoshop zostaje ponownie zalany jako nadęty generator 3D, to z pewnością niszę do wypełnienia.

Porównywanie rysunków

almost invariably compare Sketch to Photoshop but it's a comparison that doesn't really hold water: the two applications are built for completely different purposes, a more appropriate comparison can be made between Sketch and Fireworks. Miłośnicy szkiców prawie zawsze porównują Szkic do Photoshopa, ale to porównanie nie ma w rzeczywistości wody: dwie aplikacje są zbudowane dla zupełnie innych celów, bardziej odpowiednie może być porównanie Szkiców i Ogni Sztucznych. I wydaje się, że pochodzi to od społeczności Fireworks, z której pochodzi większość fanów Sketch.

Naiwnością byłoby twierdzenie, że bezpośrednie porównania między Photoshopem i Sketch nie będą kontynuowane, ale w dużej mierze wynika to z ciągłego (niewłaściwego) użycia Photoshopa jako narzędzia do tworzenia grafiki internetowej.

Porównaj Sketch with Fireworks, a szybko wyciągniesz kilka interesujących wniosków: po pierwsze, GUI Sketcha jest znacznie prostsze niż Fireworks, a ulepszenia wprowadzone do Sketch 3 służą tylko poszerzeniu tej luki; po drugie, Sketch jest współczesnym narzędziem internetowym, nie ucieka od założeń Macromedia z lat dziewięćdziesiątych; po trzecie, Sketch oferuje podobne podejście do Fireworks, ale z ciągłym zaangażowaniem w rozwój, podczas gdy Fireworks - słusznie lub niesłusznie - ledwo trzyma się swojej linii w ofercie Creative Cloud.

Eksportowanie ze Szkicu

Jedną z bardziej popularnych funkcji w Sketch jest opcja eksportu 2x. Umożliwi to wyeksportowanie większej wersji obrazu do wyświetlaczy Retina. Jeśli jednak pracujesz w wektorach, możesz eksportować w dowolnym rozmiarze z programu Photoshop, a jeśli pracujesz w mapach bitowych, to Szkic nie jest lepszy. Jednak podoba mi się prostota opcji eksportu Sketcha, nawet jeśli utrzymuję, że wszystkie grafiki wektorowe powinny być renderowane jako SVG (a tak na marginesie, Sketch może zrobić).

Aby dokonać bezpośredniego porównania, narysowałem koło wektorowe z wypełnieniem gradientowym w Sketch, Photoshop i Fireworks, eksportując je dwukrotnie z każdej aplikacji o rozmiarach 244 x 244 pikseli i 488 x 488 pikseli. Rezultaty były nieoczekiwane: dwa pliki Sketcha miały rozmiar 53 kB i 197 kB; Photoshop to 44kb i 165kb; Fajerwerki "miały 8kb i 22kb. To, we współczesnym języku, jest znane jako bicie. Oczywiście test był mocno wypaczony w kierunku programów wektorowych, i nie byłem zaskoczony, że Fireworks zrobił tak dobrze, byłem jednak nieco zaskoczony triumfem Photoshopa. Gdybym oszczędzał skomplikowaną bitmapę, spodziewałbym się, że Photoshop zrobił jeszcze lepiej.

Co więcej, podczas gdy główna opcja eksportu Sketcha jest krojona, program Photoshop jest teraz funkcją generowania, procesem, w którym warstwy są eksportowane na żywo po zmianie. Biorąc pod uwagę iteracyjne podejście większości procesów projektowych, jest to coś, czego Szkoda niestety brakuje - być może w wersji 4.

Szkicową zaletą Sketcha w tym względzie jest to, że umożliwia on bezpośredni dostęp do właściwości CSS powiązanych z elementami, co oznacza, że ​​w ogóle nie potrzebujesz obrazów do swoich układów.

Objęcie logiki CSS

Największym sukcesem w Sketchu jest to, że Bohemian przyjął logikę CSS. Kiedy po raz pierwszy Photoshop został wydany, CSS po prostu nie istniało, ale trudno jest przewidzieć, jak Adobe udało się osiągnąć takie arbitralne ustawienia - kiedy ludzie publikują całe witryny, aby pomóc projektantom przekształcić cień w programie Photoshop w cień cienia CSS, a następnie ktoś w Adobe HQ powinien być w stanie wykryć dziurę w swoim produkcie. Fajerwerki działają trochę lepiej, ale brak bagażu w Sketchu oznacza, że ​​Czesi są w stanie zbudować aplikację bardziej zgodną ze sposobem pracy współczesnych projektantów.

Z pewnością miłośnicy typu docenią brak konieczności wybierania jednej z nieistotnych opcji antyaliasingu w Photoshopie.

Coś należy powiedzieć nie tylko o wydajności, ale o doświadczeniu związanym z używaniem aplikacji, i chociaż trudno jest być obiektywnym po tylu latach używania Photoshopa, podejście CSS Sketcha z pewnością jest lepsze. Spójność z mentalnością kodowania front-end jest jednym z wielkich sukcesów Sketch. Po prostu działa.

Co jest nie tak?

W szkicu 3 są niestety pewne wątpliwe wybory. Dlaczego, na przykład, kładziono taki nacisk na tworzenie odbić elementów? Refleksje są intensywnie przestarzałym projektem i nie warto się zastanawiać (chyba że jesteś częścią zespołu firmy Apple, w którym to przypadku są one częścią wytycznych marki). Nie tyle kwestionuję włączenie refleksji, co raczej decyzję, by zrobić z nich taką cechę, kiedy można ją było schować w jakimś nieszkodliwym miejscu.

Kolejnym wyzwaniem jest Sketch Mirror, dodatkowy zakup ze sklepu z aplikacjami, który umożliwia podgląd projektu na żywo w urządzeniu - pod warunkiem, że jest to iPad lub iPhone. Fani Androida będą musieli trzymać się Edge Audect firmy Adobe, która wykonuje tę samą pracę na wielu urządzeniach.

Te problemy bledną w niewielkim stopniu, gdy towarzyszy temu fakt, że przyjęcie Sketcha przez przemysł nie jest jeszcze rozpowszechnione. W przypadku indywidualnych projektantów, szczególnie projektantów iOS, Sketch może być osobistą preferencją, do której jesteś uprawniony; ale dla projektantów pracujących w zespole lub dostarczających klientom treści do rozwoju w innym miejscu, integracja Sketcha z istniejącym przepływem pracy jest ograniczona. Na razie PSD nadal są standardem branżowym, a kiedy PSD zostaną ostatecznie odrzucone, będzie to dotyczyło projektowania w przeglądarce, ze szkodą dla wszystkich aplikacji do projektowania, w tym Szkiców.

Czy to czas na zmianę?

Szkic nie jest niezbędnym narzędziem. Nie konkuruje z Photoshopem o edytowanie bitmap i jestem zaskoczony, jak bardzo poradził sobie z eksportowaniem wektora; w porównaniu do Fireworks, jego działanie jest trochę zawstydzające. Nie ma narzędzi do rysowania tak wyszukanych jak Illustrator, i nie będzie ładnie bawić się z przepływem pracy nikogo prócz jednoosobowego sklepu z projektami i kodami. Jednak Szkic jest znacznie tańszy niż jakakolwiek oferta firmy Adobe. Jest 14-dniowa wersja próbna, którą zachęcam do wzięcia, zwłaszcza jeśli jesteś jednym z wielu, którzy wciąż opłakują upadek programu Fireworks.

Poza wszelką krytyką, Sketch jest naprawdę zabawnym narzędziem do użycia. Jest naprawdę szybki w tworzeniu, a logika CSS oznacza, że ​​konwersja projektów do czystego CSS jest cudownie prosta.

Większość projektantów nie przejdzie do Sketcha jako podstawowego narzędzia, ale jako narzędzie do tworzenia prototypów jest doskonała, a idea Sketch zamiast Fireworks (lub Photoshop) nie jest tak dziwna, jak się wydawało rok temu; jeśli Szkic 4 wykona ten sam rodzaj dróg, na których utworzono Szkic 3, Adobe będzie długo patrzył nerwowo na ich ramiona.