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

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

John Morrison

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

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

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

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

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

الگوهای Figma را کاوش کنید

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

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

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

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

1. JUST Sans – Modern Font Family

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

Just Sans یک فونت واقعا حرفه ای است که طراحی حروف ساده و در عین حال ظریفی دارد. این در واقع یک خانواده فونت است که شامل 7 وزن مختلف فونت است. همچنین دارای مجموعه‌های سبک متعدد، 20 ویژگی OpenType، پشتیبانی چند زبانه و موارد دیگر است.

این خانواده فونت کاملاً با تمام پروژه‌های طراحی UI و UX مدرن شما مطابقت دارد.

2. گرم کردن

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

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

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

3. Serca

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

همچنین ببینید: 35+ قالب پاورپوینت حرفه ای (و نحوه استفاده از آنها)

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

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

4. Konnect

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

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

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

5. Mondia

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

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

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

6. Config

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

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

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

7. Proda Sans

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

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

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

8. Magnify

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

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

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

9. RNS Sanz

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

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

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

10. VISIA Pro

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

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

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

11. Braveold

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

Braveold یک خانواده فونت بسیار زیبا است که می‌توانید از آن برای ایجاد طرح‌های رابط کاربری با کیفیت بالا استفاده کنید. برندهای نهایی، برنامه ها و محصولات این فونت در 5 وزن مختلف با swashes، ligatures و مجموعه های سبک موجود است.

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

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

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

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

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

همچنین ببینید: 25+ الگوی مدل Beanie و Hat (رایگان و ممتاز)

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

نتیجه گیری

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

John Morrison

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