10+ بهترین فونت Figma برای پروژه های UI (و نحوه اضافه کردن آنها)

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

اما، فقط طراحان می‌دانند که چقدر کار باید انجام دهند یا چند تکرار از طراحی را باید ایجاد می‌کردند تا فونت مناسب را برای یک پروژه UI پیدا کنند.

تایپوگرافی نه تنها برای برنامه هایی مانند توییتر و فیس بوک، بلکه برای هر رابط کاربری بسیار مهم است. زیرا متن در مرکز هر طراحی قرار می گیرد. بدون فونت مناسب، کل طراحی UI شما در خطر خواهد بود.

ما می خواهیم با این لیست فونت های Figma به شما کمک کنیم بهترین فونت را برای طرح های خود پیدا کنید. این فونت‌ها طراحی‌های تمیزتر و ساده‌تری دارند تا خوانایی را افزایش دهند و به طور کلی تجربه کاربری بهتری را ارائه دهند.

چرا از فونت های سفارشی در Figma استفاده کنیم؟

Figma در حال حاضر مجموعه بزرگی از فونت ها را در کتابخانه خود دارد. پس چرا باید یک فونت Figma سفارشی بخرید تا در طراحی های رابط کاربری خود استفاده کنید؟

خوب، استفاده از فونت‌های «پیش‌فرض» در هر طرحی که ایجاد می‌کنید، چندین جنبه منفی دارد. فونت های پیش فرضی که با هر برنامه یا سیستم عاملی عرضه می شوند، اولین انتخاب برای اکثر طراحان آماتور هستند. این احتمال وجود دارد که با ده ها یا حتی صدها طرح مختلف روبرو شوید که از همان فونت ها استفاده می کنند.

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

این یک مثال افراطی است. با این حال، هنگامی که از یک فونت ممتاز سفارشی استفاده می‌کنید، نه تنها از چنین شرایطی اجتناب می‌کنید، بلکه به شما کمک می‌کند فونت‌هایی با ظاهر بهتر پیدا کنید تا به طرح‌های خود ظاهر و احساس حرفه‌ای‌تری ببخشید.

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

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

دارای 12 فونت مختلف با حروف ایتالیک و بیش از 350 گلیف می باشد.

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

Serca یک خانواده فونت است که برای ایجاد آن جفت فونت‌ها مناسب است زیرا مجموعه‌ای از فونت‌های معمولی و فشرده را ارائه می‌کند. و آنها به سادگی برای سرفصل ها، عناوین و متن متن عالی هستند.

این خانواده فونت در مجموع شامل 40 فونت با جایگزین های سبک، نمادها، آیکون ها و موارد دیگر است.

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

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

این شامل 18 فونت مختلف از خط مو تا وزن سیاه است. همچنین دارای جایگزین های سبکی، لیگاتورها و swash های زیادی است.

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

Mondia یک خانواده فونت سریف عالی است که می توانید در آن مواقع از آن استفاده کنید. دارای طراحی شیک با حروف سریف است که خوانایی خوبی را حفظ می کند و تجربه کاربری خوبی را ارائه می دهد.

این خانواده فونت دارای 18 فونت با بیش از 800 گلیف، متناوب و لیگاتور است.

هر طراح رابط کاربری باید حداقل یک فونت چند منظوره داشته باشد که بتوانید از آن برای ایجاد تایپوگرافی اولیه برای هر طراحی استفاده کنید. فونتی که می توانید تقریباً در هر طراحی رابط کاربری استفاده کنید بدون اینکه بر کیفیت آن تأثیر بگذارد. اگر چنین فونتی در مجموعه خود ندارید، حتما این فونت را دانلود کنید.

Config یک خانواده فونت چند منظوره است که دارای طرح حروف sans-serif تمیز است که به خوبی با هر نوع طراحی مطابقت دارد. می‌توانید از آن برای سرفصل‌ها، متن بدنه، عناوین بزرگ و همه چیز در این بین استفاده کنید.

در مجموع 40 فونت شامل 8 مجموعه سبک، 10 وزن فونت، لیگاتور و موارد دیگر در این بسته وجود دارد.

گاهی اوقات، فونت کلاسیک بهترین انتخاب برای طراحی UI است. طراحی فونت های آزمایش شده و واقعی مطمئن ترین شرط برای ایجاد طرح هایی هستند که برای مدت طولانی دوام می آورند. آنها همچنین مشکلات کمتری را با مشتریان ایجاد می کنند.

