Adobe XD: дизайн, прототип және Adobe's UX / UI шешімімен бөлісу

Бүгін мен Adobe XD, веб-сайттардың, веб-қосымшалардың және мобильді қосымшалардың прототипі үшін Adobe-дің UX / UI шешімін орнаттым. Adobe XD пайдаланушыларға статикалық сымсыз кадрлардан интерактивті прототиптерге бір рет басу арқылы ауысуға мүмкіндік береді. Сіз өзіңіздің дизайныңызға өзгертулер енгізіп, прототипіңіздің жаңартылуын автоматты түрде көре аласыз - синхрондау қажет емес. Сіз өзіңіздің прототиптеріңізді алдын-ала қарап, iOS және Android құрылғыларындағы ауысулармен аяқтай аласыз, содан кейін оларды тез кері байланыс үшін өз тобыңызбен бөлісе аласыз.

Adobe XD

Adobe XD ерекшеліктері:

  • Интерактивті прототиптер - Бір рет басу арқылы дизайннан прототиптік режимге ауысыңыз және мультиэкрандық қосымшалардың ағыны мен жолдарын хабарлау үшін тақталарды қосыңыз. Дизайн элементтерін бір артбордан екіншісіне қосыңыз, соның ішінде Grid ұяшықтарын қайталаңыз. Тәжірибені тексеру және тексеру үшін интуитивті визуалды басқару элементтерімен өзара әрекеттесуді қосыңыз.
  • Кері байланыс үшін прототиптерді жариялау - Дизайндарыңыз туралы пікір алу үшін бөлісетін веб-сілтемелер жасаңыз немесе оларды Behance немесе веб-параққа салыңыз. Рецензенттер сіздің прототиптеріңізге және сіздің дизайныңыздың белгілі бір бөліктеріне тікелей пікір айта алады. Олар түсініктеме берген кезде сізге хабарлама келеді және олар сіздің браузерлеріңізді өзгертулерді көру үшін жаңарта алады.
  • Жылдам, әмбебап тақталар - Сіз бір артбордпен немесе жүздікпен жұмыс істейсіз бе, XD сізге дәл сондай жылдам өнімді ұсынады. Әр түрлі экрандар мен құрылғыларға арналған дизайн. Кешіктірмей панорамалаңыз және үлкейтіңіз. Алдын ала орнатылған өлшемдерден таңдаңыз немесе өзіңіздің өлшеміңізді анықтаңыз және дизайн элементтерінің орналасуын жоғалтпай, тақталар арасында көшіріңіз.
  • Қайталау торы - Контактілер тізімі немесе фотогалерея сияқты дизайндағы элементтерді таңдап, оларды көлденең немесе тігінен қалағаныңызша қайталаңыз - барлық стильдер мен интервалдар өзгеріссіз қалады. Элементті бір рет жаңартыңыз, сонда сіздің өзгертулеріңіз барлық жерде жаңарады.
  • Платформалық қолдау - Adobe XD Android және iOS жүйелеріне арналған мобильді қосымшаларымен Windows 10 (Universal Windows Platform) және Mac-ты қолдайды.
  • Активтер тақтасы - Түстер мен таңбалардың мәнерлерін автоматты түрде шартты белгілерді қамтитын Активтер тақтасына (бұрын Символдар тақтасы) қосу арқылы оларды қайта пайдалануға ыңғайлы етіп жасаңыз. Панельдегі кез-келген түсті немесе таңбалық стильді өзгертіңіз, сонда өзгерістер сіздің бүкіл құжатыңызда көрініс табады.
  • Қайта құрылған белгілер - Құжат бойынша активтің әр данасын іздеу және өңдеу қажеттілігін болдырмайтын белгілермен, қайта пайдалануға болатын дизайн элементтерімен уақытты үнемдеңіз. Біреуін жаңартыңыз, сонда олар барлық жерде жаңарады немесе белгілі бір даналарды жоққа шығаруды таңдайды. Символдар векторлық графика, растрлық кескіндер немесе мәтіндік нысандар болуы мүмкін және оларды қайталау торларының объектілері ретінде де қолдануға болады.
  • Шығармашылық бұлтты кітапханалар - Creative Cloud Libraries интеграциясының көмегімен сіз XD ішінен Photoshop CC, Illustrator CC және басқа Creative Cloud қосымшаларында жасалған растрлық кескіндерге, түстерге және кейіпкерлерге арналған стильдерге қол жеткізіп, қолдана аласыз және оларды қайта пайдалануға болады.
  • Мәтінмәндік меншік инспекторы - Тек сіз таңдаған нысандарға арналған опцияларды көрсететін контекстті білетін меншік инспекторы арқасында реттелмеген кеңістікте жұмыс істеңіз. Жиектердің түсі мен қалыңдығы сияқты қасиеттерді өзгертіңіз, түстерді, көлеңкелерді, бұлыңғырлықты, күңгірттікті және айналуды толтырыңыз, туралау, өлшемдер және торды қайталау үшін қол жетімділік параметрлерін қолданыңыз.
  • Ақылды кенепте навигация - Дизайныңыздың белгілі бір аймағын оңай үлкейтіңіз немесе көрнекі тақтада таңдау жасаңыз және соған жақындату үшін пернелер тіркесімін қолданыңыз. Тінтуірдің, сенсорлық тақтаның немесе пернелер тіркесімдерін панорамалаңыз немесе үлкейтіңіз. Жүздеген тақталарыңыз болса да, керемет өнімділікке ие болыңыз.
  • Мәтінмәндік қабаттар - Қабаттарға контексттік көзқарастың арқасында күрделі дизайнды басқару кезінде ұйымшылдық пен зейінді ұстаңыз. XD тек сіз жұмыс істейтін артбордпен байланысты қабаттарды бөліп көрсетеді, осылайша сізге қажет нәрсені тез және оңай таба аласыз.
  • Орналасуды нұсқаулық құралдары - Нысандар арасындағы салыстырмалы өлшемдер жасауға, пішіндермен маска жасауға, дизайн элементтерін топтауға, құлыптауға, туралауға және таратуға көмектесетін және басқа да интуитивті орналасу құралдарын пайдалана отырып, дизайн элементтерін біртіндеп сызыңыз, қайта пайдаланыңыз және ремикс жасаңыз.
  • Бұлыңғырлық әсерлері - Дизайныңыздың фокусты өзгерту үшін белгілі бір затты немесе тұтас фонды тез арада бұлдырлатыңыз, оған тереңдік пен өлшем беріңіз.
  • Әмбебап сызықтық градиенттер - Түс таңдағышта қарапайым, бірақ дәл визуалды басқару элементтерін пайдаланып, әдемі сызықтық градиенттер жасаңыз. Сондай-ақ, градиенттерді Photoshop CC және Illustrator CC-ден импорттауға болады.
  • Заманауи қалам құралы - Қалам құралымен кескіндер мен жолдарды оңай сызыңыз. Таңдамалы жолдарды пайдаланыңыз, тірек нүктелерін қосыңыз немесе алып тастаңыз, сызықтарды оңай басқарыңыз және қисық және бұрыштық жолдар арасында ауысыңыз - бәрі бірдей құралмен.
  • Логикалық топты редакциялау - Қиратпайтын бульдік операторлардың көмегімен объектілер тобын біріктіру арқылы күрделі фигуралар жасап көріңіз.
  • Типографияны сәндеу - Пайдаланушының тәжірибесін жақсарту үшін мәтінді дәл басқарумен стильдеңіз. Қаріп, қаріп, өлшем, туралау, таңбалар аралығы және жол аралығы сияқты типографиялық элементтерді оңай реттеңіз. Мәтіннің сыртқы түрін XD ішіндегі басқа элементтерді қалай өзгертсеңіз, солғындық, толтыру, фон және бұлыңғырлық әсерлері, жиектер сияқты өзгертіңіз.
  • Түсті басқару - Түстерді дәл мәндерді енгізу арқылы немесе XD ішінен немесе сыртынан Кірпікпен таңдап алыңыз. Түстер үлгісін жасаңыз және сақтаңыз, ал түстер таңдағышында он алтылық кодтарға сілтемелер қолданыңыз.
  • UI ресурстары - Жоғары сапалы қолданушы интерфейсінің компоненттерін қолдана отырып, Apple iOS, Google Material Design және Microsoft Windows құрылғыларына тез дизайн және прототип жасаңыз.
  • Басқа дизайн қолданбаларынан көшіру және қою - Photoshop CC және Illustrator CC-ден көркем туындыларды XD форматына салыңыз.
  • IOS және Android контекстінде алдын-ала қарау - Сіз мақсат етіп отырған нақты құрылғылардағы дизайн мен барлық өзара әрекеттесулерді алдын ала қарап алыңыз. Жұмыс үстеліне өзгертулер енгізіп, содан кейін оларды құрылғылар мен құрылғыларда тексеріп көріңіз.
  • Ыстық нүктені меңзеу - Прототипіңіздегі ыстық нүктелерді автоматты түрде бөліп алыңыз, сонда пайдаланушылар қай аймақтар интерактивті және нұқылатындығын көре алады.
  • Прототипті басқару - Өз прототипіңіздің әртүрлі нұсқаларын бөлісу үшін бір файлдан бірнеше URL жасаңыз. Шектелмеген прототиптермен бөлісіп, оларды Creative Cloud есептік жазбасынан оңай қол жетімді етіп жойыңыз.
  • Прототиптік өзара әрекеттесулерді бейне ретінде жазыңыз - Алдын ала қарауды басқан кезде MP4 командасын немесе мүдделі тараптармен бөлісу үшін жазыңыз (тек Mac үшін).
  • Көркем туындыларды, активтер мен тақталарды экспорттау - IOS, Android, web немесе өзіңіздің жеке параметрлеріңіз үшін конфигурациялауға болатын кескіндер мен дизайндарды PNG және SVG форматтарында экспорттаңыз. Тұтас артбордты немесе жеке элементтерді экспорттаңыз. Активтер мен жұмыс тақталарын оларды жеке PDF файлдары ретінде немесе бір PDF файлы ретінде экспорттау арқылы бөлісіңіз.
  • Көптілді қолдау - Қолдау көрсетілетін тілдерге ағылшын, француз, неміс, жапон және корей тілдері кіреді.
  • Түсініктемелер үшін электрондық пошта хабарландырулары - Мүдделі тараптар веб-прототиптеріңізге түсініктеме берген кезде электрондық пошта арқылы хабарлама алыңыз. Электрондық пошта хабарларын жеке жіберуге немесе күнделікті дайджестте жіберуге болады

Ең жақсысы, Adobe XD Adobe Creative Suite лицензиясымен бірге келеді!

Ашу: Біз Adobe-дің филиалдарыбыз.

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.