мазмун MarketingМаркетинг куралдарыМобилдик жана планшеттик маркетинг

Adobe XD: Дизайн, прототип жана Adobe's UX / UI Solution менен бөлүшүү

Бүгүн, мен Adobe XD, веб-сайттардын, веб-тиркемелердин жана мобилдик тиркемелердин прототиби үчүн Adobe's UX / UI чечимин орноттум. Adobe XD колдонуучуларга бир чыкылдатуу менен статикалык сим кадрлардан интерактивдүү прототиптерге өтүүгө мүмкүнчүлүк берет. Дизайныңызга өзгөртүүлөрдү киргизип, прототипиңиздин жаңыртылышын автоматтык түрдө көрө аласыз - шайкештирүү талап кылынбайт. Ошондой эле, iOS жана Android түзмөктөрүндөгү өтмөктөр менен прототиптериңизди алдын-ала карап, андан соң тез жооп кайтаруу үчүн аларды командаңыз менен бөлүшсөңүз болот.

Adobe XD

Adobe XD өзгөчөлүктөрү төмөнкүлөрдү камтыйт:

  • Интерактивдүү прототиптер - Дизайндан прототип режимине бир чыкылдатуу менен өтүңүз жана көп экрандуу колдонмолордун агымы жана жолдору менен байланышуу үчүн artboard такталарын туташтырыңыз. Дизайн элементтерин бир артбордон экинчисине, анын ичинде Repeat Grid уячаларын туташтырыңыз. Тажрыйбаны текшерүү жана ырастоо үчүн интуициялык визуалдык көзөмөл менен өз ара аракеттенүүнү кошуңуз.
  • Пикир алуу үчүн прототиптерин жарыялоо - Дизайндарыңыз боюнча пикир алуу үчүн, бөлүшүлүүчү веб-шилтемелерди жаратыңыз же аларды Behance же веб баракчасына киргизиңиз. Рецензенттер сиздин прототиптериңизге жана дизайныңыздын айрым бөлүктөрүнө түздөн-түз комментарий бере алышат. Алар комментарий бергенде сизге билдирме келип турат жана алар жөн гана браузерлерин жаңыртып, сиздин өзгөртүүлөрүңүздү көрө алышат.
  • Ыкчам, ар тараптуу artboards - Сиз бир артборд менен иштейсизби же жүз мененби, XD сизге ошол эле тез аткарууну берет. Ар кандай экрандар жана шаймандар үчүн дизайн. Пан жана чоңойтуу, артта калуу убактысы жок. Алдын ала коюлган өлчөмдөрдүн бирин тандаңыз же өзүңүздүн көлөмүңүздү аныктаңыз жана дизайн элементтеринин жайгашуусун жоготпостон, тактайлардын ортосунда көчүрүп алыңыз.
  • Кайталоо торчосу - Дизайныңыздагы байланыштар тизмеси же сүрөт галереясы сыяктуу нерселерди тандап, аларды туурасынан же тигинен канча жолу кааласаңыз, ошол бойдон көчүрүп алыңыз - бардык стилдериңиз жана аралыктарыңыз өзгөрүлбөйт. Элементти бир жолу жаңыртыңыз, ошондо сиздин өзгөртүүлөрүңүз бардык жерде жаңыртылат.
  • Платформалар аралык колдоо - Adobe XD түпнускада Android 10 жана iOS үчүн шерик мобилдик тиркемелери бар Windows XNUMX (Universal Windows Platform) жана Mac колдойт.
  • Активдер панели - Түстөрдү жана белгилердин стилдерин автоматтык түрдө белгилер камтылган Активдер панелине (мурунку Белгилер панели) кошуу менен, аларды оңой колдонууга болот. Панелдеги ар кандай түстөгү же тамгалардын стилин түзөтсөңүз, өзгөртүүлөр сиздин документтин бардыгына чагылдырылат.
  • Кайра чагылдырылган белгилер - Документ боюнча активдин ар бир нускасын издөө жана өзгөртүү муктаждыгын жок кылган белгилер, көп жолу колдонула турган дизайн элементтери менен убакытты үнөмдө. Бирөөсүн жаңыртасаңыз, алар бардык жерде жаңыртылат же белгилүү бир учурларды жокко чыгарууну тандайт. Символдор вектордук графика, растрдык сүрөттөр же тексттик объекттер болушу мүмкүн, ошондой эле алар кайталап торчолордун ичинде объектилер катары колдонулушу мүмкүн.
  • Creative Cloud китепканалары - Creative Cloud Libraries интеграциясы менен, XD ичинен Photoshop CC, Illustrator CC жана башка Creative Cloud тиркемелеринде түзүлгөн растрдык сүрөттөрдү, түстөрдү жана мүнөздөрдүн стилдерин колдонуп, колдоно аласыз жана аларды документтериңиздин каалаган жеринде кайра колдоно аласыз.
  • Контексттик менчик инспектору - Сиз тандаган объекттердин параметрлерин гана көрсөткөн, контекстти билген Кыймыл инспекторунун жардамы менен башаламан мейкиндикте иштеңиз. Чек аранын түсү жана калыңдыгы сыяктуу касиеттерди өзгөртүп, түстөрдү, көлөкөлөрдү, бүдөмүктөрдү, тунуктукту жана айланууну толтуруңуз, ошондой эле тегиздөө, өлчөмдөр жана Кайталоо тору үчүн мүмкүнчүлүктөр.
  • Акылдуу кенеп навигациясы - Дизайныңыздын белгилүү бир чөйрөсүн оңой эле чоңойтуп алыңыз же көркөм тактада тандоо жасап, ага жакындоо үчүн жарлыкты колдонуңуз. Чычкан, сенсордук такта же баскычтоптун жардамы менен панорама же чоңойт. Жана жүздөгөн тактайларыңыз болсо дагы, мыкты аткарууну алыңыз.
  • Контексттик катмарлар - Катмарларга контексттик ыкманын жардамы менен татаал долбоорлорду башкарууда иреттелген жана топтолгон бойдон болуңуз. XD сиз иштеп жаткан artboard менен байланышкан катмарларды гана бөлүп көрсөтөт, ошондо сиз керектүү нерсеңизди тез жана оңой таба аласыз.
  • Жайгаштырууга багыт берүүчү куралдар - Дизайн элементтерин үзгүлтүксүз тартыңыз, кайра колдонуңуз жана объектилердин ортосунда салыштырмалуу өлчөөлөрдү түзүүгө, фигуралар менен маска жасоого, топтоо, кулпулоо, тегиздөө жана бөлүштүрүү ж.б.у.с. тармактык жана башка интуитивдик жайгаштыруу куралдарын колдонуп, дизайн элементтерин ремикске салыңыз.
  • Бүдөмүктөө эффекттери - Дизайныңыздын борборун өзгөртүү үчүн белгилүү бир нерсени же бүтүндөй фонду тездик менен бүдөмүктөтүп, тереңдикти жана өлчөмдү бериңиз.
  • Көп кырдуу сызыктуу градиенттер - Color Picker программасында жөнөкөй, бирок так визуалдык көзөмөлдү колдонуп, сонун сызыктуу градиенттерди жаратыңыз. Ошондой эле, градиенттерди Photoshop CC жана Illustrator CC дан импорттой аласыз.
  • Заманбап калем куралы - Калем куралы менен фигураларды жана жолдорду оңой эле тартыңыз. Ыңгайлаштырылган жолдорду колдонуңуз, анкер пункттарын кошуңуз же алып салыңыз, сызыктарды оңой башкарыңыз жана ийилген жана бурчтуу жолдордун ортосунда которулуңуз - бардыгы бир эле курал менен.
  • Буле тобун түзөтүү - Буле операторлорун бузбай, объектилердин топторун бириктирип, татаал фигуралар менен тажрыйба түзүңүз.
  • Типография стилдөө - Колдонуучунун тажрыйбасын өркүндөтүү үчүн текстти так көзөмөл менен стилдеңиз. Шрифт, шрифт, өлчөм, тегиздөө, белгилер аралыгы жана сап аралыгы сыяктуу типографиялык элементтерди оңой жөндөңүз. Сиздин тексттин сырткы көрүнүшүн XDдеги башка элементтерди кандай өзгөрсөңүз, ошондой эле тунуктук, толтуруу, фон жана бүдөмүк эффекттер, чек аралар сыяктуу өзгөртүңүз.
  • Ыкчам түстүү башкаруу - Түстөрдү так маанилерди киргизүү же XDдин ичинен же тышынан Eyedropper менен тандоо жолу менен тандаңыз. Түстөрдүн үлгүлөрүн түзүңүз жана сактаңыз жана Түстөрдү тандаганда он алтылык коддордун жарлыктарын колдонуңуз.
  • UI ресурстары - Apple iOS, Google Material Design жана Microsoft Windows түзмөктөрү үчүн жогорку сапаттагы колдонуучу интерфейсинин компоненттерин колдонуп, тез иштеп чыгуу жана прототип түзүү.
  • Көчүрүү жана башка дизайн колдонмолорунан чаптоо - Photoshop CC жана Illustrator CCден XD форматындагы көркөм чыгармаларды алып келиңиз.
  • IOS жана Android контекстинде алдын-ала көрүү - Сиз түзгөн түзмөктөрдөгү жасалгалоолоруңузду жана бардык өз ара аракеттерди алдын ала карап чыгыңыз. Иш тактага өзгөртүүлөрдү киргизип, андан кийин аларды түзмөктөрүңүздө ишенимдүүлүк жана ыңгайлуулук үчүн сынап көрүңүз.
  • Hotspot кыйытмасы - Колдонуучулар кайсы аймактар ​​интерактивдүү жана чыкылдатуучу экендигин көрө алышы үчүн, прототипиңиздеги ысык чекиттерди автоматтык түрдө бөлүп көрсөтүңүз.
  • Прототипти башкаруу - Прототипиңиздин ар кандай версияларын бөлүшүү үчүн бир эле файлдан бир нече URL түзүңүз. Чектелбеген прототиптер менен бөлүшүп, аларды Creative Cloud эсебиңизден оңой эле таап, жок кылыңыз.
  • Прототиптин өз ара аракетин видео катары жазыңыз - Алдын ала көрүү баскычын чыкылдатып, MP4 файлын жаздырып, командаңыз же кызыкдар тараптарыңыз менен бөлүшүңүз (Mac гана).
  • Көркөм чыгармаларды, мүлктөрдү жана тактайларды экспорттоо - Сүрөттөрдү жана дизайндарды PNG жана SVG форматтарында экспорттоңуз, аларды iOS, Android, желе же жеке колдонуучунун жөндөөлөрү үчүн конфигурациялай аласыз. Бүтүндөй артбордду же айрым элементтерди экспорттоо. Ошондой эле, жеке PDF файлдары же PDF форматындагы жеке файлдар катары экспорттоо жолу менен активдерди жана тактайларды бөлүшүңүз.
  • Көп тилдүү колдоо - Колдоого алынган тилдерге англис, француз, немис, жапон жана корей тилдери кирет.
  • Комментарийлер үчүн электрондук почта билдирүүлөрү - Кызыкдар тараптар веб прототиптериңизге комментарий бергенде, электрондук почта билдирүүлөрүн алыңыз. Электрондук каттар өзүнчө жөнөтүлүшү же күнүмдүк дайджестте топтолушу мүмкүн

