01 09
Кантип жыйнаш үчүн UXPin менен башталды
Биз уюлдук үлгүсүнүн чөйрөсүнө кирип тургандай, колдонмо иштеп чыгуу жана кабыл үлгүсүнүн UX басым жогорулаган жок (Колдонуучу тажрыйбасы) жана wireframing , өз ара Prototyping жана mockups. чыгып, бул текче багытталган каражаттардын бир тонна жана комплекстүү толук ртът, сейрек жана эптеп пайдалуу үчүн жүктөлгөн бөлүктөрү камтылган жок. Менин көз кармабаса инструменттеринин бири болуп, ал иштеп дизайнерлер тарабынан иштелип чыккан эле UXPin болуп саналат.
Биз алдыга мурда ... бир идеялдуу. Эгер сеники, сага анда программалык UXPin эмес, ээ болуу үчүн бир уюм болуп саналат. Бул колдонмодогу кылган ишинин баары браузер жана сиздин каттоо сакталат сактап долбоорлор жүзөгө ашырылат.
UXPin баштоо үчүн сиз UXPin үчүн браузерди башын ишке киргизүү. Бул жерден сиз бекер сынамакка кирүү же күтүлгөн зарылдыгы боюнча бир айлык планын уюштура алат. Эгер кирүүчү атын жана паролду койдум жолу катталуу жараяны кыйла жеңил болуп саналат жана, Сенин Баштоо даярбыз.
02-жылдын 09
UXPin бир долбоорду кантип баштоо
Сиз Тилкесинде келип кирип жатканда, бул жерден сиз жаңы кабат, бир жаңы мобилдик долбоорду же Responsive Дизайн долбоорун түзүү жөнүндө чечим кабыл алат. Ошондой эле сиз Photoshop же Эскиз долбоорлорду алып мүмкүндүк берет UXPin плагиндер жок. Бул үчүн мен кантип бир текст менен зат атооч, түзүү жана туусу менен электрондук почта баскычын кошуу үчүн бара жатам. Бул максатка жетүү үчүн, мен жаңы кабат түзүү тандалып алынган.
03 09
Кантип колдонуу үчүн UXPin Interface
Дизайн Surface төрт багыт бөлүнүп жатат. Сол кара жагында сен, панелдин кайтып, сиз колдоно турган элементтерин, Smart Elements панелди, элементтерин издөө ачуу жана мазмунун көрүү: Бетке эскертмелерди кошуу жана команда мүчөлөрүн кошуп, көркөмдөп көрөлү куралдардын бир катар болуп саналат. Тёмёнкъ тарабында кыска куралы ачат баскыч болуп саналат, сиз эсеп кирүүгө мүмкүнчүлүк берет дагы жана убакыт менен кайрылат, ал эми экинчиси сиз суроолорду токтололу да пикир.
үстүнө ачык көк аймакта куралдар жана касиеттери бир катар болуп саналат. оң жагына кара баскычтары, силердин дизайнын иштеп чыгуу долбоору орнотууларын, бет бөлүшүп, бетине бир да-браузер окшош кылып өзгөртүүгө мүмкүнчүлүк берет.
Elements панели сиз Дизайн Беттин үчүн чекесинен жана даана, өз аталышы жана барактарды кошуу жана алып салуу кармап болот.
Elements китепкана UX дизайнерлердин үчүн жагымдуу сюрприз. Бул поп-ылдый сиз Арип сонун, ирээтин, Жандагыч мобилдик, ирээтин жана коомдук Widgets бир жыйноо менен бирге столдун 30 китепканаларын Android содержимому үчүн Уюлдук чейинки катары, ошондой эле сиз баштапкы жана Foundation элементтерди мүмкүнчүлүгүнө ээ тандап берет.
04 09
А UXPin беттеги элементин кантип кошуу үчүн
Мен Чычкан бошотуп Мен дизайн бетине кутуча элементин, сүйрөп Баштоо үчүн, касиеттери панели ачылат. Properties баскычы элементтин аты жана элементтин, туурасы, бийиктиги жана орду көрсөткүчтөрүн коюп берет. Ошондой эле, бир элементтерин толтургуч кошуу тарабынан басып жана анын тунуктугун өзгөртүүгө болот. Негизги Color баскычын басып, бир RGBA түс тандагыч ачат.
Сиз аны менен кошо тандалган элементтин бир тамганын, чек ара, үлгү алат. Lightning Болт сизге тандалган элементтерин өз ара кошууга мүмкүндүк берет.
05-жылдын 09
Кантип кошуп, жазуусу Text-жылы UXPin
Текстти кошуу үчүн, дизайн бетине текст элементи сүйрөп жана Текст киргизүү. Арип касиеттерин ачуу жана текст түзүүнү Текст менчик басы? Ыз. Сиз сайтына текст керек болсо, текст элементин кошуп, Арип касиеттери пайда Lorem IPSUM баскычын чыкылдатуу.
06-жылдын 09
Ж UXPin Page үчүн сүрөттү кошуу үчүн
Бул тапшырманы аткаруу үчүн кандай жолдор менен жубайлар бар. Жогоруда көрсөтүлгөндөй, сиз дизайн бетинде тилкесиндеги Image куралын, элементтин көздөй сиздин иш китепканада же жөн эле сүрөттү сүйрөп жана ачылуучу бир Image элементти кошо пайдаланууга болот.
07-жылдын 09
А UXPin Page баскычты кантип кошуу үчүн
Жогоруда көрсөтүлгөн жок, издөө территориясындагы "баскычын" кирип, бир баскыч элементи болуп саналат да, китепканалардын бардык табылган баскычтардын ар ачылат. дизайн бетине силер үчүн иштейт бири сүйрөп жана касиеттери түсүн өзгөртүү үчүн колдонуп, арип, ал тургай, чек радиусу. баскычынын ичинде текстти өзгөртүп, текстти бир жолу басып, жаңы Текст киргизүү.
08 09
Өз ара үчүн бир UXPin беттеги кантип кошуу
Бул биринчи жолу пайда болушу мүмкүн эле татаал эмес. электрондук почта киргизүү үчүн, мен, киргизүү элементти кошо, аны өзгөртүлсө текст жана текст калыптанган. Элемент касиеттери көздүн button- көрүнүү басканда пайда болгондо Киргизүү элемент, касиеттери баскычын чыкылдатып, тандалган менен - коллегиясынын жогорку оң бурчунда.
Кнопкасы жана Interactions баскычын тандоо - касиеттери Lightning Bolt-. Interactions панели ачат, New ара тандоо. Trigger из басуу түшүп калкып. План жаатында Show элементти тандоо. Сиз эми элемент көрсөтүп турган суралат. gunsite жолу Click жана Киргизүү элементке чыкылдатуу. аныкталган элемент менен, сиз эми элементин жандуу же жокпу, аныктай алат. Бул учурда мен бир бейкапар менен киргизүү кутучаны көрсөтүүнү чечкен жана 300ms демейки узактыгы наркы менен бирге жөнөдү.
Ошондой эле, ал басылган учурда баскычын укугу 65 пикселди көчүп келет. Мен баскычын тандап, Interactions панелди ачылып, Болумушту ара тандалып алынган. Мен бул орнотууларды колдонулат:
- Trigger: Click
- План: Move By
- Move багыты: 65 х огу боюнча PX
- Animation: Сызыктуу
- Duration: 300 мс
өз ара элементи тандоо жана карым-катнаштары панелди ачуу алып салуу. панелинен өз ара тандап Trash, аны жок кылуу үчүн аласыз.
09-жылдын 09
Сиздин баракчасы UXPin кантип текшер
Чындыгында сиз браузерде иштеп жатабыз улам, сыноо өлгөн жөнөкөй. Тууроочу Дизайн баскычына чыкылдатуу менен. бет браузерде ачуу жана жолун сынап мүмкүн. Комментарий берет барактын сол жагына чейин, ошондой эле бир кашектин болот кошо, бир Сайттын картасы нече беттердин бар же жок экендигин, Usability тестирлөө, орток, даярдоо жана Пари Сен-Жермен кайтып.
-беттин ылдый жагында сен Interactive элементтерди, шоу көрсөтүп же комментарий жашыруу жана башкалар менен Долбоор шилтемесин бөлүшүп берет дагы бир кичинекей панели болуп саналат.