реклама

Не често асоциирате Adobe с „безплатни“ изтегляния, но точно това прави тази компания Adobe XD. Това е бързо приложение за прототипиране на интерфейс за мобилни устройства и уебсайтове, което позволява на дизайнерите бързо да измислят проекти за конкретни платформи.

Най-хубавото на Adobe XD е колко лесно е да се използва. Дори и да имате малък опит в проектирането на каквото и да било, има само много постепенна крива на обучение, която да ви задържа.

Дори потребителският интерфейс е освежаващо стар, без всички инструменти и панели, които оставят толкова много хора приложения като Photoshop, Illustrator и Lightroom 15 безплатни алтернативи на Adobe Lightroom, Illustrator и PhotoshopИскате ли да получите безплатно Adobe Photoshop, Lightroom или Illustrator? Ето някои от най-добрите алтернативи на Creative Cloud. Прочетете още . В тази статия ще ви запознаем с Adobe XD и ще ви обясним какво можете и какво не можете да направите.

Какво е Adobe XD?

Adobe XD е инструмент за проектиране. Няма да създаде приложението ви за вас, но ще ви помогне да представите визия или прототип на това, което искате да изглежда следващото ви мобилно или таблетно приложение, уебсайт или друг потребителски интерфейс. Приложението използва арт табла - по същество макетни екрани - за да осигури визуално представяне на дизайна на приложението ви.

instagram viewer

Създаване на мобилни приложения Направете първото си мобилно приложение с тези пакети с намалени курсовеИмате ли какво е необходимо, за да разработите следващото голямо приложение за iOS или Android? Тези пакети със сериозни отстъпки ще ви научат как се прави! Прочетете още и уебсайтовете, които работят, могат да отнемат много техническо ноу-хау. Adobe XD ви предоставя инструментите, за да превърнете една идея в доказателство за концепция. Когато приключите, ще имате план, от който да работите, и един, който можете да ощипвате безкрайно, докато не сте доволни от дизайна.

Adobe XD CC

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

Най-доброто от всичко приложението е проектирано по такъв начин, че всеки да може да го използва. Независимо дали сте опитен дизайнер, програмист или някой, на когото липсват и двете умения; Adobe XD може да преодолее разликата между вашата визия и технически познания. Не е нужно дори научете се да кодирате Научете се да кодирате чрез ремиксиране на съществуващи приложения безплатноТози сайт ви позволява да създавате или ремиксирате приложения, което ви позволява да бъдете креативни, без да се страхувате да счупите нещо. Прочетете още да създадете приложение.

Какво може да направи Adobe XD?

Adobe XD е проектиран с няколко конкретни приложения предвид, но можете да мислите и извън кутията. Приложението прави нещата лесно, като включва шаблони за:

  • Приложения за смартфон: От iPhone 5 и SE до най-новите модели; и общ шаблон за Android също.
  • Приложения за таблети: С шаблони за iPad, както размерите на iPad Pro, Surface Pro 3 и 4, така и общият шаблон за таблети с Android.
  • Уебсайтове / уеб приложения: С няколко предварителни настройки за избор, включително Full HD.

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

Опции за стартиране на Adobe XD

Ако проектирате мобилно приложение, можете да изтеглите безплатно приложението Adobe XD за вашата платформа и да експортирате дизайните си за преглед на живо на вашето устройство.

UI комплектите правят живота още по-лесен

Ако мислите за проектиране за iOS 7 причини, поради които бързият език за програмиране си заслужава да се научиТрябва да научите езика за програмиране на Swift по-рано, отколкото по-късно, ако не искате да бъдете изоставени. Ето няколко отлични причини, които могат да ви убедят. Прочетете още , Android, Windows или друга добре утвърдена платформа; можете да използвате UI комплекти, за да получите помощ. Това са по същество шаблони за проекти, поддържани от Apple, Google, Microsoft и други, които могат да се изтеглят във файловия формат на Adobe .XD.

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

Adobe XD и iOS UI Kit

Например, iOS UI комплектът на Apple включва размери на празния екран за редица устройства, примери за iOS клавиатура, елементи за навигация като лентата в горната част на екрана, бутоните за превключване на iOS и Повече ▼. Можете лесно да копирате и залепвате елементи в своите дизайнерски платки и да създавате точни прототипи.

