برچسب: انتخاب فونت

بهترین برنامه فونت برای تلفن های هوشمند آیفون

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

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

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

فونت و صفحه کلید Fontix

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 13.0 یا بالاتر

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

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

ویژگی های کلیدی:

• دارای مجموعه فونت متن منحصر به فرد و فانتزی.
• می توانید از فونت ها در چندین پلتفرم اجتماعی مانند تیک تاک، فیسبوک، اینستاگرام، توییتر، واتساپ، اسنپ چت و غیره استفاده کنید.
• دارای مجموعه ای عالی از تم های رنگی صفحه کلید.
• رابط کاربری ساده و کاربردی با دستورالعمل های کاربر.
• مجموعه ای بزرگ از ایموجی ها.

فونت Cool Keyboard Changer

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 12.0 یا بالاتر

Cool Keyboard Changer برنامه بعدی فونت برای آیفون است. در این برنامه با حروف چاپی چشم نواز و شیک، می توانید تعاملات شما را در رسانه های اجتماعی جذاب کنید. فونت های آن را می توان در رسانه های اجتماعی و برنامه های پیام رسانی مانند اسنپ چت، اینستاگرام، فیس بوک و غیره استفاده کرد. همچنین کاربران می توانند به روز رسانی های منظم این فونت ها را نیز دریافت کنند.

ویژگی های کلیدی:

• فونت های شیک
• به روز رسانی منظم فونت های برتر
• صفحه کلید ساده با تم حالت تاریک

فونت آیفون Fancy Text Symbols

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 11.0 یا بالاتر

Fancy Text Symbols یکی از بهترین برنامه های فونت است که یک کیبورد عالی با بیش از 120 سبک منحصر به فرد فونت ارائه می دهد. می توانید پروفایل های رسانه های اجتماعی خود را با سبک های قلم شیک و خلاقانه آن برجسته کنید. علاوه بر این، می توانید پیام های شگفت انگیزی از مجموعه ای از بیش از 250 هنر متنی آن سفارشی را ارسال کنید.

ویژگی های کلیدی:

• مولد فونت های فانتزی و جالب.
• بیش از 120 سبک فونت مختلف.
• امکان ایجاد یک متن پیچیده، متمایز و پر زرق و برق با بیش از 1400 کاراکتر.

Keyboard Fonts Cool Fonts

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 11.0 یا بالاتر

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

ویژگی های کلیدی:

• رابط کاربری ساده و آسان برای استفاده.
• چندین سبک فونت برای انتخاب
• متن را به راحتی کپی و جایگذاری کنید.

برنامه فونت Fonts for iPhone & Keyboards

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 12.0 یا بالاتر

برنامه Fonts for iPhone & Keyboards ظاهر صفحه کلید آیفون شما را تغییر می دهد. این برنامه فونت جالب برای آیفون بهترین فونت ها را برای هر برنامه پیام رسانی ارائه می دهد. شما می توانید سبک منحصر به فرد و جذاب خود را برای استوری های اینستاگرام خود با فونت های فانتزی داشته باشید. علاوه بر این، این برنامه دارای مجموعه بزرگی از آیکون ها و ایموجی ها است که می توانید با پیام های خود از آن ها استفاده کنید.

ویژگی های کلیدی:

• مجموعه عظیمی از فونت ها و شکلک های جالب.
• می توانید پروفایل رسانه های اجتماعی خود را با فونت های فانتزی جذاب کنید.
• سازگار با اکثر برنامه های پیام رسان.

فونت آیفون Stylish Text – Fonts Keyboard

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 12.0 یا بالاتر

این فونت دارای یک کتابخانه سبک متن یونی کد خیره کننده است که به شما امکان می دهد عبارات خاصی را در پیام ها برجسته کنید. همچنین دارای بیش از 110 نوع متن جالب و 15 نوع استایل اعداد مختلف است. می توانید با Stylish Text برای هر کسی در اینستاگرام، اسنپ چت، واتساپ و بسیاری از پلتفرم های اجتماعی دیگر، متن ارسال کنید.

ویژگی های کلیدی:

• 110+ سبک متن شگفت انگیز و 15+ سبک اعداد.
• 60 سبک هنری پیچیده.
• صفحه کلید متنی شیک.

فونت Font Changer : Custom Keyboard

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 12.0 یا بالاتر

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

ویژگی های کلیدی:

• بیش از 100 تم صفحه کلید جالب.
• بیشتر از 150 نوع فونت متن شیک.
• امکان اشتراک مستقیم GiF از صفحه کلید.

برنامه فونت Fonts for You برای آیفون

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 11.0 یا بالاتر

