Фигма: Байгууллагын хэмжээнд дизайн, загвар, хамтын ажиллагаа

Фигма

Сүүлийн хэдэн сарын хугацаанд би үйлчлүүлэгчийн хувьд маш сайн тохируулсан WordPress жишээг боловсруулж, нэгтгэхэд тусалсан. Энэ бол хэв маягийн тэнцвэр, WordPress -ийг захиалгат талбар, захиалгат бичлэгийн төрөл, дизайны хүрээ, хүүхдийн сэдэв, захиалгат залгаасуудаар дамжуулан өргөжүүлэх явдал юм.

Хамгийн хэцүү зүйл бол би үүнийг загвар зохион бүтээх платформын энгийн загвараас хийж байна. Энэ нь дүрслэл, дизайны хувьд найдвартай платформ боловч HTML5 болон CSS3 руу хялбархан орчуулагддаггүй. Бусад бүх давталтуудыг нэмж оруулаарай, ахиц дэвшил маш удаан байгаа нь миний өдрүүдийг бухимдуулж байна.

Нэг таавар бол дизайны агентлаг ямар ч төрлийн мастер хуудас өгөхгүйгээр загвар загварыг зүгээр л хүлээлгэн өгсөн явдал юм. Airship, дараа нь CSS-ийг WordPress рүү хөрвүүлэх. Шаардлагатай алхамуудын тоо, платформуудын хоорондох ялгаа нь үүнийг хэцүү процесс болгодог. Хурд, өргөтгөх боломжтой нарийн төвөгтэй байдлыг хялбарчлахыг хичээх талаар ярихгүй байх

Фигма

Фигма Энэ ажлын ихэнх хэсгийг танай багийн гишүүн бүрт дизайн, санал хүсэлт, хамтын ажиллагааг идэвхжүүлэх платформоор төвлөрүүлдэг.

  • Дизайнерууд - Агуулга болон бодит цаг хугацаанд хамтран ажиллах. Таны файлууд хуучирсан эсвэл бие биенийхээ ажлыг дарж бичих талаар хэзээ ч бүү санаа зов.
  • Оролцогч талууд - Санал хүсэлт цуглуулах, өөрчлөлтийн хүсэлтийг авах, оролцогч талуудад таны дизайны хуулбарыг шинэчлэх боломжийг олгох линкийг илгээнэ үү.
  • хөгжүүлэгчид - Инженерүүд одоогийн үнэний эх сурвалжид үргэлж хандах боломжтой бөгөөд элементүүдийг шалгаж, хөрөнгөө экспортлох, кодыг хуулах боломжтой.

Фигма нь өвөрмөц онцлог шинж чанартай байдаг.

  • Булын үйл ажиллагаа - Нэгдэх, хасах, огтлолцох, хасах гэсэн дөрвөн томъёогоор та хэлбэрийн хэдэн давхаргыг нарийвчлалтай хослуулж болно.
  • бүрэлдэхүүн хэсэг - Файлууддаа дахин ашиглах боломжтой, өргөтгөх боломжтой элементүүдийг ашиглан илүү хурдан, илүү тогтвортой бүтээх. Жагсаалт бүрт давхаргад нэвтрэх бөгөөд ингэснээр текст, зургийг шугаман дотор засах, өөрчлөх боломжтой болно.
  • Хязгаарлалт - Эцэг эхийн хүрээ дээр обьектуудыг бэхлэх, объектыг сүлжээнд холбох, эсвэл бүр масштабтай бүрэлдэхүүн хэсгүүдийг бий болгох замаар ямар ч дэлгэцийн хэмжээтэй нийцүүлэхийн тулд өөрийн загварыг масштабаар тодорхойл.
  • Төхөөрөмжийн хүрээ - Загвараа зөв орчинд танилцуулах. Та хөрөг болон ландшафтын горимыг сонгох боломжтой.
  • Харилцаа холбоо - Товшилт, хөдлөх, дарах гэх мэт харилцан үйлчлэлийг тодорхойлж, анхны загваруудаа амьдралд хэрэгжүүлээрэй.
  • Давхарга - Харьцангуй ба гараар байрлуулснаар та хаана, хэрхэн давхцаж байгааг бүрэн хянах боломжтой.
  • Пикселийн төгс байдал - 60fps интерактив засвар нь танд хэт тод, пикселийн төгс урьдчилж харах, экспортлох боломжийг олгоно.
  • ноороглох - Дэлгэцүүдийг хооронд нь холбож, харилцан үйлчлэл, шилжилт, давхцал гэх мэт элементүүдийг нэмж урсгалыг хурдан бий болгох. Бусад хэрэгслүүдтэй синхрончлохын оронд санал хүсэлтийг хүлээн авахын тулд URL-г хуваалцаарай.
  • Хариуцлагатай загвар - Байршлаа сунгаж, дэлгэцийн хэмжээ өөрчлөгдөхөд тэд хэрхэн хариу үзүүлэхийг үзээрэй.

Хариуцлагатай прототип

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

Учир нь аж ахуйн нэгж үйлчлүүлэгчид, Figma нь тууштай байдал, үр ашиг, аюулгүй байдлыг өргөн цар хүрээг хамарч чаддаг. Энэхүү платформ нь аж ахуйн нэгжийн үйлчлүүлэгчдэд багийн сангуудтай дизайны системийг хялбархан удирдах боломжийг олгодог бөгөөд танай байгууллагад захиалгат фонтыг байршуулах, хуваалцах боломжийг олгодог. Дан нэвтрэх, хандалтын хяналт, үйл ажиллагааны бүртгэлийг оруулсан болно.

Figma-г эхлүүлээрэй

Фигма нь өөрсдөдөө зориулж хадгалдаг маш сайн сургалтын материалуудтай Youtube суваг, энд Эхлэх видео байна:

Фигма хөгжүүлэгчдэд CSS-ийг зураг төслийн файлаас шууд шалгах, хуулах, экспортлох, хуулбарлах боломжийг олгодог. Та одоо байгаа ажлын урсгалыг нэгтгэх замаар идэвхжүүлж болно Airship, Авокод, Jira, Dropbox, ProtoPieБолон Зарчим Mac дээр. Тэд бас бат бөх API-тай байдаг.

Figma-г үнэгүй туршиж үзээрэй

Чи юу гэж бодож байна?

Энэ сайт нь спамыг багасгахын тулд Akismet-ийг ашигладаг. Таны өгөгдлийг хэрхэн боловсруулдаг талаар суралц.