Adobe поддържа и няколко други UI комплекта, включително съвместими с WatchOS проби за смарт часовник, комплект за уебсайт за електронна търговия и набор от примери за създаване приложения за смартфони с цифрова валута Топ 10 приложения за биткойн и криптовалута за iPhoneВече е по-лесно от всякога да купувате Bitcoin, да конвертирате в altcoins и дори да инвестирате в ICO, всичко от вашия телефон с приложения за криптовалута. Прочетете още . Ще трябва да изтеглите подходящото UI комплекти за iOS, Дизайн на материалите на Google и Microsoft Windows отделно.

Прост набор от вградени инструменти

За разлика от другите сложни приложения на графиката и дизайна на Adobe, XD има приятен чист потребителски интерфейс само с няколко прости инструмента. Имате основните си форми: правоъгълници, кръгове, линии и инструмент за писалка за създаване на персонализирани фигури. Има и просто текстово средство с достъп до библиотеката с шрифтове Typekit (но не до всички).

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

Свойства на обекта Adobe XD

Adobe XD ви помага да поставите елементи на естетически приятни места, като „щракнете“ на място около краищата на екрана, в средната точка на платното и към други елементи. Можете да отмените това, ако искате, като задържите бутон (в Mac версията е) Cmd).

По горния ръб на приложението ще видите два превключвателя: Дизайн и прототип. Дизайнът е мястото, където ще прекарате по-голямата част от времето си, създавайки визията си. Превключете в режим на прототип, за да добавите различни взаимодействия между елементите на екрана. Можете да задействате събития и да превключвате към различни графични платки, осигурявайки лесно потребителско изживяване без да пишете ред код.

Adobe XD Prototype

Това става чрез обикновен интерфейс за плъзгане и пускане, например: създайте бутон с инструмента за кръг, създайте нов артборд с желания резултат от натискането на този бутон (напр. различен раздел в приложението ви), преминете към режим прототип и плъзнете стрелката от бутона до новия си artboard. Натиснете бутона „Възпроизвеждане“ или визуализирайте на устройството си на живо, за да видите как се възпроизвежда.

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

Колко ограничена е безплатната версия на Adobe XD?

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

Така че за вашия първи дизайн или проект, безплатната версия може да е достатъчна. Когато става въпрос за споделяне на повече дизайни или проекти с вашия екип или разработчици на приложения, бързо ще ударите стена. Винаги можете да експортирате различни артбордове като .PNG файлове безплатно, завинаги чрез Файл> Експорт опция.

Adobe XD Сравнете

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

Другите ограничения на безплатната версия включват ограничен брой шрифтове Typekit и 2 GB облачно съхранение (за разлика от 100 GB) за абонати на Creative Cloud. Ако все пак решите да затрупате парите за платената версия, Adobe XD ще ви струва $ 9,99 / месец само за това приложение или $ 52,99 / месец за пълния пакет Creative Cloud.

Мислим Adobe Creative Cloud си струва парите 5 причини да купите Adobe Creative CloudCreative Cloud на Adobe се предлага с много страхотни предимства. Съставихме списък от причини да инвестирате в Adobe Creative Cloud, докато все още можете. Прочетете още , при условие че можете да се възползвате достатъчно от него.

Adobe XD е изненадващо лесен за употреба инструмент

Adobe XD е полезен инструмент, независимо дали възнамерявате да платите за него или не. В някои случаи може да се разминете с безплатната версия за работа по малки лични проекти. Когато става въпрос за сериозна работа и споделяне с екипи, ще трябва да надстроите.

Adobe XD не е всичко и крайно на UI дизайна. Дизайнерите използват графични инструменти от години, за да създават макети за уебсайтове, дизайни на приложения и други. Вижте най-добрите инструменти за векторна графика на Mac за дизайнери на бюджет Най-добрият вектор софтуер за дизайнери на Mac на бюджетЕто най-добрият векторен софтуер за macOS, който можете да използвате безплатно или да закупите на бюджет. Перфектен за съвременните дизайнери! Прочетете още за да видите някои способни алтернативи.

Тим е писател на свободна практика, който живее в Мелбърн, Австралия. Можете да го последвате в Twitter.