معمولاً زیاد می شنویم که نباید یک کتاب را از روی جلد آن قضاوت کنیم، اما توجه نکردن به آن، کار بسیار سختی است. اغلب اولین چیزی که توجه ما را جلب می کند طرح روی جلد کتاب است و همه ما می دانیم که اولین برداشت بسیار مهم است. به همین دلیل است که داشتن یک جلد معنی دار که بینشی از محتوای کتاب به مخاطب می دهد و مانند یک مثال از محتوای کتاب است، بهترین راه برای رسیدن به یک بینش خوب از محتوای کتاب سرگرم شدن با تایپوگرافی جلد کتاب است.
تایپوگرافی می تواند ظاهر جلد کتاب را جذاب یا خراب کند. جلد کتاب با یک تایپوگرافی هوشمند یا خلاقانه می تواند بیننده را در یک لحظه درگیر کرده و به او کمک کند تصمیم بگیرد که آیا می خواهد درباره کتاب بیشتر بیاموزد یا خیر. در دنیای طراحی های مربوط به جلد کتاب، همه چیز با کنجکاوی شروع می شود و شما فقط چند ثانیه فرصت دارید تا توجه خواننده را به خود جلب کنید. یک طراحی عالی باعث می شود افراد تمایل بیشتری به دیدن کتاب شما داشته باشند.
در ادامه ما چند مثال از تایپوگرافی جلد کتاب های معروف را برای شما آماده کرده ایم. شما می توانید از این مثال ها ایده بگیرید و دریابید، چگونه یک جلد با بهترین تایپوگرافی برای یک کتاب پر فروش ایجاد کنید. پس بیایید نگاهی به بهترین مثال های موجود از تایپوگرافی جلد کتاب بیندازیم تا کمی الهام گرفته و یاد بگیریم که چگونه جلد کتابی به یاد ماندنی و جذاب ایجاد کنیم.
تایپوگرافی جلد کتاب “Eat, Pray, Love” اثر Elizabeth Gilbert
“Eat, Pray, Love” به معنی بخور، دعا کن، عشق بورز یکی از نمادین ترین و بهترین مثال ها از تایپوگرافی جلد کتاب است. در این طراحی هر کلمه معنای خود را با عناصر ساده و در عین حال قدرتمند نشان می دهد و تقویت می کند. حتی پس از خواندن آن، متوجه می شوید که چگونه این تصویر ساده، داستان کتاب را پیش بینی می کند.
تایپو گرافی زیبای این جلد توسط هلن ینتوس، طراحی شده و بسیار ساده است. اما این تایپوگرافی پیامی قدرتمند داشته و به موفقیت جهانی، کتاب پرفروش الیزابت گیلبرت کمک کرده است.
کتاب “Extremely Loud and Incredibly Close” اثر Jonathan Safran Foer
جلد این کتاب یک مثال قدرتمند از بازی با تایپوگرافی بوده و فونت جسورانه و رنگ های تند آن به بهترین شکل در هم آمیخته شده اند. طرح این جلد به شکل دستی است که تقریباً خیلی نزدیک به چشم مخاطب دیده می شود.
معمولاً یک کتاب پر فروش جلدی دارد که شما را کنجکاو می کند و این بهترین انتخاب برای چنین کتاب هیجان انگیزی است.
این تایپوگرافی زیبا توسط طراح معروف جلد کتاب، جان گری، طراحی شده است. کسی که برخی از برجسته ترین جلد های کتاب در سال های اخیر را طراحی کرده و طراحی هایی او بر روی آثار برجسته ترین نویسندگان و ناشران دنیا قرار دارند.
سبک طراحی او یک ترند جدید برای طراحی جلد کتاب تعیین کرده است، بنابراین قابل درک است که چرا کار در میان تایپوگرافی های جلد مورد علاقه ما قرار گرفته است.
کتاب “On Gravity” اثر A. Zee
جلد این کتاب یک مثال طراحی عالی از یک تایپوگرافی قدرتمند و بازی با حروف است. تایپوگرافی جلد کتاب “On Gravity” اثر فیزیکدان مشهور A. Zee است، که نظریه نسبیت انیشتین را به تصویر می کشد. تایپوگرافی جلد این کتاب چیزی را نشان می دهد، که ما را از وزن موضوع آگاه می کند و ایده این که هیچ چیز نمی تواند از جاذبه فرار کند، حتی جلد این کتاب را تقویت می کند.
طراح این جلد Jason Alejandro از انتشارات دانشگاه پرینستون به دلیل استفاده زیاد از این نوع تایپوگرافی ها در کار خود شناخته شده است. او سبک منحصر به فردی دارد که باعث می شود یک کتاب در نظر اول برای مخاطب جذاب و دلربا باشد.
جلد کتاب “Competition” اثر James Case
از آنجایی که همه چیز در این کتاب به شکل یک مسابقه است، حروف در جلد آن نیز به نظر می رسد که برای گرفتن جایزه بهترین تایپوگرافی جلد کتاب با هم رقابت می کنند.
این جلد سیاه و سفید زیبا، یک مثال عالی از تایپوگرافی است که نشان می دهد جلد یک کتاب هم می تواند احساسات مخاطب را بر انگیزد.
حتی لایه بندی حروف روی جلد هم حالت رقابتی آن را نشان می دهد. دقیقاً جایی که حروف برای ماندن در بالای صفحه با هم می جنگند و راه خود را از میان بقیه حروف جلو می برند، حس رقابت منتقل می شود.
فونت جلد کتاب “The Mayor’s Tongue” اثر Nathaniel Rich
تایپوگرافی جلد این کتاب توسط تونی سالینین انجام شده و یک مثال عالی از جلدی است که موضوع کتاب را به بهترین نحو تداعی می کند.
تصویر روی جلد این کتاب موضوع و عنوان را به طور خلاقانه و منحصر به فردی در هم آمیخته است. جلد شگفت انگیز، در عین حال قدرتمند و معمایی آن، از حروف ناهموار برای نشان دادن رمز و راز و هرج و مرج استفاده می کند، بدون اینکه محتوای کتاب را رمزگشایی کند.
تایپوگرافی جلد”The Courage of Hopelessness” اثر Slavoj Zizek
بازی با کلمات در تایپوگرافی جلد کتاب ها به یاد ماندنی هستند و در صورت استفاده صحیح، پیامی قدرتمند ارسال می کنند. این کتاب با مرتب کردن کلمات و حروف، عنوان خود را طوری چیده که بتوان آن را به بیش از یک روش خواند.
در طراحی های ریچارد گرین که شجاعانه با معنی کلمات و متضاد آن ها بازی می کند، عصر امید را خط می زند و تبدیل به شجاعت ناامیدی می کند، که عنوان واقعی کتاب می شود.
طرح جلد “An Unkindness of Magicians” اثر Kat Howard
تایپوگرافی های تزئین شده با گیاه در سال های گذشته محبوبیت زیادی دست یافته اند، در اینجا یک نمونه منحصر به فرد و تک رنگ از آن وجود دارد.
سطح جزئیات در تصویر جلد طراحی شده این کتاب توسط “لیزی بروملی” قابل توجه است و این احتمالاً یکی از بهترین، زیباترین و مسحور کننده ترین مثال ها از طراحی یک جلد زیبا با تایپوگرافی مینیمال است.
این جلد شما را فوراً به فضای کتاب منتقل می کند و حال و هوای معمایی و جذاب آن را به شما نشان می دهد.
یک جلد زیبا با یک تایپوگرافی تمیز به همراه لایه هایی از جزئیات مصور به تصویر ما از کتاب عمق می دهد و نشان می دهد که همیشه چیز هایی بیش از آنچه چشم ها می توانند ببینند هم وجود دارد.
کتاب “Too Big to Fail” اثر Andrew Ross Sorkin
بهترین طرح ها برای جلد یک کتاب اغلب پیشنهادی ترین و راحت ترین طرح ها هستند. در حقیقت با یک تایپوگرافی ساده، شما می توانید عنوان آن را در کسری از ثانیه بخوانید و درباره موضوع کتاب ایده بگیرید.
تایپوگرافی زیبای کارلا بولته، به شکلی است که به نظر می رسد تایپوگرافی بزرگ روی جلد تعادل خود را از دست داده و در حال سقوط است. این ایده کاملاً نشان می دهد که هیچ چیز آنقدر بزرگ نیست که شکست نخورد.
کتاب “The Invention of Murder” اثر Judith Flanders
این یک مدل تایپوگرافی جلد کتاب با تمام جزئیات ویکتوریایی است. این جلد، اسرار آمیز و جذاب بوده و موضوع کتاب را تقویت می کند و به شما ایده می دهد که چه چیزی در انتظار شماست.
سایه های تیره، تزئینات ویکتوریایی، جمجمه و بافتهای قدیمی ایده اصلی کتاب را کامل می کنند و فضایی ایجاد می کنند که شما را در مورد داستان کنجکاو می کند.
کتاب “The Innovator’s Cookbook” اثر Steven Johnson
تایپوگرافی سه بعدی برای ایجاد عمق بسیار عالی است و می تواند نشان دهد که چیز های بیشتری نیز در صفحات یک کتاب کشف می شود. در اینجا جلد کتاب افسانه ای دیگری را داریم که توسط طراح معروف هلن ینتوس ایجاد شده است.
فرآیند ایجاد این جلد هنری نوآورانه ترکیبی از اجزای دیجیتال و غیر دیجیتال است، زیرا نتیجه نهایی با طرحی از عنوان کتاب به شکل سه بعدی به وجود آمده.
تایپوگرافی جلد کتاب “The Complete Poetry” اثر Edgar Allan Poe
در اینجا ما یک جلد کتاب دایم که به زیبایی طراحی شده است و کلاغ در آن، نماد نویسنده کتاب است.
این کلاغ نمادین آنقدر شناخته شده است که شما را فوراً به دنیای تاریک و دراماتیک ادگار آلن پو منتقل می کند.
طراحی تایپوگرافی دست نویس و تک رنگ در داخل تصویر کلاغ سیاه نیز بهترین راه برای توصیف کار نویسنده است.
نمونه فونت جلد کتاب “In the Woods” اثر Tana French
این کتاب دارای یک تایپوگرافی گیاهی، زیبا و دقیق است که شما را از جلد مستقیماً به فضای رمان منتقل می کند. جنیفر وانگ آن را با توجه زیاد به جزئیات و طعم سرد رمان طراحی کرده.
تایپوگرافی گیاهی طور تقریباً کل جلد کتاب را تسخیر کرده است. بنابراین باید دو بار به آن نگاه کنید تا بتوانید آن را درست بخوانید، درست مانند مطالب خود کتاب.
کتاب “How to Behave in a Crowd” اثر Camille Bordas
همانطور که در برخی از نمونه ها می بینید، بازی با حروف و معنای آن ها تبدیل به بهترین و قابل توجه ترین ترند در مثال های تایپوگرافی جلد کتاب شده است. یکی از ضروری ترین نکات در طراحی جلد کتاب می گوید که نباید کار خود را بیش از حد شلوغ کنید، مگر اینکه موضوع کتاب دقیقاً همین باشد.
کانسپت و اجرای تایپوگرافی این جلد کار کریستوفر برند است که نقطه ها را برای ایجاد احساس با این اثر زیبا به هم متصل کرده است.
جلد کتاب “Bangkok Wakes to Rain” اثر Pitchaya Sudbanthad
لایه لایه های سبز رنگ، عکس طاووس و همچنین تایپوگرافی جلد این کتاب شما را محو خود می کند.
این جلد برجسته که توسط گریس هان، طراح ارشد کتاب های ریورهد طراحی شده است، با الهام از رنگ های طبیعت، تا مدت ها پس از بستن کتاب در خاطر شما می ماند.
بررسی تایپوگرافی جلد سری کتاب های “The Dune” اثر Frank Herbert
سری کتاب های Dune به عنوان یکی از خارق العاده تری نسری های کتاب در تمام دوران است. این سری کتاب طرح های جلد به یاد ماندنی متعددی داشته، اما به نظر من این مدل تایپوگرافی عمودی مینیمالیست آن، از همه طراحی های دیگر جذاب تر است.
این سری جلد های جدید که توسط جیم تیرنی طراحی شده است، بدون اینکه خیلی گرافیکی یا شلوغ باشد، توانسته ماهیت رمان را به تصویر بکشد.
این جلد ها با رنگ های نئونی و سیلوئت های مصور کوچک که خود را بین حروف Dune گم می کنند، داستان را کامل می کنند و هر بار که آن ها را ببینید لبخند زده و کتاب را به یاد می آورید.
کتاب “Metamorphosis” اثر Franz Kafka
در این جلد افسانه ای، حروف دگرگون شده اند تا به شما این حس را بدهند که چه چیزی زیر پوست کتاب می خزد. درست مانند شخصیت های فرانتس کافکا و گرگور، عنوان این کتاب نیز به چیز دیگری تبدیل می شود و هر چه بیشتر به آن نگاه می کنید، مجذوب تر می شوید.
جلد زیبا که توسط جیمی کینان طراحی شده است، می تواند شما را در جزئیات گم کند و تجربه حماسی را که خواندن رمان است کامل می کند.
جلد کتاب “An Object of Beauty” اثر Steve Martin
در اینجا یک جلد کتاب با تایپوگرافی بسیار زیبا وجود دارد که ما را به دنیای جذاب هنر و نقاشی می برد. An Object of Beauty توسط دارن بوث برای تقلید از بوم واقعی نقاشی با تمام بافت ها و لایه های رنگی طراحی شده است.
این نمونه خوبی از یک جلد کتاب مینیمالیستی است، که در عین حال بسیار پیچیده و زیباست. این جلد داستانی را در مورد هنر و دنیای هنر بیان می کند که قبلاً هرگز آن را نمی دانستیم.
کتاب “The Way Through Doors” اثر Jesse Ball
اگر طرح جلد کتاب شما مفهومی عالی در زیر خود دارد، می توانید چند قانون طراحی و تایپوگرافی را زیر پا بگذارید. مثلاً لازم نیست همه عناوین در نگاه اول خوانا باشند.
گاهی اوقات، لازم است بیننده را وادار کنید دوباره نگاهی بیندازد، یا حتی کتاب را باز کنید تا ببینید در مورد چیست.
به یاد داشته باشید، هنگام طراحی بهترین تایپوگرافی جلد کتاب مهم ترین چیز تحریک کنجکاوی مخاطب است. این مفهوم توسط طراحان Jason Booher و Helen Yentus به شکلی عالی انجام شده است و شما را به قدری کنجکاو می کند، که دو بار به کتاب نگاه کنید.
فونت جلد کتاب ” ?But What If We’re Wrong” اثر Chuck Klosterman
گاهی اوقات، تنها کاری که باید انجام دهید این است که یک دیدگاه متفاوتی داشته باشید. اگر همه چیز هایی که فکر می کردید درست است، واقعاً اشتباه باشد چه؟
در اینجا یک جلد کتاب عالی داریم که در آن همه چیز وارونه است، و این وارونگی یک استعاره عالی برای محتوای کتاب است.
پل شار با متعجب کردن مخاطب و دادن یک پیچ و تاب ساده به ماهیت کتاب کار بزرگی انجام داد. او بدون تصویر، بدون رنگ و بدون فونت خاص فقط یک عنوان سیاه را در پس زمینه سفید، وارونه شده قرار داد و تاثیر آن قابل توجه بود.
تایپو گرافی جلد The Bed Moved اثر Rebecca Schiff
جانت هنسن همیشه راه های جدیدی برای بیان حروف بیشتر از کلمات واقعی آن ها پیدا می کند.
در اینجا یک مثال عالی از جلد کتاب The Bed Moved، از داستان های ربکا شیف آمده است.
حتی با وجود این که همه حروف در حال حرکت هستند، عنوان همچنان خوانا و واضح است و شما را مانند آهنربایی به سمت کتاب جذب می کند.
نتیجه:
همانطور که می بینید، تایپوگرافی جلد کتاب ها می تواند متنوع، سرگرم کننده و خلاقانه باشد و همیشه چیز های بیشتری از آنچه به چشم می آید وجود دارد. اگر تایپوگرافی جلد کتاب به درستی انجام شود، زمان بیشتری در کتاب فروشی ها فروش می رود و تاثیری ماندگار تری می گذارند و جلد با داستان یکی می شود.
تایپوگرافی جزء ضروری طراحی یک وب سایت است. این ضرورت دلیل خوبی دارد: تایپوگرافی خوب نه تنها برای جذابیت بصری سایت ضروری است، بلکه قابلیت خوانایی سایت را در زمانی که مفاهیم خوانایی متن بسیار مهم می شوند، بهبود می بخشد. در طراحی تایپوگرافی همه چیز به تناسبات و فاصله خلاصه می شود. همچنین استایل های فونت مختلفی وجود دارند که باید در نظر بگیرید. تایپوگرافی تأثیر زیادی بر تجربه کاربری و در نهایت شهرت وب سایت کسب و کار شما دارد. اما چگونه می توانیم از 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 آن ها است:
نسبت ها همگی به اندازه فونت والد عنصر مربوط هستند. بنابراین، اگر اندازه فونت پایه (در بدنه یا html) روی 80٪ تنظیم شده باشد، یک فرزند با اندازه فونت 0.2em یا 20٪ همان 20٪ ارتفاع از 80٪ اصلی را خواهد داشت.
پشته فونت ها
پشتههای فونت CSS فهرستی از فونتها هستند که شامل فونت هایی میشوند که در سیستمعاملها و پلتفرمهای مختلف با هدف سازگار کردن تایپوگرافی تا حد امکان، به خوبی کار میکنند. در ادامه نمونه ای از پشته فونت آمده است:
body {
font-family: Georgia, Times, "Times New Roman", serif;
}
در مثال بالا، مرورگر وب از چپ به راست می رود تا زمانی که فونتی را در رایانه کاربر پیدا کند. برای مثال فونت جورجیا را جستجو می کند و اگر آن را پیدا نکرد به فونت Times و … می رود. گزینههای زیادی برای ایجاد پشتههای فونت وجود دارد و تعداد زیادی پشته فونت از پیش ساخته شده در وبلاگها و IDEهایی مانند Dreamweaver موجود است.
ایده پشته فونت این است که فونتهای ایدهآلی را ارائه کند که در بسیاری از رایانهها در دسترس باشد و سپس فونتهای بازگشتی در پشت آنها ارائه شود تا در صورت در دسترس نبودن فونت ترجیحی، به آن تغییر پیدا کند. یک هدف خوب، ایجاد تایپوگرافی زیبا برای طیف گسترده ای از کاربران است، اما همچنین شرایطی را که فونت css ترجیحی برای همه کاربران در دسترس نیست، در نظر بگیرید. هنگام ایجاد پشته های فونت سفارشی باید چند نکته کلیدی را در نظر داشته باشید:
باید مقدار مناسبی از فونت های بازگشتی در آن وجود داشته باشد. در مثال بالا فقط سه مورد را فهرست می کند، اما اگر تعداد بیشتری وجود داشته باشد، ایده آل تر خواهد بود.
فونت های انتخاب شده باید در تعدادی از پلتفرم ها در دسترس باشند. به عنوان مثال، Arial به طور گسترده در ویندوز استفاده می شود، در حالی که معادل نزدیک آن، Helvetica، تقریباً در تمام مک ها وجود دارد.
برای پشتههای فونتهایی که کاربران لینوکس را در خود جای میدهند، توجه به نکات مربوط به فونت ها در لینوکس بسیار مهم است.
ما اصول تایپوگرافی CSS را پوشش داده ایم. استفاده از فونت و آیکون های css از پرکاربرد ترین موارد در طراحی سایت است. با کمی خلاقیت، تایپوگرافی می تواند در مسیرهای زیبا و جالبی با CSS پیش رود. درک CSS بسیار مهم است زیرا چه در حال ساخت یک سایت برای یک زمین گلف باشید یا یک شرکت ثروتمند، با آن مواجه خواهید شد.
تایپ فیس (Typeface) همان فونت است، درست است؟ خیر. اگرچه کلمات اغلب به جای یکدیگر استفاده می شوند، اما بین تایپ فیس و فونت تفاوت وجود دارد و این یک تفاوت ظریف است که گاهی اوقات می تواند گیج کننده باشد. در این مقاله قصد داریم به تفاوت های فونت فیس و فونت و معنای این اصطلاحات بپردازیم تا بتوانید از این عبارات به طور مؤثر استفاده کنید و حرفه ای به نظر برسید!
تفاوت تایپ فیس و فونت چیست؟
در حالی که تایپ فیس مجموعه ای از ویژگی های طراحی برای حروف و سایر کاراکتر های مربوطه است، فونت مربوط به وزن، اندازه و انواع مختلف یک تایپ فیس است.
در ادامه تعریف هر کدام را توضیح می دهیم.
تایپ فیس چیست؟
تایپ فیس مجموعه ای از ویژگی های طراحی حروف و سایر کاراکترها است، مانند وجود یا عدم وجود سریف (Serif)، وزن و تعادل حروف، فاصله و اختلاف ارتفاع بین حروف بزرگ و کوچک.
تایپ فیس ها بر اساس سبکشان دسته بندی می شوند. برخی از رایج ترین انواع تایپ فیس عبارتند از:
تایپ فیس های سریف
تایپ فیس های سریف، همان طور که از نامشان پیداست، حروفی هستند که در انتهای آن ها سریف وجود داشته باشند. تایپ فیس ها و فونت های سریف معمولاً حسی پیچیده و کلاسیک دارند.
تایپ فیس سنس سریف
تایپ فیس سنس سریف برخلاف حروف سریف، حروفی هستند که در انتهای آن ها سریف وجود ندارد و حالتی صمیمانه تر و غیر رسمی دارند.
یکی از شناخته شده ترین تایپ فیس های سنس سریف Helvetica است. موارد دیگر تایپ فیس های این گروه عبارت اند از Verdana و Futura.
تایپ فیس های تزئینی
تایپ فیس های تزئینی، تایپ فیس های جذاب و چشم نواز هستند که نسبت به سریف و سان سریف، جذاب تر هستند.
این فونت ها معمولاً برای نوشتن متن اصلی مناسب نیستند، نه فقط به این دلیل که باعث حواس پرتی می شوند، بلکه به این دلیل که خواندن آنها نیز دشوار است به ویژه وقتی در اندازه های کوچک تر باشند.
در حالی که استفاده از تایپ فیس تزئینی می تواند توجه زیادی را جلب کند، زمانی که در جای مناسب استفاده نشود می تواند زننده باشد.
تایپ فیس اسکریپت
تایپ فیس های اسکریپت شبیه دست خط هستند. یکی از مزیت های تایپ فیس های اسکریپت این است که می توانند نشان دهنده ی دست ساز بودن یک برند باشند.
مانند تایپ فیس های تزئینی، خواندن تایپ فیس های اسکریپت نیز در اندازه های کوچک دشوار است. از آن ها برای جمله ها و پاراگراف های طولانی استفاده نکنید و سعی کنید آن ها را برای لوگو ها، تیتر ها و جمله های کوتاه استفاده کنید.
فونت چیست؟
فونت حالات مختلفی از وزن و اندازه یک تایپ فیس است. بنابراین وقتی یک تایپ فیس را ایتالیک (italic)، بولد (bold) کرده و یا فاصله بین حروف را کم کنید به آن فونت می گویند.
تفاوت فونت و تایپ فیس (تاریخچه ای مختصر)
این تفاوت مربوط به زمانی است که متن با استفاده از دستگاه تایپ نوشته می شدند. به همین سبب، برای متن های مختلف، حروف به طور جداگانه طراحی می شدند که هر کدام ظاهر منحصر به فرد خود را داشتند.
با گذر زمان این حروف به تایپ معروف شدند. سپس برای هر یک از این تایپ ها، حالت های مختلف دیگری طراحی شد که امروزه به عنوان فونت می شناسیم.
پس از اینکه با اصطلاحات تایپ فیس و فونت آشنا شدید، احتمالا با واژه تایپوگرافی نیز مواجه خواهید شد. برای اطلاعات بیشتر در این زمینه می توانید مقاله تایپو گرافی چیست؟را مطالعه نمایید.
امیدوارم این مقاله برایتان مفید باشد و به شما کمک کرده باشد تفاوت تایپ فیس و فونت را درک کرده باشید. موفق و پیروز باشید.
فونت یک لوگو فراتر از فقط نام یک شرکت است. فونت ها حس سبک و شخصیت یک برند را برقرار می کنند. فونت های لوگو تأثیر مستقیم بر افکار و احساسات مخاطبان دارند. وقتی به لوگو فکر می کنیم، ذهن ما اغلب به سمت عناصر گرافیکی یا تصویری می رود. انتخاب فونت مناسب در طراحی لوگو شما از اهمیت زیادی برخوردار است، زیرا اطلاعات مهمی مانند نام و کسب و کار شما را منتقل می کند.
فونت لوگو همان چیزی است که مخاطبان بیشتر با نام برند شما آن را مرتبط می دانند. به همین دلیل مهم است، زیرا مشتریان نه تنها برای اولین بار بلکه در بازدید های مکرر آن را مشاهده می کنند. ما در این مقاله نکات و راهنمایی ها را برای کمک به شما در انتخاب فونت مناسب لوگو تهیه کرده ایم. در ادامه با همراه باشید.
انواع اصلی فونت لوگو
فونت Serif
فونت های سریف کلاسیک، سنتی و از اصلی ترین فونت ها هستند. یک کشیدگی در انتهای حروف فونت سریف دیده می شود. این فونت جزو معتبر ترین یا محافظه کار ترین نوع فونت محسوب می شود و یک جلوه قابل اعتماد به برند تان می دهد.
فونت Sans-Serif
فونت های سنس سریف هنوز هم اقتصادی ترین، کارآمد ترین، تمیز ترین و مدرن ترین انتخاب محسوب می شوند. آن ها در اندازه های مختلف قابل خواندن هستند. از این فونت ها تقریبا برای هر کسب و کاری می توان استفاده کرد.
فونت Slab serifs
این فونت از تاثیرگ ذار ترین و مهم ترین فونت ها است. اغلب در بیلبورد ها، پوستر ها و غیره استفاده می شود. فونت Slab serifs تقریباً همیشه جلوه ای پر نعمت را برای طراحی به ارمغان می آورد.
فونت Script
فونت اسکریپت تقلید از سبک های نوشتاری تاریخی یا مدرن است. آن ها به نظر می رسد که با سبک های مختلفی از ابزار های نوشتن که شامل قلم های نقاشی هستند، نوشته شده است. خصوصیات نوعی از نوع اسکریپت، پیام های جریان داده شده و تقریبا متصل و شخصیت های گرد و خمیده متصل هستند.
فونت دست نویس
این فونت ها حالت خوش نویسی دارند و از فونت های Serif و Sans-Serif ظریف تر هستند. این فونت ها برای کسب و کار های مربوط به زنان بسیار مناسب هستند. اما باید دقت کنید که خوانا باشند.
فونت تزئینی
این فونت ها برای طراحی لوگو بسیار جالب و جذاب هستند. چون می توانند به لوگو هویت و شخصیت بدهند.
نحوه ترکیب فونت ها در یک لوگو
اول از همه بیش از دو یا سه فونت مختلف در یک لوگو استفاده نکنید. ترکیب طراحی باید سلسله مراتب بصری را حفظ کند تا چشم خواننده به طور واضح بتواند ترتیب قرار گرفتن آن ها را درک کند.
به طور معمول لوگو ترکیبی از متن و عکس یا نماد است. اما نحوه ترکیب آن ها به نوع لوگو شما بستگی دارد. نام اصلی برند باید با یک نوع فونت باشد و متن پشتیبانی کننده، مانند برچسب یا توضیحات برند شما، باید به صورت دیگری باشد. اگر اطلاعات دیگری دارید که می خواهید وارد کنید، به عنوان مثال سال تاسیس، آن ها را کوچک و تمیز طراحی کنید.
در انتخاب فونت لوگو به چه مواردی باید توجه کنیم؟
1. خوانایی را در اولویت قرار دهید
خوانایی چیزی است که باید همیشه در هنگام طراحی لوگو به آن توجه کنید. عناصر بسیار زیادی برای ایجاد یک لوگو خوانا وجود دارد که هویت برند شما را بیان می کند. شما می خواهید متن لوگوی شما قابل خواندن و همچنین به یاد ماندنی و منحصر به فرد نیز باشد.
در اینجا چند نکته مفید در مورد خوانایی وجود دارد:
ترکیب رنگ ها بسیار مهم است. فونت های رنگ روشن با پس زمینه روشن، خوانایی لوگو شما را بسیار سخت می کند. بنابراین رنگ هایی که کنتراست ایجاد می کنند را انتخاب کنید.
اصول سلسله مراتب بصری را بیاموزید تا بتوانید نحوه استفاده از تراز بندی، فضا، رنگ و اندازه به طور موثر در لوگو را یاد بگیرید.
2. یک فونت نازک را با یک نماد یا یک مونوگرام ترکیب کنید
اگر می خواهید از یک فونت نازک در لوگوی خود استفاده کنید، توصیه می کنیم آن را با یک نماد یا یک نمودار ترکیب کنید. به این ترتیب، در مکان هایی که فونت های نازک به خوبی نشان داده نمی شوند، شما می توانید از مونوگرام یا نماد خود استفاده کنید!
می بینید که مونوگرام سمت راست به عنوان عکس پروفایل شبکه های اجتماعی چقدر تأثیرگذارتر و خواناتر است؟ در حالی که لوگو در سمت چپ به سختی قابل مشاهده است.
3. از فونت ساده استفاده کنید
طراحی لوگو با فونت تمیز و ساده در محصولات مختلف آسان تر است و زودتر در ذهن می ماند. به یاد داشته باشید که ممکن است مجبور شوید، آن را بزرگ یا کوچک کنید. مطمئن شوید که لوگو شما از هر سطحی، چه برای استفاده در یک بنر بزرگ، یک خودکار یا سایر موارد تبلیغاتی جذاب به نظر برسد.
4. ببینید رقبای شما از چه فونت هایی استفاده می کنند
در واقع هدف از این کار تقلید نیست، بلکه تجزیه و تحلیل این است که طراحی آن ها چگونه و چقدر هوشمند است. هدف این است که فقط از تجربه های موفق ایده بگیریم و طراحی متفاوت با آن ها داشته باشیم.
5. بیش از حد از فونت ها استفاده نکنید
استفاده بیشتر از یک یا دو فونت ممکن است زشت به نظر برسد و بی اعتمادی را در بین مشتریان بالقوه ایجاد کند. توجه داشته باشید که شرکت های پر مخاطب فقط روی یک فونت تمرکز دارند و مشاغل کوچک تر تمایل دارند، از فونت های مختلف برای نام شرکت و شعار خود استفاده کنند.
6. از فونت های مد روز استفاده نکنید
اگر می خواهید کسب و کار شما برای سال های آینده رونق داشته باشد، فونتی را انتخاب کنید که ارزش ها و ویژگی های شرکت شما را نشان دهد. چرا که چیزهایی که مد روز می شوند کوتاه مدت هستند و ممکن است فردا فراموش شوند و جذابیت خود را از دست بدهند بنابراین اجازه ندهید، چیزی که اکنون مد روز است، شما را فریب دهد.
7. رنگ فونت مناسب در طراحی لوگو
یکی دیگر از نکاتی که در زمان انتخاب فونت مناسب در طراحی لوگو باید به آن توجه کنید، انتخاب رنگ فونت است. انتخاب رنگ نه تنها برای جذاب تر شدن لوگو بلکه برای با ارزش جلوه دادن نام تجاری نیز اهمیت دارد.
در زمان انتخاب رنگ ها در طراحی لوگو ابتدا باید روانشناسی رنگ ها را خوب بشناسید. در روانشناسی رنگ ها، نحوه انتخاب و ترکیب رنگ های مختلف و تاثیر آن ها روی مخاطبان بررسی می شود.
امیدوارم مطلب نحوه انتخاب فونت مناسب در طراحی لوگو برایتان مفید باشد. شاد و پیروز باشید.