برنامه Fonts for You بیش از 100 فونت منحصر به فرد و شیک از جمله خط شکسته، گوتیک، پررنگ، مورب، وارونه و غیره را ارائه می دهد. این برنامه با اکثر برنامه های پیام رسانی مانند فیسبوک، اینستاگرام، اسنپ چت و بسیاری از پلتفرم های اجتماعی دیگر به راحتی کار می کند. علاوه بر این، این برنامه تم های رنگی مختلفی از صفحه کلید را ارائه می دهد.

ویژگی های کلیدی:

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

برنامه فونت Cool Fonts Keyboard

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 11.0 یا بالاتر

این برنامه بهترین فونت های آیفون را دارد و دلیل محبوبیت آن سبک فونت های زیبا و تم های صفحه کلید منحصر به فرد است. برنامه Cool Fonts Keyboard تقریباً با هر پلتفرم پیام رسانی سازگار است. این برنامه با بیش از 150 سبک فونت و 180 تم صفحه کلید، تجربه تایپ درجه یکی را ارائه می دهد. این برنامه دارای رابط کاربر پسند و گزینه های سفارشی سازی برای فونت ها و صفحه کلید است.

ویژگی های کلیدی:

• بیش از 150 فونت نوشتاری و بیش از 180 تم صفحه کلید.
• رابط کاربری انعطاف پذیر و آسان برای استفاده.
• فونت ها با هر برنامه ای سازگار هستند.

نرم افزار فونت AnyFont

قیمت:	رایگان (دارای خرید های درون برنامه ای)
سازگاری:	iOS 12.0 یا بالاتر

AnyFont در مقایسه با برنامه هایی که قبلاً در لیست ذکر شد متفاوت است. برخلاف سایر برنامه های موجود در لیست، AnyFont با برنامه های پیام رسانی مانند مسنجر، توییتر و غیره سازگار نیست. این برنامه به شما امکان می دهد از قالب های TrueTypeFont- (.ttf)، OpenTypeFont- (.otf) یا TrueType Collection- (.ttc) استفاده کنید. گوشی آیفون یا آیپد شما می تواند از فونت های این نرم افزار در، ورد، پاور پوینت، اکسل، صفحات تلفن، مخاطبین، نوت و غیره استفاده کند.

ویژگی های کلیدی:

• بیش از 1000 پکیج فونت.
• رابط کاربری آسان با آموزش های مقدماتی.
• نصب چند فونت یا تک فونت همزمان کنید.

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

منبع:

applavia.com

معرفی ویژگی های مربوط به تایپوگرافی در Css

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

خصوصیات تایپوگرافی در CSS

دو گروه اصلی از ویژگی های CSS وجود دارد که سبک تایپوگرافی را کنترل می کنند: فونت و متن. گروه ویژگی های فونت CSS ویژگی های کلی فونت مانند استایل فونت و وزن فونت را دیکته می کنند. در زیر عنصر p را مشاهده خواهید کرد که دارای یک سبک فونت و یک ویژگی وزن فونت است.

p {
  font-style: oblique;
  font-weight: bold;
}

گروه ویژگی های متن CSS با کاراکتر ها، فاصله ها، کلمات و پاراگراف ها سروکار دارد. به عنوان مثال، ویژگی text-indent خط اول یک بلوک متن را دارای فرورفتگی می کند. همچنین ویژگی فاصله بین حروف، فاصله بین یک بلوک متنی را کنترل می کند. در زیر، عنصر p را با یک تورفتگی متن و یک ویژگی فاصله بین حروف مشاهده خواهید کرد.

p {
  text-indent: 50px;
  letter-spacing: 2px;
}

خصوصیات CSS دیگری نیز وجود دارد که می تواند بر تایپوگرافی وب خارج از فونت ها و گروه های ویژگی متن تأثیر بگذارد. به عنوان مثال، ویژگی color یا رنگ پیش زمینه عنصر HTML را کنترل می کند و می تواند برای تغییر رنگ متن استفاده شود. در زیر، عنصر p را با رنگ قرمز خواهید دید.

p {
  color: red;
}

اندازه فونت

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

h6 {
  font-size: 12pt;
}

در بالا عنصر عنوان سطح 6 را روی 12pt تنظیم می کند. برای مقادیر اندازه فونت، 4 نوع واحد اندازه گیری وجود دارد.

اندازه مطلق

این ها کلمات کلیدی استانداردی هستند که مقادیر آن ها توسط Agent کاربر (به عنوان مثال، مرورگر وب) تعریف شده است. مقادیر در مشخصات W3C CSS 2.1 xx-small، x-small، small، medium، large، x-large، xx-large هستند.