Эң жакшысы, Adobe XD Adobe Creative Suite үчүн лицензиям менен келет!

Маалымат: Биз Adobe компаниясынын филиалдарыбыз.

Douglas Karr

Douglas Karr CMO болуп саналат OpenINSIGHTS жана негиздөөчүсү Martech Zone. Дуглас ондогон ийгиликтүү MarTech стартаптарына жардам берди, Martech сатып алууларына жана инвестицияларына 5 миллиард доллардан ашык каражатты текшерүүгө жардам берди жана компанияларга сатуу жана маркетинг стратегияларын ишке ашырууда жана автоматташтырууда жардам берүүнү улантууда. Дуглас эл аралык деңгээлде таанылган санариптик трансформация жана MarTech эксперти жана спикери. Дуглас ошондой эле Dummie's guide жана бизнес лидерлик китебинин басылып чыккан автору.

Тектеш макалалар

Артка жогорку баскычы
жакын

Adblock аныкталды

Martech Zone Бул мазмунду сизге эч кандай акы төлөбөй бере алат, анткени биз сайтыбызды жарнамадан түшкөн киреше, өнөктөштүк шилтемелер жана демөөрчүлүк аркылуу акча табабыз. Биздин сайтты көрүп жатканыңызда жарнама блокаторуңузду алып салсаңыз, биз ыраазыбыз.