Figma: Дизайн, прототип жана биргелешип ишкана боюнча

Фигма

Акыркы бир нече айда, мен кардарга жогорку деңгээлде ылайыкташтырылган WordPress инстанциясын иштеп чыгууга жана интеграциялоого жардам берип жатам. Бул стилдөө, колдонуучунун талаалары, колдонуучунун пост түрлөрү, дизайн алкагы, баланын темасы жана плагиндер аркылуу WordPressти кеңейтүү балансы.

Кыйын жери, мен аны прототиптөөчү платформадан жөнөкөй макеттерден жасап жатам. Бул визуалдаштыруу жана дизайн үчүн бекем платформа болгону менен, HTML5 жана CSS3ке оңой которулбайт. Башка кайталоолордун бардыгын кошуңуз, менин күндөрүм прогресстин өтө жай жүрүп жатканына капаланат.

Табышмактын бир бөлүгү - дизайн агенттиги прототиптерди жөн гана өткөрүп берип, эч кандай мастер стилин бербестен ... демек, биз прототиптерди экспорттоо менен аны аткаруунун үстүндө иштеп жатабыз отуна, андан кийин CSSти WordPressке которуу. Керектүү кадамдардын саны жана платформалардын ортосундагы боштуктар аны оор процесске айландырат. Ылдамдык жана масштабдуулук үчүн татаалдыктарды жөнөкөйлөтүү аракетин айтпай эле коёлу

Фигма

Фигма Бул иштин көпчүлүгүн сиздин командаңыздын ар бир мүчөсүндө иштеп чыгууну, кайтарым байланышты жана кызматташууну камсыз кылган платформа менен борборлоштурат, анын ичинде:

  • дизайнерлери - Контекстте жана реалдуу убакыт режиминде кызматташуу. Файлдарыңыз эскирип калса же бири-биринин ишин жазып калса эч качан тынчсызданбаңыз.
  • Кызыкдар тараптар - Пикирлерди топтоо, өзгөртүү өтүнүчтөрүн алуу жана кызыкдар тараптарга дизайныңызга жаңыланууларды жасоо үчүн шилтеме жөнөтүңүз.
  • иштеп - Инженерлер ар дайым учурдагы чындык булагына мүмкүнчүлүк алышат жана элементтерди текшере алышат, активдерди экспорттой алышат жана коддорду көчүрө алышат.

Фигманын уникалдуу өзгөчөлүктөрү бар:

  • Буль Операциялары - Төрт формула менен: биригүү, кемитүү, кесилишүү жана алып салуу, сиз каалаган форма катмарларын тактык менен айкалыштыра аласыз.
  • компоненттери - Файлдарыңызда көп жолу колдонулуучу жана масштабдуу элементтердин жардамы менен тезирээк жана ырааттуу куруңуз. Ар бир нускадагы катмарларга кирип, интуитивдүү түрдө текстти жана сүрөттөрдү сапта түзөтүп, жокко чыгара аласыз.
  • чектөөлөрү - Дизайнды каалаган экран өлчөмүнө ылайыкташтыруу үчүн, объектилерди ата-энелер алкагына орнотуп, объектини торго илип, же масштабдуу компоненттерди жаратыңыз.
  • Түзмөктүн алкактары - Дизайндарыңызды ылайыктуу чөйрөдө көрсөтүңүз. Ал тургай, портрет менен пейзаж режимин тандай аласыз.
  • Interactions - Өзүңүздүн прототиптериңизди чыкылдатуу, кыймылдатуу, басып туруу жана башка аракеттерди аныктоо менен жандуу кылыңыз.
  • катмар - Салыштырмалуу жана кол менен жайгаштыруунун жардамы менен сиз катмарлардын кайда жана кандайча пайда болушун толук көзөмөлдөй аласыз.
  • Пикселдин кемчиликсиздиги - 60fps интерактивдүү түзөтүү сизге өтө курч, пикселдик кемчиликсиз алдын-ала карап чыгууларды жана экспорттоону алып келет.
  • Prototyping - Экрандарды бириктирип, өз ара аракеттенүү, өткөөл, үстүңкү катмар жана башка элементтерди кошуу менен агымдарды тез куруңуз. Башка куралдар менен шайкештештирүүнүн ордуна жөн гана пикир алуу үчүн URL менен бөлүшүңүз.
  • Responsive Дизайн - Макеттериңизди сунуп, экрандын көлөмүнүн өзгөрүшүнө кандай жооп кайтарарын көрүңүз.

Жооптуу прототиптөө

  • барактоо - Горизонталдык, вертикалдык же ар кандай багытта жылдырууну жеке фигуралардын ичинде же бүтүндөй эне алкакта иштетүү.
  • стилдери - Бардык долбоорлоруңузда түстөрдү, тексттерди, торчолорду жана эффекттерди синхрондоштуруңуз. Тексттин стилдерин азыраак сактап, ар кандай түзмөктөрдө дизайныңызды Figma уникалдуу сетка стилдери менен дал келтириңиз.
  • Команда китепканалары - Фигмадагы компоненттерди жана стилдерди бөлүшүңүз - жалпы дисктердин же кошумча шаймандардын кереги жок. Жөнөкөй жарыялоо иш агымынын жардамы менен өзгөрүүлөрдүн качан жана качан жүргүзүлөрүн сиз жана сиздин командаңыз көзөмөлдөйт.
  • Вектордук тармактар - Фигма калем куралын интуитивдүү кылып жаратып, түздөн-түз манипуляциялоого мүмкүндүк берип, жолдор менен арткы шайкештикти сактаган.

үчүн ишкана кардарлар, Figma ырааттуулукту, натыйжалуулукту жана масштабда коопсуздукту камсыз кыла алат. Платформа ишкананын кардарларына дизайн китепканаларын жамааттык китепканалар менен оңой башкарууга мүмкүнчүлүк берет жана жеке ариптерди уюмуңуз боюнча жүктөп берүү жана бөлүшүү мүмкүнчүлүгүн берет. Бир жолу кирүү, кирүүнү көзөмөлдөө жана аракеттер таржымалдары камтылган.

Figma менен баштаңыз

Фигмада алар колдонгон мыкты окуу куралдары бар Youtube канал, бул Баштапкы видео:

Фигма иштеп чыгуучуларга текшерүү, көчүрүү, экспорттоо жана CSS долбоорлоо файлынан түздөн-түз көчүрүү мүмкүнчүлүгүн берет. Ошондой эле, бар болгон жумуш агымдарын интеграция менен иштете аласыз, анын ичинде отуна, Avocode, Jira, Dropbox, ProtoPie, жана принцип Mac үчүн. Аларда күчтүү API бар.

Фигманы акысыз колдонуп көрүңүз

Эмне деп ойлойсуң?

Бул сайт спам азайтуу Akismet колдонот. Сиздин комментарий маалымат кандайча иштелишин Үйрөнүү.