اندازه نسبی

کلمات کلیدی استاندارد که به فونت ها بر اساس عنصر والد اندازه می دهند. این ها نیز توسط user agent تعریف می شوند. مقادیر قابل استفاده در این بخش “بزرگ تر” و “کوچک تر” هستند. در زیر خواهید دید که یک عنصر پاراگراف در داخل یک عنصر والد(<div>) که اندازه آن 12pt است (در فایرفاکس) چگونه به نظر می رسد.

div {
  font-size: 12pt;
}
p {
  font-size: large;
}

هر دو گروه ویژگی های Css اندازه تایپوگرافی کلمات کلیدی (اندازه مطلق و اندازه نسبی) می توانند بین مرورگر های مختلف بسیار متفاوت باشند، بنابراین اگر هدف شما این است که بی عیب و نقص باشید، ممکن است این دو گزینه خوبی نباشند و اکثر طراحان وب به طور کلی از آن ها اجتناب می کنند. با این حال، کلمات کلیدی کوچک تر و بزرگ تر می توانند برای اندازه نسبی مناسب زمانی که نسبت های دقیق برای طراحی مهم نیست، عالی باشند.

مقادیر بزرگ تر و کوچک تر اندازه فونت عنصر والد را به ارث می برند و سپس اندازه قلم عنصر هدف را به طور نسبی تنظیم می کنند. برای مثال، اگر مقدار عنصر والد روی کوچک تنظیم شود، کلمه کلیدی بزرگ تر عنصر فرزند را بزرگ تر می کند. برای اکثر مرورگرها، تغییر نسبت به واحدهای دقیق حدود 1.2 واحد است، اگرچه این نسبت در بین همه مرورگرها سازگار نیست. به عنوان مثال، اگر متن روی 12pt تنظیم شود، کلمه کلیدی بزرگتر اندازه متن عنصر فرزند را به حدود 12pt x 1.2 تغییر می دهد (بسته به مرورگر)، که برابر با 14.4pt است.

طول مطلق

طول های مطلق اندازه های تحت اللفظی هستند. برای مثال 12 پیکسل دقیقاً 12 پیکسل و 2 اینچ دقیقاً 2 اینچ است. طول مطلق اغلب توسط طراحان وب استفاده می شود. مقادیر ممکن برای واحدهای طول مطلق عبارتند از: pt، px، mm، cm، in و pc. میلی‌متر (میلی‌متر)، سانتی‌متر (سانتی‌متر) و اینچ (اینچ) برای ابعاد فیزیکی و واقعی مناسب‌تر هستند و واحدهای اندازه‌گیری هستند که اغلب در طراحی چاپ استفاده می‌شوند. آن ها برای اندازه گیری های مبتنی بر صفحه نمایش به دلیل تنوع زیاد وضوح صفحه نمایش مناسب نیستند.

نقاط (pt) و (pc) اگرچه بهتر از mm، cm و in هستند، اما می توانند از نظر بصری بر اساس dpi مرورگر یا دستگاه متفاوت باشند. بنابراین، هنگام استفاده از طول های مطلق، پیکسل ها (px) کمترین مشکل را دارند. با این حال، یکی از مشکلات px این است که نسخه های قدیمی IE نمی توانند اندازه آنها را به صورت بومی تغییر دهند. اگر برای مخاطبانی که احتمالاً اندازه متن را به صورت دستی از طریق مرورگر وب خود تغییر می دهند، توسعه داده می شود، واحد اندازه گیری px ممکن است گزینه خوبی نباشد. هنگام استفاده از px برای اندازه فونت مطمئن شوید که در دسترسی مشکلی ندارد.

طول نسبی

نوع دیگر واحدهای اندازه تایپوگرافی در Css، طول های نسبی هستند. این بدان معنی است که اندازه آن ها به اندازه فونت اختصاص داده شده به عنصر والد آن ها بستگی دارد. واحدهای ممکن em، % و ex هستند. طراحان وب زیادی از ex استفاده نمی کنند. اندازه تقریبی آن ارتفاع حرف “x” در فونت فعلی است. کار کردن با مقادیر em و % بسیار ساده تر است. em و % یکسان عمل می کنند و این فقط به خاطر syntax آن ها است:

• 0.5em برابر با 50% است
• 1em برابر با 100% است
• 0.2em برابر با 20٪ است
• 0.73em برابر با 73% است
• 2.21em برابر با 221٪ است

نحوه استفاده از آن ها در کد:

