Омогућавање померања садржаја у Фигми подразумева навигацију бочном картицом. Нажалост, не појављује се аутоматски на главном корисничком интерфејсу. Садржај који се може померати је користан када желите да представите много информација у оквиру свог дизајна. Неки примери укључују одредишне странице, интерфејсе апликација или искачуће прозоре.
Овај чланак ће објаснити како да своје Фигма дизајне учините померајућим.
Постављање текста који се може померати унутар облика
Почнимо тако што ћемо направити текст који се може померати унутар једноставног облика. Ово је најчешћи пример текста који се може померати, а након тога можете додати и друга својства као што су боја, фонтови и обриси.
Ево како се то ради:
- Направите основни облик. За овај пример препоручујемо да направите вертикални правоугаоник. То можете учинити тако што ћете изабрати алатку за правоугаоник на левој бочној траци или помоћу команде „Р“. Држите лево, кликните на тачку платна и нацртајте облик.
- На десној бочној траци, испод картице дизајна, ставите квачицу поред опције „садржај клипа“.
- Изаберите алатку за текст да бисте креирали оквир за текст и ставите га у оквир који се може померати. Откуцајте или копирајте и залепите било који садржај који користите.
- Изаберите оквир и идите на картицу прототип на десној страни вашег интерфејса. Затим изаберите опцију „померање преко прекорачења“ и стил који желите. Овде ћемо изабрати „вертикално померање“.
Једном када кликнете на опцију преливања померања на картици прототип, постоји више стилова. Ми бирамо вертикални јер користимо вертикални правоугаоник као пример. Ово вам омогућава да прочитате текст од врха до дна. Неки од других стилова укључују:
- Хоризонтално померање – Корисници могу да померају свој текст с лева на десно у неким примерима. Ова опција је пожељнија ако креирате дизајн у пејзажном формату.
- Без померања – Ако желите да закључате свој садржај на месту, изаберите опцију без померања.
- Оба смера – Креирајте дизајн са пуно садржаја и померајте се и вертикално и хоризонтално.
Требало би да користите функције које се могу померати у оквиру свог дизајна да бисте минимизирали напор (кликове) које ваш читалац користи током интеракције са садржајем. Они могу да превлаче или користе точак миша уместо да кликну или тапкају кроз тоне текста.
Како дизајнирати своје компоненте које се могу померати
У зависности од вашег производа, мораћете да дизајнирате оквир садржаја и сам садржај. Процес укључује додавање боја, фонтова и потенцијално других компоненти целокупном дизајну. Промена ових елемената је лака, али одабир праве естетике захтева пажљиво разматрање.
Како да промените фонт вашег дизајна који се може померати
Прва ствар коју ћете морати да урадите је да промените фонт на вашем дизајну који се може померати. Фигма нуди широк спектар стилова за које можете изабрати. Ево најједноставније методе:
- Изаберите садржај у оквиру који се може померати и који желите да промените.
- Дођите до падајућег менија који се налази у горњем левом углу и изаберите га.
- Скролујте кроз фонтове док не пронађете онај који желите да користите.
Ако бренд за који дизајнирате има одређену типографију, вероватно ћете изабрати исту тако да буде у складу са имиџом бренда. Ако имате више простора за померање, требало би да експериментишете са различитим примерима пре него што одаберете прави.
Нека разматрања укључују:
- Намера дизајна – Одабир типографије треба да одговара намери вашег дизајна. Ако желите да јасно пренесете много информација, тежите мање декоративним, али елегантним фонтовима.
- Остале компоненте – Ваш фонт је визуелни елемент као и сваки други у вашем дизајну. Требало би да одговара оквиру и другим компонентама које укључите.
- Укупна естетика и брендирање – Општи осећај бренда такође треба да утиче на ваш одабрани фонт. На пример, услуга испоруке цвећа неће имати исти фонт као СААС одредишна страница.
Иако избор исправног фонта може захтевати експериментисање, неки конкретни примери фонтова су најпоузданије опције:
иоутубе како пронаћи своје коментаре
- Робото – Ако желите да играте на сигурно, користите Робото. Сматра се свестраним и неутралним фонтом са многим апликацијама. Пошто је то тако лако разумети, многи бирају Робото за упутства и одредишне странице.
- Поппинс – За пријатељски, али модеран и чист изглед, изаберите Поппинс. Овај фонт је заобљенији и чини текст атрактивним и лаким за читање.
- Ралеваи – Приликом дизајнирања за софистицирани луксузни бренд, можда бисте желели да узмете у обзир Ралеваи. Генерално је танак, али има различите варијације тежине и укупан елегантан изглед.
- Лато – Пријатељски, поуздани и озбиљни су праве речи да опишемо овај фонт. Дизајнери могу да користе Лато за наслове и текстове пасуса где су читљивост и јасноћа главна брига.
Такође ћете желети да узмете у обзир одабрану величину фонта и стил текста. Генерално, подебљано се користи за наслове или истицање сегмената, док се курзив користи за цитате.
Промена боје облика оквира
Поред промене фонта, такође ћете желети да промените боју облика оквира. Још једном, тачна нијанса ће зависити од бренда за који дизајнирате или ваше естетике. Срећом, Фигма интерфејс чини избор боје лаким.
Ево како можете да промените боје оквира:
- Изаберите оквир који желите да уредите.
- Слој ће се појавити на десној бочној траци. Идите до одељка „попуните“.
- Изаберите „+“ да додате испуну.
- Отвориће се прозор за бирање боја. Изаберите боју испуне и градијент. Такође можете да унесете хексадецимални код ако знате тачну нијансу.
Као и са другим елементима дизајна, можда ћете морати да експериментишете са различитим бојама и како изгледају са одабраним фонтом.
ФАКС
Да ли у Фигми постоји текстуална команда која се може померати?
Нажалост, не постоји наредба за померање текста унутар Фигме. Међутим, можете завршити процес у само неколико кликова користећи горе поменуту методу.
Како да одлучим коју опцију преливања желим?
То зависи од врсте текста који користите, укупног дизајна и његове функције. Вертикални стил је обично добар за прелиставање великих текстова.
За који интерфејс уређаја је обично потребан дизајн текста који се може померати?
Добар пример би били модели дизајна за апликацију. Корисници могу да креирају телефон као општи оквир, док текст који се може померати може бити интерфејс апликације.
Да ли је Фигма најбољи избор за прављење дизајна који се могу померати?
Фигма је један од најбољих алата за прављење широког спектра облика, укључујући дизајне који се могу померати. Још боље, Фигма је бесплатна. Међутим, можда имате одређене личне преференције. Покушајте да експериментишете са неколико платформи, као што је Адобе Иллустратор, док не пронађете алат који вам највише одговара.
Учините своје дизајне померајућим и лаким за корисника
Лако је направити било који текст у оквиру у Фигми. Једноставно изаберите оквир, а затим пређите на опцију садржаја клипа. Када завршите, можете да изаберете опције за померање преливања. Исто тако, не бисте требали занемарити друге кључне елементе дизајна, као што су боја и облик оквира и фонт текста. Омогућавање померања вашег дизајна је одличан избор за одредишне странице, интерфејсе апликација и искачуће прозоре. Олакшава прелиставање текстова уместо кликања, што на крају повећава корисничко искуство.
Да ли вам је било лако да ваш садржај можете да померате у Фигми? Шта је са одабиром правог фонта? Обавестите нас у одељку за коментаре испод.
