Преглед и оценка на скицата

Бързо изящявайки конкуренцията си, Sketch е готов да изпревари Photoshop като инструмент за създаване на протоколи за интерфейс, дотолкова, че много разработчици сега предпочитат дизайнерите да раздават файлове на Sketch, а не многослойни Photoshop файлове. За разлика от Photoshop, графичният софтуер Sketch е създаден от основата за проектиране на интерактивни интерфейси. Той създава живи компютри, така че клиентите да могат да визуализират какво се случва, когато кликнат, прекарат пръст или докоснат вашия дизайн на работния си плот, лаптоп, таблет или телефон. Поради всичко това дизайнерите, които използват Photoshop за създаване на потребителски интерфейси за настолни компютри и мобилни устройства, може да искат да разгледат по-отблизо Sketch.

Родом от Холандия, Sketch е векторна програма за дизайн само за Mac, с акцент върху създаването на интерактивни прототипи на уеб и дизайн на приложения. Видът на работещия дизайн, който произвежда Sketch, позволява на клиентите ви да придобият по-добро усещане за това как изглежда и реагира всичко. Това от своя страна им дава възможност да предоставят по-полезна обратна връзка за функционалността (потребителски интерфейс или потребителски интерфейс) и потребителското изживяване (UX) и следователно позволява информирано одобрение преди етапа на развитие - ограничаване на безсилието и спестяване на време и пари.

Сравнително скорошната концепция на Sketch (2008) беше фокусирана върху съвместния дизайн за екрани, така че има предимство пред Photoshop, който дебютира 30 години по-рано, когато думата екран имаше общо с измерването на плътността на полутонове. Дизайнерите започнаха да се облегнат на Adobe Photoshop, за да организират и предават файлове за дизайн на интерфейса, защото това беше най-добрият инструмент в полето за свършване на работата - а не защото беше инструмент, създаден специално за тази цел.

Sketch обаче не е сам в UX дизайн пространството. Adobe XD (XD означава Experience Design), издаден през 2016 г. като част от Creative Cloud на Adobe за Windows и Mac, също е векторно базиран инструмент за телена рамка и създаване на интерактивни прототипи за кликване.

Втори конкурент, базиран на вектор, обявен за „най-мощния инструмент за дизайн на екрани в света“, е Studio от платформата за управление на системата за тежка категория InVision (Безплатен за един прототип, 25 долара на месец за неограничени прототипи). За разлика от Sketch и XD, Studio има вграден разширен анимационен модул. Работата, извършена в Sketch, може да се синхронизира с платформата InVision, използвайки техния собствен плъгин Craft Manager. Adobe предлага безплатен стартов план XD, който има ограничено (2 GB) съхранение и използване на част от колекцията на Adobe Fonts. Пълната версия на XD е налична като част от абонамента за Adobe Creative Cloud (CC), от $ 20, 99 на месец за отделното приложение или от 54, 99 USD годишно за всички приложения на Creative Cloud, включително Illustrator, InDesign и Photoshop.

Sketch използва вариант на абонаментен модел, струващ 99 долара годишно на устройство (компютър или мобилен), за физически лица. Това включва една година актуализации и Sketch Cloud (за онлайн споделяне и сътрудничество), след което можете да запазите и използвате текущата си версия завинаги или да подновите за $ 69 на година, за да си възвърнете редовни актуализации и облачни предимства. Обемът на лицензиране варира от 64 долара годишно на устройство за две до девет устройства до 49 долара за 50 или повече устройства.

Струва си да се отбележи, че когато купувате лиценз, имате право само на едно място (за използване само на един компютър). Ако използвате няколко Macs, като десктоп и лаптоп, нямате късмет и ще трябва да закупите две места. Много приложения, базирани на абонамент, позволяват две места на лиценз като добър завой за онези трудолюбиви творци, които се трудят на работния си плот в офиса и на лаптопа си у дома. Свързано неудобство е, че ако искате да използвате Sketch на нов Mac или ако трябва да преформатирате устройството си, трябва да дезактивирате Sketch от старата си машина / устройство и след това да се регистрирате отново.

Приготвяме се да започнем

Sketch е моментно изтегляне от сайта на компанията (sketchapp.com); има 30-дневна безплатна пробна версия, без да се изисква кредитна карта. Скицата изисква MacOS 10.13.4 (High Sierra) или по-нова версия. Компанията предупреждава, че ако работите със сложни, многостранични документи със стотици платки, се препоръчва един от по-мощните, заредени с RAM Macs. Тествах Sketch 53.2 на MacBook Pro 2018 с 2.9GHz Intel Core i9 процесор, 32GB RAM и графична карта Radeon Pro 560X.

