01-ը 03-ից
Վերջին Atomic.io թարմացումը ներառում է Scrollable բեռնարկղերը
Մի քանի ամիս առաջ ես ցույց տվեցի, թե ինչպես ատոմային համակարգը կարող է օգտագործվել նախատիպի շարժման համար : Կարեւոր կետերից մեկը, որ ես կատարեցի կտորով, «շարժումը ցույց տվեց», այլ ոչ թե այն թողնել հաճախորդին կամ թիմի երեւակայություններին: Իրականում սա դարձել է այնքան կարեւոր, որ դեպքի վայրում հայտնվում է UX / UI գործիքների մի ամբողջ նոր կատեգորիա: Դրանք ներառում են `Apple Keynote, Adobe Edge Animate, After Effects եւ UXPin , մի քանի անուն: Բլոկի նոր երեխան Atomic.io- ն է, որը բաց բետա էր, երբ ես առաջին անգամ գրեցի արտադրանքի մասին:
Բաց բետաի մասին կոկիկ բանն այն է, որ ծրագրակազմի արտադրողը հնարավորություն է տալիս հավաքել օգտվողների հետադարձ կապի հնարավորությունները, ներառյալ բացակայող հատկությունները, այնուհետեւ դրանք ավելացնել հավելվածին եւ փորձարկել դրանք մինչեւ առեւտրային թողարկումը: Ատոմի դեպքում մի առանձնահատկություն, որ ես իսկապես կարոտում էի, ուղղահայաց կամ հորիզոնական գունավորելու ունակություն էր: Սա կարող է ներառել այնպիսի բաներ, ինչպիսիք են քարտերը, սլայդ շոուները կամ գործնականում ցանկացած օգտվող կարող է սահեցնել կամ քաշել այն հավելվածի կամ կայքի ինտերֆեյսի սահմաններում:
Սա պետք է ենթարկվի շատ օգտվողների խնդրին, քանի որ այս ամսվա ընթացքում ծրագրին ուղղակիորեն ներկառուցված անցքեր կարող էին ներս մտնել, եւ ես պետք է խոստովանեմ, որ նախատիպի մեջ գունավոր բովանդակություն ստեղծելով, պարզ է, որ թույլատրելի է:
Ահա ...
02-ից 03-ը
Ինչպես ստեղծել ուղղահայաց գայլի բովանդակություն ատոմային
Ձեզ հարկավոր է նախ գրանցել անվճար 30-օրյա դատավարության համար, եւ այդ ժամանակաշրջանի վերջում դուք կներկայացնեք երեք գնային պլան:
Առաջին բանը, որ դուք պետք է իմանաք, բոլոր այն աշխատանքը, որ դուք պետք է կատարեք բրաուզերում, եւ ծրագիրը միտված է Google Chrome- ում: Երբ մուտք եք գործել, ձեզ կուղարկվեն Ծրագրեր էջ: Ծրագիրը բացելու համար սեղմեք Նոր Ծրագրի կոճակը :
Երբ ինտերֆեյսը հայտնվում է, դուք կտեսնեք, որ կան սահմանափակ թվով գործիքներ, էջերի էջերը եւ շերտերը էջերին, աշխատասեղանին եւ աջ կողմում, համատեքստի զգայուն հատկությունների վահանակի վրա:
Այս օրինակում ես սկսել է iPhone 5 նախօրոք, որը 320 x 568 է: Այնուհետեւ բացեք պատկերները պարունակող թղթապանակը, որոնք կտեղափոխվեն եւ կտտացրեք դրանք կտավին: Նրանք ավտոմատ կերպով ավելացվել են նախագծում, եւ դուք կարող եք տեսնել, որ դրանք գտնվում են անհատական շերտերի վրա, եթե սեղմում եք «Շերտեր» էջանիշը : Այնուհետեւ ես ընտրեցի Arrow գործիքը (ընտրությունը), ընտրեց պատկեր եւ դրեց այն նոր դիրքորոշում, որպեսզի նրանց միջեւ որոշակի տարածություն ավելացնեին: Այնուհետեւ ընտրեցի բոլոր պատկերները եւ կտտացրեց Toolbar- ում տարածելու ուղղահայաց կոճակը : Սա նույնքան տարածված է պատկերները:
Հաջորդ քայլը պետք է ընտրվի բոլոր բովանդակությունը ընտրելու համար, կամ կտտացնելով կոնտեյներային կոճակը կամ ընտրել Խմբի կոճակից փակցնելու Ստեղծեք ոլորող կոնտեյները : Երբ կոնտեյները ստեղծվում է, կտեսնեք այն շերտերի վահանակում, կտտացրեք կոնտեյներով եւ ներքեւի սլաքը սահեցրեք ներքեւի կտավին : Սեղմեք Properties- ի վահանակի ներքեւի նախադիտման կոճակը եւ սա կսկսի դիտարկիչի պատուհանը: Օգտագործեք ձեր մկնիկի թերթավոր անիվը ոլորել բովանդակությունը: Ձեր նախագծին վերադառնալու համար սեղմեք Խմբագրել կոճակը զննարկիչի պատուհանի ներքեւի աջ կողմում:
03-ից 03-ը
Ինչպես ստեղծել ատոմային հորիզոնական գույնի բովանդակություն
Հորիզոնական գույնը հեշտ է իրականացնել:
Այս դեպքում, կտավների վրա մի շարք պատկերներ սեղմեց եւ միմյանց դեմ արեց: Ընտրված պատկերներով, ապա սեղմեք Վերեւի Հավասարեցնել կոճակը, որպեսզի բոլորը միմյանց հետ համահունչ լինեն:
Այնուհետեւ անցկացրեցի Shift ստեղնը եւ ընտրեցի յուրաքանչյուր շերտ Layers վահանակում: Ընտրված պատկերներով ես կտտացրեցի «Կոնտեյներ» կոճակը եւ «Հատկանիշներ» դաշտում ընտրված Հատկությունների վահանակներում :
Հետո փորձեցի նախագիծը դիտարկիչի պատուհանում, սեղմելով Նախադիտման կոճակը:
Չնայած ես ցույց տվեցի, թե ինչպես ստեղծել ուղղահայաց եւ հորիզոնական գույնի անհատական տարբերակներ, քանի դեռ դուք տեղադրեք գուշակվող բովանդակությունը կոնտեյներով, դուք կարող եք ունենալ այդ բեռնարկղերը էկրանի առանձին վայրերում: Օրինակ, վեբ էջը կարող է ուղղահայաց բովանդակություն բովանդակության էջում եւ հորիզոնական գույնի բովանդակությունը նույն էջում սլայդ-շոուում: Փաստորեն, կոնտեյները կարող է ունենալ եւ ուղղահայաց, այնպես էլ հորիզոնական գույնի տարրեր, ինչպիսիք են նկարիչ ընտրողը, որն ունի տասնյակ կամ փոքր նկարներ:
Այս հատկության մասին ավելի շատ տեղեկություններ իմանալու համար ատոմային ոլորտում: check out:
- Բլոգը հայտարարություն է
- Գոտկատեղ կոնտեյներների ձեռնարկ
- Դիմակահավաք, օգտագործելով կոնտեյներներ
- Թղթապանակների բեռնաթափման կոնտեյներներ