طراحی اپلیکیشن در مشهد

پاره ای فراگیری فیگما
خب درین نصیب قصد داریم در جهت شناخت بیشتر شما با قسمت های متعدد فیگما تعدادی فراگیری طراحی اپلیکیشن در مشهد های مقدماتی از آن را بدهیم.

روش ی تشکیل داد یک Frame در فیگما
برای استارت فعالیت ابتداعا ما بایستی یک Frame ساخت‌و‌ساز کنیم.
این به عبارتی کاغذ میباشد و هر آنچه ما پیاده سازی می‌کنیم در‌این نصیب است.
شما میتوانید بسته به نیاز خویش یک Frame را هر طور که میخواهید اندازه بگیرید.

ما در‌این نمونه Desktop Frame را گزینش میکنیم ؛ البته شما میتوانید هر کادر دیگری را تعیین فرمایید.

ابزار Frame را از منوی بالا تعیین فرمایید.
اندازه کادر را در پنل سمت راست گزینش نمایید.

شیوه افزودن Grid ها و Column ها در فیگما
پیش از استارت پیاده سازی ، میخواهید grid هایی را اضافه فرمائید که به شما امداد می‌نمایند alignment محتوا را برای ورقه خویش اثبات نگه دارید.

می‌توانید grid ها را به یک کادر اضافه فرمائید و آن‌ها‌را سفارشی فرمایید.
برای مثال ، برای پیشرفت اینترنت ۱۲ grid آیتم استعمال قرار میگیرد.

قاب متبوع را برای grid بندی گزینش نمائید.
Layout Grid را در پنل سمت راست تعیین نمائید.
Column ها و 12 واحد را تعیین فرمائید.

استعمال از Shape ها و Column ها در فیگما
از انواع و ارکان جانور در Figma برای ساخت مربع ، دایره ، خطوط و مفاد دیگر به کارگیری فرمایید.
اینها اصول اول ساخت‌و‌ساز طرح در یک شیت می‌باشند.

اضافه کردن عکس در فیگما
میتوانید تصاویر را از یک منبع آنلاین یا این که محلی به ورقه خویش اضافه نمائید.

طبق گیف ذیل ما یک تصویر را اضافه میکنیم.

اضافه کردن متن در فیگما
برای اضافه کردن متن به طرح ، ابزار متن را گزینش کرده و در ورقه قرار دهید.
فونت به صورت پیش فرض روی Roboto خواهد بود ، ولی شما می‌توانید خانواده فونت ، اندازه و رنگ را در هر مرحله تغییر و تحول دهید.

در‌این نمونه از پنل سمت راست برای تغییر و تحول رنگ و اندازه فونت و بعداً خانواده فونت به کار گیری می‌کنیم.

ابزار Text را گزینش نمائید.
متن “About” را تحت عنوان استارت پیمایش اضافه نمایید.
باور نتیجه ها فرمایید که اندازه و رنگ 24 و سپید میباشد.

طرز lable گذاری و ساخت‌و‌ساز تیم در figma
فعالیت با لایه های زیاد در Figma می‌تواند سرگردان کننده باشد ، به این ترتیب به محض تولید ، تمامی عنصرها خویش را لیبل گذاری فرمایید.
حتی خوب میباشد که مناطق و گونه های متعدد را با lable هایی مانند “Hero Background” یا این که “Navbar” دسته بندی فرمائید.

المان های خویش را گزینش نمائید و برای تیم بندی راست کلیک نمائید یا این که Ctrl + G را فشار دهید.
تیم خویش را نامگذاری نمائید.
هر قسمت از شیت‌تان را در درون تیم‌ها قرار می دهد تا زمانی برگه شما رشد کرد، خوانایی را بهبود بخشد.

برای پرهیز از زمانبر شدن نوشته‌علمی ما تا همینجای عمل بسنده خوا‌هیم کرد.
مسلما فراگیری فیگما به اینجا خلاصه نشده و شما راه و روش متعددی را تا کامل شدن آن دارید.
البته در‌حالتی که با مفاهیم آشنا باشید و تا قبل از این با قابل انعطاف افزارهایی مانند فتوشاپ یا این که illustrator فعالیت کرده باشید ، یادگیری فیگما بسیار معمولی و مانند همین یادگرفتن های ابتدایی و نخستین قابل فهم و شعور میباشد.

۶ خصوصیت اصلی از فیگما که می بایست بشناسید
Component Management