Точно на страницата за изтегляне Sketch предлага Ръководство за начинаещи, обширна документация, уроци и съвети и връзки към социалните му медии и общности на програмисти, блогове и чатове и Dribble. Приветстващо е и вдъхновяващо да видите списък на срещи и събития на глобалната дизайнерска общност. Освен това, сайтът предлага множество безплатни и премиум Sketch App UX / UI ресурси, включително комплекти за каркасни рамки, мобилни потребителски интерфейси, шаблони, макети, табла за управление, концепции и икони.

Интерфейс и платно

Скицата води чрез пример и осигурява чист, контекстуален потребителски интерфейс с три основни секции - и (по дизайн) без плаващи панели. Ако вече сте потребител на Mac, ще намерите познатия потребителски интерфейс на Sketch, тъй като той е моделиран на интерфейсите на приложения на Apple като Pages, Numbers и Keynote. С тази последна версия вече се поддържа тъмният режим на Apple.

В лявата част на екрана ще намерите списъка със страници с опис на вашите слоеве, отделни елементи на съдържанието на тези слоеве и платки и посоченото съдържание в тях. Вдясно е инспекторът, където можете да се ориентирате със свойствата на съдържанието върху избрания от вас слой. Отгоре имате лентата с инструменти, в която се съхраняват инструменти и действия. Централният етап е вашето платно, където създавате магията.

Списъкът на страниците улеснява организирането, присвояването или промяната на слоевете, както и ви позволява да назовавате, групирате, избирате и дублирате елементи от съдържанието, така че работният ви процес да е ефективен. Ще бъдете във върховата форма, когато дойде време да предадете файлове на програмист.

Скицата смазва работния процес, като улеснява или автоматизира често срещаните задачи с лесни за изпълнение библиотеки, стилове на текст и слоеве, копия на символи и предварително зададени настройки. Освен това съществуват стотици потребителски интерфейсни комплекти, шаблони и приставки, които спестяват време, които допълнително разширяват функционалността на Sketch по безброй начини.

Рисуване и въвеждане на скици

Тъй като гепард е да работи, Sketch е към прототипиране. Един гепард със сигурност е способен да ходи, но това, което се е развило, е да тича. По същия начин можете абсолютно да рисувате в Sketch и това е добре, но това, което е изключително за Sketch, е прототипирането му. И все пак си струва да получите преглед на това, което може да се направи с инструментите за рисуване на Sketch.

Цялото създаване, импортиране и сглобяване на съдържание започва с щракване върху падащото меню Insert. Там ще намерите очакваните инструменти за форма, рисуване и текст. Удобно вдясно са операциите за подреждане като извеждане на фронт, подравняване и разпределение; и неразрушаващи основни булеви инструменти като съюз, изваждане, пресичане и разлика. Интуитивните и ефективни векторни инструменти позволяват създаване и редактиране на форми, техните точки и криви на Безие. Докато Sketch може да се справи с основни задачи за рисуване, това не е Illustrator - нито би трябвало да бъде.

Основната типография в Sketch е ясна, с познати функции, подобни на Microsoft Word, заедно с декоративни опции за сенки, запълване и рамки. Форматирането на блокове от тип може да изисква ръчно усилие в Sketch, което например не поддържа табулиране - трябва да използвате клавиша за интервал, за да симулирате желания ефект. Това е добре, тъй като всяко сложно набиране е за нищо, когато се проектират отзивчиви оформления: Всичко типографско (размер, прекъсване на линии, тире и т.н.) се променя, когато се гледа на различни устройства с различен размер.

Прототипиране и отзивчив дизайн

За разлика от други програми за рисуване (но много като Adobe XD), Sketch улеснява изграждането на интерактивен прототип. За да симулирате пътя на вашия сайт или приложение (UI) и какъв ще бъде опитът (UX), можете да зададете определени области като превъртане или не-превъртане, менюта за връзки и кръстосани връзки, символи, секции, страници и екземпляри и дефинирайте горещи точки (области с възможност за кликване). Не само можете да визуализирате усилията си от приложението, но можете също да използвате Sketch Mirror (повече за тази функция по-долу).

Новост в Sketch е, че можете да попълвате прототип на текстови и оформени полета с динамични реалистични данни, а не да се привързвате към обичайния Lorum Ipsum tedium. В избраните текстови или фигурни слоеве можете да зададете изходен файл, от който да импортирате текст или изображения.