html, body {
  font-size: 85%; /* = (.85em) */
}

h1 {
  font-size: 110%; /* = (1.1em) */
}

نسبت ها همگی به اندازه فونت والد عنصر مربوط هستند. بنابراین، اگر اندازه فونت پایه (در بدنه یا html) روی 80٪ تنظیم شده باشد، یک فرزند با اندازه فونت 0.2em یا 20٪ همان 20٪ ارتفاع از 80٪ اصلی را خواهد داشت.

پشته فونت ها

پشته‌های فونت CSS فهرستی از فونت‌ها هستند که شامل فونت‌ هایی می‌شوند که در سیستم‌عامل‌ها و پلتفرم‌های مختلف با هدف سازگار کردن تایپوگرافی تا حد امکان، به خوبی کار می‌کنند. در ادامه نمونه ای از پشته فونت آمده است:

body {
  font-family: Georgia, Times, "Times New Roman", serif;
}

در مثال بالا، مرورگر وب از چپ به راست می رود تا زمانی که فونتی را در رایانه کاربر پیدا کند. برای مثال فونت جورجیا را جستجو می کند و اگر آن را پیدا نکرد به فونت Times و … می رود. گزینه‌های زیادی برای ایجاد پشته‌های فونت وجود دارد و تعداد زیادی پشته فونت از پیش ساخته شده در وبلاگ‌ها و IDE‌هایی مانند Dreamweaver موجود است.

ایده پشته فونت این است که فونت‌های ایده‌آلی را ارائه کند که در بسیاری از رایانه‌ها در دسترس باشد و سپس فونت‌های بازگشتی در پشت آن‌ها ارائه شود تا در صورت در دسترس نبودن فونت ترجیحی، به آن تغییر پیدا کند. یک هدف خوب، ایجاد تایپوگرافی زیبا برای طیف گسترده ای از کاربران است، اما همچنین شرایطی را که فونت css ترجیحی برای همه کاربران در دسترس نیست، در نظر بگیرید. هنگام ایجاد پشته های فونت سفارشی باید چند نکته کلیدی را در نظر داشته باشید:

1. باید مقدار مناسبی از فونت های بازگشتی در آن وجود داشته باشد. در مثال بالا فقط سه مورد را فهرست می کند، اما اگر تعداد بیشتری وجود داشته باشد، ایده آل تر خواهد بود.
2. فونت های انتخاب شده باید در تعدادی از پلتفرم ها در دسترس باشند. به عنوان مثال، Arial به طور گسترده در ویندوز استفاده می شود، در حالی که معادل نزدیک آن، Helvetica، تقریباً در تمام مک ها وجود دارد.
3. برای پشته‌های فونت‌هایی که کاربران لینوکس را در خود جای می‌دهند، توجه به نکات مربوط به فونت ها در لینوکس بسیار مهم است.

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

منبع: webfx.com

وب سایت هایی که بهترین اندازه را برای تایپوگرافی دارند

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

نکته ای که توجه به آن مهم است این است که وقتی اندازه فونت را انتخاب می کنید، نمی توانید به تنهایی روی اندازه های دسکتاپ آن تمرکز کنید. طراحی وب ریسپانسیو مستلزم آن است که اندازه فونت ها را برای اندازه های مختلف صفحه نمایش و دستگاه ها کامپایل کنید تا از بهینه ترین خوانایی برای آن ها اطمینان حاصل کنید. در زیر تصویری از یک مقاله وبلاگ (که دیگر وجود ندارد) از Typecast آمده است که اندازه فونت برای H1s تا H4s، پاراگراف ها و نقل قول ها را مشخص می کند. وب سایت هایی که از اندازه های استاندارد و یا سفارشی خود استفاده می کنند تا بهترین تایپوگرافی را دارند باشند، بسیار منحصر بفرد شناخته می شوند.

حتما متوجه خواهید شد که H5 و H6 در این تصویر حذف شده اند، اما دلیل آن این است که این برچسب ها معمولاً تگ های عنوانی هستند که زیاد استفاده نمی شوند و اندازه فونت های کوچکتری نسبت به بدنه دارند و کمتر از حد معمول استفاده می شوند (پی نوشت ها، اطلاعات حق کپی رایت و غیره).

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

اگر کنجکاو هستید که وب‌سایت‌ های برتر چگونه بهترین اندازه فونت را در تایپوگرافی وب‌سایت خود نشان می‌دهند، ما 9 نمونه وب‌سایت را گردآوری کرده‌ایم که نشان می‌دهد از چه وزن، سبک و اندازه فونت تایپوگرافی ایده‌آل باید برای بهبود UX استفاده شود.

