01 од 03
Најновиот Atomic.io Ажурирање вклучува контејнери за лизгање
Пред неколку месеци , покажав дека atomic.io може да се користи за движење на прототипи . Една од клучните точки што ги направив во делото беше "прикажување на движење", наместо да се остави на имагинацијата на клиентот или на тимот, е важно. Всушност, ова стана толку критично што на сцената се појавува цела нова категорија UX / UI алатки. Тие вклучуваат - Apple Keynote, Adobe Edge Animate, After Effects и UXPin , за да именува неколку. Новото дете на блокот е Atomic.io кој беше во отворена бета кога првпат пишував за производот.
Совршеното нешто во врска со отворените бета е тоа што им дава на производителот на софтверот можност да соберат повратни информации од корисниците за функцијата, вклучувајќи ги и недостасните функции, а потоа да ги додадат во апликацијата и да ги тестираат пред комерцијалното објавување. Во случај на атомска, една особина што ја пропуштив беше способноста за движење на содржината вертикално или хоризонтално. Ова би можело да вклучува такви работи како што се картички, слајдови или практично нешто што корисникот ќе го повлече или повлече во границите на интерфејсот на апликацијата или на сајтот.
Ова мора да е тема за која многу корисници побараа, бидејќи контејнерите за лизгање беа запознаени со апликацијата овој месец и, морам да признаам, креирањето на содржината што може да се лизга во прототипот е мртов едноставно да се овозможи.
Еве како ...
02 од 03
Како да креирате вертикални лизгачки содржини во атомска
Прво ќе треба да се пријавите за бесплатен 30-дневен преглед и на крајот од тој период ќе ви бидат претставени три ценовни планови.
Првото нешто што треба да знаете е целата работа што ќе ја направите е во прелистувачот и апликацијата е наменета строго во Google Chrome. Откако ќе се најавите, ќе бидете префрлени на страната Проекти . За да ја отворите апликацијата, кликнете на копчето Нов проект .
Кога интерфејсот ќе се појави, ќе видите дека има ограничен број на алатки, способност да додавате страници и слоеви на страниците, таблата и над десниот панел за својства на осетливост на контекстот.
Во овој пример, започнав со дефиниција за iPhone 5, која е 320 x 568.И потоа отворете ја папката со слики што треба да се прелистуваат и ги влече на платно. Тие автоматски беа додадени во проектот и може да видите дека се на одделни слоеви ако кликнете на табулаторот Layers . Јас потоа ја избрав алатката Стрелка (Избор), избрав слика и влечев на нова позиција за да додадам простор помеѓу нив. Јас потоа ги избрав сите слики и кликнав на копчето Дистрибуирам вертикално на алатникот. Ова рамномерно ги распореди сликите.
Следниот чекор е да ја одберете целата содржина што треба да се прелистува и да кликнете на копчето Контејнер или изберете Креирај дојдете контејнер од копчето Group група pop down. Откако ќе се креира контејнерот - ќе го видите во панелот Layers - кликнете на контејнерот и повлечете ја долната рачка нагоре кон дното на платното . Кликнете на копчето "Преглед" на дното на панелот својства и ова ќе започне прозорец на пребарувачот. Користете го тркалцето на глувчето за да ја скролувате содржината. За да се вратите на вашиот проект, кликнете на копчето Уреди во долниот десен дел од прозорецот на прелистувачот.
03 од 03
Како да креирате хоризонтална лизгачка содржина во атомска
Хоризонталното лизгање е исто толку лесно да се постигне.
Во овој случај, влечеше серија слики на платното и ги каструиравме едни против други. Со избраните слики, потоа кликнете на копчето Top Align за да се осигурам дека сите се усогласени еден со друг.
Тогаш го задржав копчето Shift и го избрав секој слој во панелот Layers. Со избраните слики, го кликнав копчето Контејнер и , во панелите својства, избрав хоризонтално во областа на однесувањата.
Потоа го тестирав проектот во прозорецот на Пребарувач со кликнување на копчето Преглед.
Иако сум покажал како да креирам индивидуални верзии на вертикално и хоризонтално лизгање, се додека ја ставате содржината која може да се лизга во контејнер, може да ги има овие контејнери во одделни области на екранот. На пример, веб-страница може да има вертикално лизгање содржина во странично мени и хоризонтално лизгање содржина во слајд-шоу на истата страница. Всушност, контејнерот може да има и вертикално и хоризонтално лизгање за предмети како што се изборот на слика со десетици сликички.
За да дознаете повеќе за оваа функција во atomic.io проверете:
- Најава за блог
- Упатство за лизгање на контејнери
- Маскирање со контејнери
- Отстранување на проблеми со лизгање на контејнери