Sketch играе доста добре с другите - а не само в приложението. За мен беше удоволствие да открия, че мога да копирам и залепя икона, създадена в Illustrator. При импортиране Sketch създаде групиран слой за моето изкуство и оттам мога да използвам иконата такава, каквато е, да я добавя в библиотека или да създам символ - точно както можете с всяко изкуство, създадено в приложението.

На днешния пазар всеки добре замислен, предназначен за екран дизайн трябва да е отзивчив. Това означава, че съдържанието в екрана на приложението или уеб страницата автоматично преоразмерява и измества в зависимост от устройството за гледане (десктоп, лаптоп, мобилен телефон, таблет). Така че размерът на текста се променя, разкъсванията на линии се променят и изображенията се свиват, разширяват или скриват, в зависимост от това какво ще изглежда най-добре на всяко устройство.

В Sketch трябва да създадете вариантни оформления и опростявания на различните съотношения на страните ръчно, като копирате и поставите всеки елемент или група. Наистина обаче бих искал да има опция за интелигентно коригиране за адаптивните промени в оформлението, подобни на Responsive Resize в XD или дори функцията за настройка на InDesign за настройка. Въпреки че Adjust Layout почти никога не предлага перфектно решение, това със сигурност спестява време и осигурява по-добро място за стартиране от празна страница.

За визуализация на вашите дизайни на Sketch в реално време на вашите устройства, има безплатното Sketch Mirror за iOS, както и няколко приложения за това на Android устройства. Във всички случаи устройствата ще се нуждаят от Wi-Fi или USB връзка. Вземането на информирани дизайнерски решения е от полза за всеки работен процес и за тази цел, да можете да виждате корекциите, културите и оразмеряването на текста на живо с Sketch Mirror на реалното устройство е тежък актив.

Резултати и сътрудничество

Когато работата ви е готова за обратна връзка с клиенти или сътрудничество в екип, има няколко начина за споделяне. Основният метод е да качите документа си в Sketch Cloud. След качването получавате URL адрес и можете да изберете кого да поканите за преглед на документа и да зададете едно от трите нива на достъп: коментар, изтегляне или използване като библиотека. Всеки с връзката може да използва вградените инструменти за коментиране и ако отвори страницата на таблет или телефон, ще може да визуализира таблото (ите) с пълна разделителна способност, стига да има оформление за тяхното устройство.

Библиотеките свързват вас и вашия екип с активите и предварителните настройки на вашия проект. Създаването им в Sketch е лесно и това е един интелигентен метод за съхранение на гъвкави активи на марката в едно, глобално достъпно място - независимо дали е локално на твърдия ви диск, на вашия сървър или дори в други хранилища в облачни бази като Dropbox. Библиотеката е просто още една страница на скица във вашия документ, която определяте като библиотека, което я прави достъпна и удобна за добавяне или преразглеждане на активи.

Ако редактирате създаден от вас символ, когато (или някой друг, който сътрудничи на документа) се върнете към вашия дизайнерски документ, в горната дясна част на екрана ще намерите съобщение, което ви предупреждава за актуализацията. След това имате избор да щракнете за актуализиране или можете да решите да отделите произведението на изкуството от Библиотеката. Скицата е голяма при поръчка и организация, така че когато щракнете върху този сигнал, изскача диалогов прозорец, в който са изброени компонентите на вашата библиотека, като се показват както остарелият символ, така и актуализираният символ отстрани. Чудесно е да имате пълна информация под ръка.

Освен това можете да експортирате дънни платки като PDF страници, които могат да бъдат маркирани с коментари в Apple Preview, Adobe Acrobat или друг софтуер за гледане на PDF. Sketch също така експортира графики, срезове и страници като JPG, PNG и SVG файлове. Нещо повече, той може да експортира код за SVG и CSS атрибути.

Нищо схематично за това приложение

Sketch е пълноценен инструмент, роден за дизайнери, които създават дизайнерски преживявания, базирани на екрана, и го правят майсторски. Със своя познат (за потребителите на Mac), интуитивен интерфейс и лесно кръстосано сътрудничество между дизайнерите и техните клиенти, Sketch спечели добрата си репутация на инструмента за създаване на прототипи, тъй като улеснява и ускорява процеса на валидиране и одобрение на дизайна. За най-добрите възможности за векторна илюстрация, вижте нашия избор на редактор, Adobe Illustrator.