Variants یک ماژول رئیس کامپوننت هوشمند میباشد و تحت عنوان کتابخانه Figma components شناخته می گردد.
شما به راحتی میتوانید تغییرات تکراری یک component را از دربین ببرید و آنها‌را برای سازماندهی کتابخانه asset دسته ادغام فرمایید.

شما همینطور میتوانید یک container واحد برای تک تک اجزای شبیه تمجید فرمایید.
در طی عمل مشترک ، Variants برای اعضای دسته سهل‌خیس میشود تا جای متبوع خویش را پیدا نمایند.
با سفارشی کردن مقادیر و مختصات گونه های کامپوننت های خویش ، پیش گویی و گمان را از سیستم پیاده سازی خویش حذف نمائید.

Bulleted Lists

با فیگما میتوانید لیست های bulleted و شماره گذاری گردیده را در پروژه های پیاده سازی UI/UX خویش بگنجانید.
لیست ها به شما قابلیت و امکان میدهند اطلاعات را به راحتی سازماندهی فرمایید و بر داده ها مرتبط در طرح های برداری تأکید فرمایید.

The Revamped Inspect Tab

Code Panel گذشته Figma اینک تب Inspect میباشد.
این خصوصیت به همیاران ، به ویژه پیشرفت دهندگان ، اذن میدهد تا مقادیر و کدهای طرح های افرادی را که با آن ها عمل می‌کنید، اخذ نمایند.
اعضای مجموعه شما می‌توانند داده هایی مانند Colors، Variants، Properties، Shadows، Content، Borders و Typography را از این شیت کسب نمایند.

Figma Community Files and Plugins Library
Figma دارنده یک پلتفرم اجتماعی با منابع بی نیاز شد‌ه‌است که در آن می‌توانید پروژه های خویش را منتشر نمایید تا بقیه همیاران شما بتوانند آن ها را تحقیق ، بازنویسی و در غایت به کار گیری نمایند.

هزاران تولیدکننده وجود دارااست ، و شما می‌توانید منابع پایین را اخذ فرمایید :

گشودن illustration library

Remote design sprinting

Material design kit

پوسته های Figma

افزونه های Figma تلاش بالایی دارا‌هستند و در عین هم اکنون استوار و ایمن می‌باشند.
در طول تایپ کردن بیشتراز 40 پلاگین انحصاری مو جود میباشد و تعداد این لیست در هم اکنون ارتقا میباشد.

پاره ای فراگیری فیگما
خب درین نصیب قصد داریم در جهت شناخت بیشتر شما با قسمت های متعدد فیگما تعدادی فراگیری طراحی اپلیکیشن در مشهد های مقدماتی از آن را بدهیم.

روش ی تشکیل داد یک Frame در فیگما
برای استارت فعالیت ابتداعا ما بایستی یک Frame ساخت‌و‌ساز کنیم.
این به عبارتی کاغذ میباشد و هر آنچه ما پیاده سازی می‌کنیم در‌این نصیب است.
شما میتوانید بسته به نیاز خویش یک Frame را هر طور که میخواهید اندازه بگیرید.

ما در‌این نمونه Desktop Frame را گزینش میکنیم ؛ البته شما میتوانید هر کادر دیگری را تعیین فرمایید.

ابزار Frame را از منوی بالا تعیین فرمایید.
اندازه کادر را در پنل سمت راست گزینش نمایید.

شیوه افزودن Grid ها و Column ها در فیگما
پیش از استارت پیاده سازی ، میخواهید grid هایی را اضافه فرمائید که به شما امداد می‌نمایند alignment محتوا را برای ورقه خویش اثبات نگه دارید.

می‌توانید grid ها را به یک کادر اضافه فرمائید و آن‌ها‌را سفارشی فرمایید.
برای مثال ، برای پیشرفت اینترنت ۱۲ grid آیتم استعمال قرار میگیرد.

قاب متبوع را برای grid بندی گزینش نمائید.
Layout Grid را در پنل سمت راست تعیین نمائید.
Column ها و 12 واحد را تعیین فرمائید.

استعمال از Shape ها و Column ها در فیگما
از انواع و ارکان جانور در Figma برای ساخت مربع ، دایره ، خطوط و مفاد دیگر به کارگیری فرمایید.
اینها اصول اول ساخت‌و‌ساز طرح در یک شیت می‌باشند.

اضافه کردن عکس در فیگما
میتوانید تصاویر را از یک منبع آنلاین یا این که محلی به ورقه خویش اضافه نمائید.

طبق گیف ذیل ما یک تصویر را اضافه میکنیم.

