01 од 03
Најновија ажурирања Атомиц.ио укључују скројене контејнере
Неколико месеци уназад сам показао како се атомиц.ио може користити за прототип покрета . Једна од кључних тачака које сам направио у том делу је "показивање кретања", а не остављајући га клијентовој или маштовитој особи, је важно. Заправо, ово је постало толико критично да се на сцени појављује читава нова категорија УКС / УИ алата. Они укључују - Аппле Кеиноте , Адобе'с Едге Анимате, Афтер Еффецтс и УКСПин , да именују неколико. Нови клинац у блоку је Атомиц.ио који је био отворен бета када сам први пут писао о производу.
Одлична ствар у вези са отвореним бетама је да произвођачу софтвера дају прилику да прикупе повратне информације корисника о скупу функција, укључујући недостајуће функције, а затим их додају апликацији и тестирају их пре комерцијалног издања. У случају атомске, једна од особина коју сам стварно пропустио била је могућност померања садржаја вертикално или хоризонтално. Ово би могло укључивати ствари попут картица, слајд шоуа или практично било чега који би корисник могао превући или повући унутар граница интерфејса апликације или сајта.
Ово је морало бити тема коју су многи корисници затражили, јер су се скроловани контејнери управо упознали са апликацијом овог мјесеца и, морам признати, стварање скроловог садржаја у прототипу је мртво једноставно омогућити.
Ево како…
02 од 03
Како креирати вертикални скроловање садржаја у атомској
Потребно је прво да се пријавите за бесплатни пробни период од 30 дана, а на крају тог периода ће вам бити представљени три планова цена.
Прва ствар коју требате знати јесте све што ћете радити у претраживачу и апликација је строго усмерена на Гоогле Цхроме. Када се пријавите, одвешће се на страницу Пројекат . Да бисте отворили апликацију, кликните на дугме Нев Пројецт .
Када се појави интерфејс видећете да постоји ограничен број алата, могућност додавања страница и слојева на странице, артбоард и преко десне стране контекстно осјетљив панели својстава.
У овом примјеру сам почео са поставкама иПхоне 5 који је 320 к 568. Затим отварам фолдер који садржи слике које се помичу и вуче на платну. Они су аутоматски додати у пројекат и можете видети да су на појединачним слојевима ако кликнете на картицу Слојеви . Затим сам одабрао алатку Арров (Селекција), изабрао слику и повукао га на нову позицију како би додао мало простора између њих. Затим сам изабрао све слике и кликнула дугме Дистрибуте Вертицалли на траци са алаткама. Ово је равномерно размакло слике.
Следећи корак је да изаберете све садржаје који желите да се помичу и да кликнете на дугме Контејнер или изаберите ставку Креирај скрол контејнер са групног дугмета . Када се контејнер креира - видећете је на панелу Слојеви - кликните на контејнер и повуците доњу дршку према горе на дно платна . Кликните на дугме Превиев на дну плоче Пропертиес (Својства) и ово ће покренути прозор прегледача. Користите точкићи за помицање миша да бисте померали садржај. Да бисте се вратили на свој пројекат, кликните на дугме Измени у доњем десном углу прозора прегледача.
03 од 03
Како направити хоризонтални садржај за скроловање у атомској
Хоризонтално скроловање је исто тако лако постићи.
У том случају, одвукли су низ слика на платну и подигли их један против другог. Са изабраним сликама, кликните на дугме Топ Алигн како бисте били сигурни да су сви поравнати.
Затим сам држао тастер Схифт и изабрао сваки слој на панелу Лаиерс. Са изабраним сликама, кликнула сам на дугме Контејнер и на плочама својстава изабрана је Хоризонтално у области Бехавиорс.
Затим сам тестирао пројекат у прозору Бровсер кликом на дугме Превиев.
Иако сам показао како да креирам појединачне верзије Вертикалне и Хоризонталне скроловања, све док стављате садржај који може да се креће у контејнеру, можете имати ове контејнере у одвојеним областима на екрану. На пример, веб страница може имати вертикално скроловање садржаја у бочном менију и хоризонтално померање садржаја у слајд-схов на истој страници. У ствари, контејнер може имати и вертикално и хоризонтално скроловање за предмете као што је изборник слика који има десетак икона сличица.
Да бисте сазнали више о овој функцији у атомиц.ио, погледајте:
- Обавештење о блогу
- Туторијал за скроловање контејнера
- Маскирање помоћу контејнера
- Решавање проблема Скроловање контејнера