Proda Sans یک خانواده فونت است که دارای طراحی حروف کلاسیک جاودانه است. تمیز، مینیمال و به سادگی زیباست. از طرحی الهام گرفته از تایپوگرافی اواسط قرن بیستم استفاده می کند. اما می توانید از آن در هر طراحی مدرن نیز استفاده کنید.

این فونت در مجموع شامل 18 فونت است که دارای 9 وزن مختلف فونت و 9 ایتالیک است.

ارائه یک تجربه به یاد ماندنی از طریق طراحی UI شما با یک فونت منحصر به فرد شروع می شود که از سبک متفاوتی از طراحی حروف استفاده می کند. این فونت نمونه خوبی برای یافتن چنین فونت هایی است.

خانواده فونت Magnify با طراحی حروف هندسی ارائه می شود که رویکرد فنی و دقیق تری را برای طراحی تایپوگرافی ارائه می دهد. همچنین برای عنوان و متن پاراگراف عالی است.

فونت در 8 وزن مختلف همراه با مایل برای هر فونت ارائه می شود. همچنین تعداد زیادی شخصیت جایگزین برای انتخاب وجود دارد.

ایجاد ترکیبی از ظرافت و ظاهری مدرن برای تایپوگرافی شما زمانی که فونتی مانند این دارید کار چندان دشواری نیست.

RNS Sanz یک خانواده فونت مدرن است که طراحی حروف انعطاف پذیر را برای تمام طرح های شرکتی و تجاری شما ارائه می دهد. این فونت Figma ایده آل برای طرح بندی رابط کاربری موبایل و وب است.

شما 7 وزن فونت مختلف را با این خانواده فونت از روشن تا سیاه دریافت می کنید.

یک فونت نازک و تمیز انتخاب ایده آلی برای ایجاد طرح های مینیمالیستی UI است. فونتی که دارای طرح‌های حروف ساده با ظاهری عالی باشد، برای افزودن ظاهر حرفه‌ای به طرح‌بندی مینیمال نیز ضروری است.

VISIA Pro یک خانواده فونت هندسی است که برای پروژه های حداقل طراحی UI شما مناسب است. دارای حروف ساده و تمیزی است که به شما امکان می دهد طرح های خود را به خوبی طرح های ساخته شده توسط اپل جلوه دهید.

خانواده فونت شامل 7 وزن مختلف فونت برای انتخاب می باشد.

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

Braveold یک خانواده فونت بسیار زیبا است که می‌توانید از آن برای ایجاد طرح‌های UI برای مارک‌ها، برنامه‌ها و محصولات پیشرفته استفاده کنید. این فونت در 5 وزن مختلف با swash، ligature و مجموعه های سبک موجود است.

نحوه نصب فونت های سفارشی در Figma

نصب فونت های سفارشی در Figma بسیار آسان است. Figma می تواند به کتابخانه فونت ها در رایانه شما دسترسی داشته باشد، بنابراین وقتی فونت ها را روی رایانه خود نصب می کنید، می توانید در Figma نیز به آنها دسترسی داشته باشید.

برای نصب فونت ها در رایانه خود مراحل زیر را دنبال کنید:

1. ابتدا فایل فونت ها را از بازار دانلود کنید
2. اگر فونت ها در یک فایل ZIP هستند، آن را استخراج کنید تا فایل های فونت .ttf یا otf.
3. اکنون، در ویندوز به تنظیمات > شخصی سازی > فونت ها و فایل های فونت را کپی پیست یا بکشید و در پوشه Fonts رها کنید تا نصب شوند
4. یا به سادگی روی فایل فونت دوبار کلیک کرده و دکمه Install را بزنید. این در هر دو سیستم عامل مک و ویندوز کار می کند

اگر از برنامه دسکتاپ Figma استفاده می کنید، کافی است برنامه را مجدداً راه اندازی کنید و فونت های تازه نصب شده را در کتابخانه مشاهده خواهید کرد.

اگر از نسخه وب Figma استفاده می کنید، باید Figma Font Installer را نصب کنید تا دسترسی به کتابخانه فونت های رایانه خود را فعال کنید. می توانید آن را دانلود کنید اینجا. پس از نصب افزونه، پنجره مرورگر خود را برای دسترسی به فونت ها رفرش کنید.

نتیجه

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