1. Smashing Magazine

مجله Smashing با استفاده از یک san-serif بزرگ برای تیتر ها و یک سریف برای پاراگراف ها، تمایز بین بخش های مختلف و بررسی یک مقاله را آسان کرده است. فونت بدنه مقاله وبلاگ آن ها نیز 21 پیکسل بزرگ است و آن را به یکی از بزرگ ترین و خوانا ترین وبلاگ هایی تبدیل می کند که تا به حال با آن برخورد کرده ام. در تلفن همراه، آن ها اندازه فونت را به اندازه مناسب 18 پیکسل کاهش می دهند و هر گونه مشکل خوانایی را برای مخاطبان تلفن همراه خود کاهش می دهند.

2. The Economist

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

3. 1stWebDesigner

وب سایت 1stWebDesigner با استفاده از اندازه فونت و سلسله مراتبی که به کار برده، ترکیب بسیار خوبی ارائه می دهد تا بهترین اندازه را برای تایپوگرافی عنوان وبلاگ داشته باشد تا اولین چیزی باشد که می خوانید. همچنین، استفاده از drop cap (در این مورد، حرف بزرگ در ابتدای بدنه مقاله وبلاگ) به عنوان یک پایه آشنا عمل می کند که نشان دهنده شروع مقاله وبلاگ است.

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

4. TechCrunch

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

5. Wired

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

6. Quartz

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

7. Medium

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

8. The Skimm

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

9. FastCompany

Fast Company صفحه فرود خود را برای اشتراک مجله، کوتاه و دقیق نگه می دارد. رنگ های تیره تر H1 و نقاط مشخص کننده لیست ها به کاربران کمک می کند ابتدا بفهمند که 19.99 دلار در ماه به کجا می رود. آزمون خاکستری، اما بزرگ تر کمی با پس زمینه ترکیب می شود، اما به عنوان یک ارزش پیشنهادی دقیق تر برای موضوعاتی که می توانند انتظار داشته باشند عمل می کند.

سخن آخر

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

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

منبع: impactplus.com

نحوه انتخاب فونت مناسب در طراحی لوگو + نکاتی که باید بدانید!

فونت یک لوگو فراتر از فقط نام یک شرکت است. فونت ها حس سبک و شخصیت یک برند را برقرار می کنند. فونت های لوگو تأثیر مستقیم بر افکار و احساسات مخاطبان دارند. وقتی به لوگو فکر می کنیم، ذهن ما اغلب به سمت عناصر گرافیکی یا تصویری می رود. انتخاب فونت مناسب در طراحی لوگو شما از اهمیت زیادی برخوردار است، زیرا اطلاعات مهمی مانند نام و کسب و کار شما را منتقل می کند.

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

انواع اصلی فونت لوگو

فونت Serif

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

فونت Sans-Serif

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

فونت Slab serifs

این فونت از تاثیرگ ذار ترین و مهم ترین فونت ها است. اغلب در بیلبورد ها، پوستر ها و غیره استفاده می شود. فونت Slab serifs تقریباً همیشه جلوه ای پر نعمت را برای طراحی به ارمغان می آورد.

فونت Script

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

فونت دست نویس

این فونت ها حالت خوش نویسی دارند و از فونت های Serif و Sans-Serif ظریف تر هستند. این فونت ها برای کسب و کار های مربوط به زنان بسیار مناسب هستند. اما باید دقت کنید که خوانا باشند.

فونت تزئینی

این فونت ها برای طراحی لوگو بسیار جالب و جذاب هستند. چون می توانند به لوگو هویت و شخصیت بدهند.

نحوه ترکیب فونت ها در یک لوگو

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

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

در انتخاب فونت لوگو به چه مواردی باید توجه کنیم؟

1. خوانایی را در اولویت قرار دهید

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

 در اینجا چند نکته مفید در مورد خوانایی وجود دارد:

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

2. یک فونت نازک را با یک نماد یا یک مونوگرام ترکیب کنید

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

می بینید که مونوگرام سمت راست به عنوان عکس پروفایل شبکه های اجتماعی چقدر تأثیرگذارتر و خواناتر است؟ در حالی که لوگو در سمت چپ به سختی قابل مشاهده است.

3. از فونت ساده استفاده کنید

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

4. ببینید رقبای شما از چه فونت هایی استفاده می کنند

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

5. بیش از حد از فونت ها استفاده نکنید

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

6. از فونت های مد روز استفاده نکنید

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

7. رنگ فونت مناسب در طراحی لوگو

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

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

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

منبع: looka.com – logaster