اضافه کردن متن در فیگما
برای اضافه کردن متن به طرح ، ابزار متن را گزینش کرده و در ورقه قرار دهید.
فونت به صورت پیش فرض روی Roboto خواهد بود ، ولی شما می‌توانید خانواده فونت ، اندازه و رنگ را در هر مرحله تغییر و تحول دهید.

در‌این نمونه از پنل سمت راست برای تغییر و تحول رنگ و اندازه فونت و بعداً خانواده فونت به کار گیری می‌کنیم.

ابزار Text را گزینش نمائید.
متن “About” را تحت عنوان استارت پیمایش اضافه نمایید.
باور نتیجه ها فرمایید که اندازه و رنگ 24 و سپید میباشد.

طرز lable گذاری و ساخت‌و‌ساز تیم در figma
فعالیت با لایه های زیاد در Figma می‌تواند سرگردان کننده باشد ، به این ترتیب به محض تولید ، تمامی عنصرها خویش را لیبل گذاری فرمایید.
حتی خوب میباشد که مناطق و گونه های متعدد را با lable هایی مانند “Hero Background” یا این که “Navbar” دسته بندی فرمائید.

المان های خویش را گزینش نمائید و برای تیم بندی راست کلیک نمائید یا این که Ctrl + G را فشار دهید.
تیم خویش را نامگذاری نمائید.
هر قسمت از شیت‌تان را در درون تیم‌ها قرار می دهد تا زمانی برگه شما رشد کرد، خوانایی را بهبود بخشد.

برای پرهیز از زمانبر شدن نوشته‌علمی ما تا همینجای عمل بسنده خوا‌هیم کرد.
مسلما فراگیری فیگما به اینجا خلاصه نشده و شما راه و روش متعددی را تا کامل شدن آن دارید.
البته در‌حالتی که با مفاهیم آشنا باشید و تا قبل از این با قابل انعطاف افزارهایی مانند فتوشاپ یا این که illustrator فعالیت کرده باشید ، یادگیری فیگما بسیار معمولی و مانند همین یادگرفتن های ابتدایی و نخستین قابل فهم و شعور میباشد.

۶ خصوصیت اصلی از فیگما که می بایست بشناسید
Component Management

Variants یک ماژول رئیس کامپوننت هوشمند میباشد و تحت عنوان کتابخانه Figma components شناخته می گردد.
شما به راحتی میتوانید تغییرات تکراری یک component را از دربین ببرید و آنها‌را برای سازماندهی کتابخانه asset دسته ادغام فرمایید.

شما همینطور میتوانید یک container واحد برای تک تک اجزای شبیه تمجید فرمایید.
در طی عمل مشترک ، Variants برای اعضای دسته سهل‌خیس میشود تا جای متبوع خویش را پیدا نمایند.
با سفارشی کردن مقادیر و مختصات گونه های کامپوننت های خویش ، پیش گویی و گمان را از سیستم پیاده سازی خویش حذف نمائید.

Bulleted Lists

با فیگما میتوانید لیست های bulleted و شماره گذاری گردیده را در پروژه های پیاده سازی UI/UX خویش بگنجانید.
لیست ها به شما قابلیت و امکان میدهند اطلاعات را به راحتی سازماندهی فرمایید و بر داده ها مرتبط در طرح های برداری تأکید فرمایید.

The Revamped Inspect Tab

Code Panel گذشته Figma اینک تب Inspect میباشد.
این خصوصیت به همیاران ، به ویژه پیشرفت دهندگان ، اذن میدهد تا مقادیر و کدهای طرح های افرادی را که با آن ها عمل می‌کنید، اخذ نمایند.
اعضای مجموعه شما می‌توانند داده هایی مانند Colors، Variants، Properties، Shadows، Content، Borders و Typography را از این شیت کسب نمایند.

Figma Community Files and Plugins Library
Figma دارنده یک پلتفرم اجتماعی با منابع بی نیاز شد‌ه‌است که در آن می‌توانید پروژه های خویش را منتشر نمایید تا بقیه همیاران شما بتوانند آن ها را تحقیق ، بازنویسی و در غایت به کار گیری نمایند.

هزاران تولیدکننده وجود دارااست ، و شما می‌توانید منابع پایین را اخذ فرمایید :

گشودن illustration library

Remote design sprinting

Material design kit

پوسته های Figma

افزونه های Figma تلاش بالایی دارا‌هستند و در عین هم اکنون استوار و ایمن می‌باشند.
در طول تایپ کردن بیشتراز 40 پلاگین انحصاری مو جود میباشد و تعداد این لیست در هم اکنون ارتقا میباشد.