Adobe XD. Ձևավորում, նախատիպ և համօգտագործում Adobe- ի UX / UI լուծման հետ

Այսօր ես տեղադրեցի Adobe XD, Adobe- ի UX / UI լուծում `կայքերի, վեբ հավելվածների և բջջային հավելվածների նախատիպավորման համար: Adobe XD- ն օգտվողներին հնարավորություն է տալիս մեկ հպումով անցնել ստատիկ լարային շրջանակներից ինտերակտիվ նախատիպերի: Կարող եք փոփոխություններ մտցնել ձեր դիզայնի մեջ և ինքնաբերաբար տեսնել ձեր նախատիպի թարմացումը `առանց համաժամացման պահանջման: Եվ դուք կարող եք նախադիտել ձեր նախատիպերը, ամբողջական անցումներով iOS և Android սարքերում, այնուհետև դրանք կիսել ձեր թիմի հետ արագ արձագանքման համար:

Adobe XD- ն

Adobe XD- ի առանձնահատկությունները ներառում են `

  • Ինտերակտիվ նախատիպեր - Մի կտտոցով դիզայնից անցեք նախատիպի ռեժիմի և միացրեք գեղարվեստական ​​տախտակները ՝ հաղորդելու բազմալեզու հավելվածների հոսքը և ուղիները: Միացրեք դիզայնի տարրերը մի գեղարվեստական ​​տախտակից մյուսը, ներառյալ Կրկնել ցանցի բջիջները: Փորձը փորձարկելու և հաստատելու համար ավելացրեք փոխազդեցություններ ինտուիտիվ տեսողական հսկիչների հետ:
  • Հրապարակեք նախատիպերը հետադարձ կապի համար - Ստեղծեք համօգտագործելի վեբ հղումներ ՝ ձեր նմուշների վերաբերյալ կարծիքներ ստանալու կամ դրանք Behance- ում կամ ինտերնետային էջում տեղադրելու համար: Գրախոսները կարող են ուղղակիորեն մեկնաբանել ձեր նախատիպերը և ձեր դիզայնի որոշակի մասերը: Դուք կտեղեկացվեք, երբ նրանք մեկնաբանություններ անեն, և նրանք կարող են պարզապես թարմացնել իրենց զննարկիչները ՝ տեսնելու ձեր փոփոխությունները:
  • Արագ, բազմակողմանի արվեստի տախտակներ - Անկախ նրանից, թե դուք աշխատում եք մեկ գեղարվեստական ​​տախտակի կամ հարյուրի հետ, XD- ն ձեզ տալիս է նույն արագ կատարումը: Դիզայն տարբեր էկրանների և սարքերի համար: Տեղափոխել և խոշորացնել առանց հետաձգման ժամանակի: Ընտրեք նախադրված չափսերից կամ սահմանեք ձեր սեփականը և պատճենեք գեղարվեստական ​​տախտակների միջև ՝ չկորցնելով ձեր դիզայնի տարրերի տեղադրությունը:
  • Կրկնել ցանցը - Ընտրեք ձեր դիզայնի տարրեր, ինչպիսիք են կոնտակտների ցուցակը կամ լուսանկարների պատկերասրահը և կրկնօրինակեք դրանք հորիզոնական կամ ուղղահայաց այնքան անգամ, որքան ցանկանում եք. Ձեր բոլոր ոճերն ու տարածությունը մնում են անձեռնմխելի: Մեկ անգամ թարմացրեք տարրը, և ձեր փոփոխությունները կթարմացվեն ամենուր:
  • Cross-platform աջակցություն - Adobe XD- ն ինքնաբերաբար աջակցում է Windows 10-ին (Ունիվերսալ Windows պլատֆորմ) և Mac- ին `Android- ի և iOS- ի համար ուղեկցող բջջային ծրագրերով:
  • Ակտիվների վահանակ - Գույներն ու նիշերի ոճերը դարձրեք հեշտությամբ վերաօգտագործման համար ՝ դրանք ավելացնելով «Ակտիվների» վահանակին (նախկինում ՝ «Նշաններ» վահանակ), որն ավտոմատ կերպով ներառում է խորհրդանիշներ: Խմբագրեք վահանակի ցանկացած գույն կամ նիշի ոճ, և փոփոխությունները կարտացոլվեն ձեր ողջ փաստաթղթում:
  • Վերափոխված խորհրդանիշներ - Saveամանակ խնայեք խորհրդանիշներով, բազմակի օգտագործման դիզայնի տարրերով, որոնք վերացնում են ակտիվի յուրաքանչյուր օրինակը փաստաթղթում գտնելու և խմբագրելու անհրաժեշտությունը: Թարմացրեք մեկը, և դրանք կթարմացվեն ամենուր, կամ կընտրեն վերացնել հատուկ դեպքերը: Խորհրդանիշները կարող են լինել վեկտորային գրաֆիկա, ռաստերային պատկերներ կամ տեքստային օբյեկտներ, և դրանք կարող են օգտագործվել նաև որպես Կրկնել ցանցերի ներսում գտնվող օբյեկտներ:
  • Ստեղծագործ ամպային գրադարաններ - Creative Cloud Libraries ինտեգրման միջոցով դուք կարող եք մուտք գործել և կիրառել ռաստերային պատկերներ, գույներ և նիշերի ոճեր, որոնք ստեղծվել են Photoshop CC, Illustrator CC և այլ Creative Cloud ծրագրերում XD- ի ներսից և դրանք կրկին օգտագործել ձեր փաստաթղթերի ցանկացած կետում:
  • Համատեքստային գույքի տեսուչ - Աշխատեք անխռով տարածքում ՝ համատեքստից տեղյակ գույքի տեսչի շնորհիվ, որը ցուցադրում է միայն ձեր ընտրած օբյեկտների ընտրանքները: Փոփոխել հատկությունները, ինչպիսիք են եզրագծի գույնը և հաստությունը, լրացնել գույները, ստվերները, աղոտությունը, անթափանցիկությունը և պտտումը, և հավասարեցման, չափսերի և Կրկնել ցանցի մուտքի ընտրանքները:
  • Smart կտավի նավարկություն - Հեշտությամբ մեծացրեք ձեր դիզայնի որոշակի հատվածի վրա, կամ ընտրեք գեղարվեստական ​​տախտակի վրա և օգտագործեք դյուրանցում ՝ դրան մեծացնելու համար: Տեղափոխեք կամ խոշորացրեք ձեր մկնիկի, սենսորային էջի կամ ստեղնաշարի դյուրանցումների միջոցով: Եվ ստացեք հիանալի կատարում, նույնիսկ եթե ունեք հարյուրավոր գեղարվեստական ​​տախտակ:
  • Համատեքստային շերտեր - Մնացեք կազմակերպված և կենտրոնացած ՝ բարդ նախագծերը կառավարելիս ՝ շերտերի նկատմամբ համատեքստային մոտեցման շնորհիվ: XD- ն ընդգծում է միայն այն շերտերը, որոնք կապված են ձեր մշակած ստվարաթղթի հետ, այնպես որ կարող եք արագ և հեշտությամբ գտնել այն, ինչ ձեզ հարկավոր է:
  • Դասավորության ուղղորդման գործիքներ - Անխափան գծագրեք, վերաօգտագործեք և վերամշակեք դիզայնի տարրեր ՝ օգտագործելով խցկվող ցանցեր և այլ ինտուիտիվ դասավորության գործիքներ, որոնք կօգնեն ձեզ ստեղծել հարաբերական չափումներ օբյեկտների միջև, դիմակ ՝ ձևերով, խմբավորում, կողպում, հարթեցում և բաշխում դիզայնի տարրեր և այլն:
  • Պղտորման էֆեկտներ - Արագորեն պղտորեք որոշակի առարկա կամ մի ամբողջ ֆոն `ձեր դիզայնի առանցքային կետը փոխելու համար` դրան տալով խորություն և չափս:
  • Բազմակողմանի գծային գրադիենտներ - Ստեղծեք գեղեցիկ գծային գրադիենտներ, օգտագործելով պարզ, բայց ճշգրիտ տեսողական հսկիչները Color Picker- ում: Դուք կարող եք նաև գրադիենտներ ներմուծել Photoshop CC- ից և Illustrator CC- ից:
  • Penամանակակից գրիչ գործիք - Գրիչ գործիքով հեշտությամբ նկարեք ձևեր և ուղիներ: Օգտագործեք հարմարեցված ուղիներ, ավելացրեք կամ հանեք խարիսխի կետերը, հեշտությամբ շահարկեք գծերը և անցեք կոր և անկյունային ուղիների միջև ՝ բոլորը նույն գործիքի միջոցով:
  • Բուլյան խմբի խմբագրում - Ստեղծեք և փորձարկեք բարդ ձևեր `միավորելով օբյեկտների խմբեր` օգտագործելով ոչ քայքայիչ բուլյան գործարկիչներ:
  • Տպագրական ոճ Տեքստի ճշգրիտ վերահսկում `օգտագործողի փորձը բարելավելու համար: Հեշտությամբ կարգավորեք տպագրական տարրերը, ինչպիսիք են տառատեսակը, տառատեսակը, չափը, հավասարեցումը, գծերի միջև տարածությունը և գծերի միջակայքը: Փոխեք ձեր տեքստի տեսքը այնպես, ինչպես XD- ի այլ տարրեր եք փոխում, ինչպիսիք են անթափանցիկությունը, լրացումը, ֆոնային և աղոտ ազդեցությունները և եզրերը:
  • Ուղղակի գունային հսկողություն - Ընտրեք գույները `ճշգրիտ արժեքներ մուտքագրելով կամ Eyedropper- ի միջոցով XD- ի ներսից կամ դրսից նմուշառելով: Ստեղծեք և պահպանեք գունային ցուցանակներ և օգտագործեք Գունավոր ընտրիչում տասնվեցական կոդերի դյուրանցումներ:
  • UI ռեսուրսներ - Արագ դիզայն և նախատիպ Apple Apple- ի, Google Material Design- ի և Microsoft Windows սարքերի համար `օգտագործելով բարձրորակ օգտագործողի ինտերֆեյսի բաղադրիչներ:
  • Պատճենեք և տեղադրեք դիզայնի այլ ծրագրերից - Նկարներ բերեք XD- ի Photoshop CC- ից և Illustrator CC- ից:
  • Համատեքստում iOS և Android նախադիտումներ - Նախադիտեք ձեր նմուշները և բոլոր փոխազդեցությունները իրական թիրախավորված սարքերի վրա: Փոփոխություններ կատարեք աշխատասեղանի վրա, այնուհետև ստուգեք դրանք ձեր սարքերում ՝ հավատարմության և օգտագործման համար:
  • Ակնարկ թեժ կետերի մասին - Ավտոմատ կերպով նշեք թեժ կետերը ձեր նախատիպում, որպեսզի օգտվողները կարողանան տեսնել, թե որ տարածքներն են ինտերակտիվ և սեղմվող:
  • Նախատիպի կառավարում - Ստեղծեք բազմաթիվ URL նույն ֆայլից ՝ ձեր նախատիպի տարբեր տարբերակները կիսելու համար: Կիսվեք անսահմանափակ թվով նախատիպերով և հեշտությամբ մուտք գործեք և ջնջեք դրանք ձեր Creative Cloud հաշվից:
  • Գրանցեք նախատիպի փոխազդեցությունները որպես տեսանյութեր - Նախադիտումը սեղմելիս ձայնագրեք MP4 ֆայլ ՝ ձեր թիմի կամ շահագրգիռ կողմերի հետ կիսվելու համար (միայն Mac):
  • Արտահանեք արվեստի գործեր, ակտիվներ և արվեստի տախտակներ - Արտահանեք պատկերներ և նմուշներ PNG և SVG ձևաչափերով, որոնք կարող եք կազմաձևել iOS- ի, Android- ի, ոստայնի կամ ձեր սեփական հարմարեցված պարամետրերի համար: Արտահանեք մի ամբողջ արվեստի տախտակ կամ առանձին տարրեր: Եվ կիսեք ակտիվներն ու ստվարաթղթերը ՝ դրանք արտահանելով որպես անհատական ​​PDF ֆայլեր կամ որպես մեկ PDF ֆայլ:
  • Բազմալեզու աջակցություն - Աջակցվող լեզուները ներառում են անգլերեն, ֆրանսերեն, գերմաներեն, ճապոներեն և կորեերեն:
  • Մեկնաբանությունների համար էլփոստով ծանուցումներ - Ստացեք էլփոստով ծանուցումներ, երբ շահագրգիռ կողմերը մեկնաբանում են ձեր վեբ նախատիպերը: Նամակները կարող են ուղարկվել անհատապես կամ խմբաքանակով հանվել ամենօրյա մարսողության

Ամենալավը ՝ Adobe XD- ն ունի լիցենզիա Adobe Creative Suite- ի համար:

Բացահայտում. Մենք Adobe- ի դուստր ձեռնարկություններ ենք:

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.