01 o 03
Y Diweddariad Diweddaraf Atomic.io Yn cynnwys Cynwysyddion Scrollable
Ychydig fisoedd yn ôl , dangosais sut y gellir defnyddio atomic.io i gynnig prototeip . Un o'r pwyntiau allweddol a wneuthum yn y darn oedd "dangos cynnig" yn hytrach na'i adael i ddychymyg y cleient neu'r tîm yn bwysig. Mewn gwirionedd, mae hyn wedi dod mor hanfodol bod categori newydd cyfan o offer UX / UI yn ymddangos ar yr olygfa. Maent yn cynnwys - Apple Keynote, Adobe's Edge Animate, After Effects a UXPin , i enwi ychydig. Y plentyn newydd ar y bloc yw Atomic.io a oedd mewn beta agored pan ysgrifennais gyntaf am y cynnyrch.
Y peth daclus am betas agored yw rhoi'r cyfle i'r gwneuthurwr meddalwedd gasglu adborth gan ddefnyddwyr ar y set nodwedd, gan gynnwys nodweddion ar goll, ac yna eu hychwanegu at y cais a'u profi cyn y datganiad masnachol. Yn achos atomig, un nodwedd yr oeddwn yn ei golli mewn gwirionedd oedd y gallu i sgrolio cynnwys yn fertigol neu'n llorweddol. Gallai hyn gynnwys pethau megis cardiau, sioeau sleidiau neu unrhyw beth y byddai defnyddiwr yn ei chwibio neu'n llusgo o fewn cyfyngiadau app neu ryngwyneb y safle.
Mae'n rhaid bod hyn yn bwnc llawer o ddefnyddwyr y gofynnwyd amdani oherwydd bod cynwysyddion sgrolio yn cael eu cyflwyno i'r app yn unig y mis hwn, a rhaid imi gyfaddef, gan greu cynnwys sgrollable yn y prototeip yn syml marw i'w alluogi.
Dyma sut ...
02 o 03
Sut i Creu Cynnwys Sgrolio Fertigol yn Atomig
Bydd angen i chi gofrestru am ddim ar gyfer treial 30 diwrnod am ddim ac, ar ddiwedd y cyfnod hwnnw, cyflwynir tair cynllun prisio i chi.
Y peth cyntaf y mae angen i chi ei wybod yw'r holl waith y byddwch chi'n ei wneud yn y porwr ac mae'r app wedi'i anelu'n fanwl ar Google Chrome. Ar ôl i chi fewngofnodi, fe'ch cymerir i dudalen Prosiectau . I agor yr app, cliciwch ar y botwm Prosiect Newydd .
Pan fydd y rhyngwyneb yn ymddangos fe welwch fod nifer gyfyngedig o offer, y gallu i ychwanegu tudalennau ac haenau i'r tudalennau, y celffwrdd ac, dros y dde, panel eiddo sy'n sensitif i gyd-destun.
Yn yr enghraifft hon, dechreuais gyda rhagosodiad iPhone 5 sef 320 x 568.I yna agorwch y ffolder sy'n cynnwys y delweddau i'w sgrolio a'u llusgo ar y cynfas. Fe'uchwanegwyd hwy yn awtomatig i'r prosiect a gallwch weld eu bod ar haenau unigol os ydych chi'n clicio ar y tab Haenau . Yna dewisais yr offer Arrow (Dewis), dewisais ddelwedd a'i llusgo i safle newydd er mwyn ychwanegu rhywfaint o le rhyngddynt. Yna dewisais yr holl ddelweddau a chlicio ar y botwm Dosbarthu Fertigol ar y bar offer. Roedd hyn yn gwasgaru'r delweddau yn gyfartal.
Y cam nesaf yw dewis yr holl gynnwys sydd i'w sgrolio ac i naill ai glicio ar y botwm Cynhwysydd neu ddewiswch Creu Cynhwysydd Sgrolio o botwm y Grw p i lawr. Unwaith y bydd y cynhwysydd yn cael ei greu - byddwch chi'n ei weld yn y panel Haenau - cliciwch ar y cynhwysydd a llusgo'r driniaeth waelod i fyny i waelod y gynfas . Cliciwch y botwm Rhagolwg ar waelod y panel Eiddo a bydd hyn yn lansio ffenestr porwr. Defnyddiwch olwyn sgrolio eich llygoden i sgrolio'r cynnwys. I ddychwelyd i'ch prosiect, cliciwch ar y botwm Golygu ar waelod y ffenestr porwr.
03 o 03
Sut i Creu Cynnwys Sgrolio Llorweddol yn Atomig
Mae sgrolio llorweddol yr un mor hawdd i'w gyflawni.
Yn yr achos hwn, llusgo cyfres o ddelweddau ymlaen i'r gynfas a'u toddi yn erbyn ei gilydd. Gyda'r delweddau a ddewiswyd, yna rwy'n clicio ar y botwm Alinio Top i sicrhau eu bod i gyd yn cyd-fynd â'i gilydd.
Yna, daliodd i lawr yr allwedd Shift a dewisais bob haen yn y panel Haenau. Gyda'r delweddau a ddewiswyd, fe wnes i glicio ar y botwm Cynhwysydd ac , yn y paneli Eiddo, dewiswyd Horizontally in the Behaviors area.
Yna fe brofais y prosiect mewn ffenest Porwr trwy glicio ar y botwm Rhagolwg.
Er fy mod wedi dangos sut i greu fersiynau unigol o sgrolio Fertigol a Llorweddol, cyhyd â'ch bod yn rhoi'r cynnwys sgrollable mewn cynhwysydd, gallwch gael y cynwysyddion hyn mewn mannau ar wahân o'r sgrin. Er enghraifft, gallai tudalen we gael cynnwys sgrolio'n fertigol mewn fwydlen ochr a chynnwys sgrolio'n llorweddol mewn sioe sleidiau ar yr un dudalen. Mewn gwirionedd, gall cynhwysydd sgrolio fertigol a llorweddol ar gyfer eitemau megis dewisydd delweddau sydd â dwsin neu luniau bach.
I ddysgu mwy am y nodwedd hon yn atomic.io edrychwch ar:
- Cyhoeddi'r Blog
- Sgrolio tiwtorial cynhwysydd
- Masgio gan ddefnyddio Cynhwysyddion
- Datrys Problemau Cynwysyddion Sgrolio