محتوا کلیک یک سایت دیگر با وردپرس فارسی
توسط در 22 فوریه 2022 در طراحی صفحه فرود | اولین نفری باشید که نظر می دهید
برندسازی همه چیز در مورد برداشت اولیه است. این برداشت ها در صفحه فرود اهمیت دارند.
CXL یک مطالعه بریتانیایی را برجسته کرد که از شرکت کنندگان در مورد درک آنها از وب سایت های بهداشتی سؤال می کرد. وقتی افرادی که شرکت کردند در وب سایت بازخورد دادند، 94 درصد نظرات آنها مربوط به طراحی بود.
عناصر طراحی که برای صفحات فرود خود انتخاب می کنید – از جمله حروف چاپی – بر میزان استقبال و تشخیص برند شما تأثیر می گذارد. اگر می‌خواهید بازدیدکنندگان با دیدن کمپین‌های بازاریابی شما، برند شما را بشناسند و به آن اعتماد کنند، باید با فونت‌هایی که استفاده می‌کنید دانا باشید.
بنابراین، چگونه می توانید با فونت های خود یک برند قابل تشخیص بسازید؟ این راهنما به شما در مورد دسته بندی های مختلف حروف و نحوه استفاده از آنها برای برجسته کردن نام تجاری خود می آموزد.
فونت ها به چهار دسته حروف سرفصل، sans-serif، slab serif و script تقسیم می شوند. هر گروه احساسات متفاوتی را ایجاد می کند که نشان دهنده برند شما و لحن آن است. بیایید ببینیم آنها در مورد چه چیزی هستند.
فونت های Serif دارای divot هایی هستند که به عنوان serif در انتهای هر حروف مشخص می شوند. این تایپ‌فیس‌ها حس کلاسیکی را القا می‌کنند، بنابراین خواهید دید که در برندهای قدیمی و رسمی بسیار مورد استفاده قرار می‌گیرند.
مجله مد Vogue بیش از 100 سال است که در تجارت است. در اینجا نحوه استفاده این نشریه از یک سریف در لوگوی خود آورده شده است:
فونت‌های Sans-serif هیچ یک از آن دسته‌بندی‌های سریف را در پایان هر حرف ندارند، و در نتیجه ظاهر مدرن‌تری دارند. مطالعه بیش از یک میلیون صفحه وب نشان داد که 85.5٪ از حروف sans-serif هم در هدر و هم در متن پاراگراف خود استفاده می کنند. فونت‌های sans-serif را می‌بینید که توسط برندهایی که برای یک حس امروزی عکس می‌گیرند، مانند iTunes استفاده می‌کنند:
فونت های اسلب دارای حروف بسیار ضخیم هستند و با یا بدون سریف عرضه می شوند. برندهایی مانند هوندا از آنها برای ایجاد یک احساس جسورانه استفاده می کنند:
فونت‌های اسکریپت از حروف انحنادار با خط‌های متصل استفاده می‌کنند تا شبیه حروف شکسته دست‌نویس شوند. این فونت‌ها حس زیبایی را القا می‌کنند. برخی از برندها نیز از آنها برای بیان زنانگی استفاده می کنند، مانند باربی:
اکنون که چهار دسته حروف تایپ را درک کرده اید، چگونه می توانید از این دانش برای شناسایی بیشتر برند خود استفاده کنید؟ بیایید به سه نکته بپردازیم.
حروف نوشتاری که در محتوای بازاریابی خود استفاده می کنید، از جمله مطالب بدون آرم مانند صفحات فرود، باید با لحن برند شما مطابقت داشته باشد .
تصور کنید در حال خرید یک عروسک Pretty Pink Princess هستید و روی صفحه فرودی که در نتایج گوگل پیدا می کنید کلیک می کنید. بنا به دلایلی، فونت هدر به اسکریپت گوتیک است – نوعی که در یک آلبوم فلزی مجلسی قرون وسطایی می بینید. ممکن است تعجب کنید که آیا سایت مناسبی دارید، اینطور نیست؟
در مورد اینکه چگونه حروف چاپی شما باید موضوع و ارزش های برند شما را بیان کند، طولانی و سخت فکر کنید. Duolingo تا آنجا پیش رفت که بر اساس لوگو و طلسم خود یک تایپ فیس ایجاد کردند . بنابراین، از اختصاص دادن زمان به انتخاب فونت های متناسب با نام تجاری خود نترسید.
بیایید ببینیم که چگونه تایپ‌فیس‌ها می‌توانند با لحن یک برند در این ورودی مسابقه صفحه فرود کار کنند:
این صفحه از فونت تمام حروف، نازک و مورب استفاده می‌کند تا به صفحه حالتی جدی و شدید برای سالن ورزشی رزمی آینده بدهد. این انتخاب تایپ فیس نشان می‌دهد که نام تجاری خیالی DarkWolf به معنای تجارت در مورد ورزش رقابتی و پرفشار است که در آن تخصص دارد.
اگر شما دائماً ظاهر آن را تغییر دهید، مشتریان نمی توانند برند شما را بشناسند. پس از انتخاب تایپ‌فیس‌هایی که متناسب با نام تجاری شما هستند، از آنها در مواد بازاریابی خود استفاده کنید . تایپ فیس خود را در سراسر نسخه، پلتفرم ها و محصولات خود ثابت نگه دارید تا شانس مخاطبان خود را برای شناسایی برند شما به حداکثر برسانید.
به هر حال، سازگاری سومین اصل طراحی تبدیل محور است . اگر نمی دانید از کجا شروع کنید، سعی کنید از وب سایت اصلی خود به عنوان راهنمای سبک خود استفاده کنید . فونت‌هایی را که می‌خواهید در آنجا استفاده کنید، تنظیم کنید، سپس از همان تایپ‌فیس‌ها در هر جای دیگری که بازاریابی می‌کنید استفاده کنید.
در حالی که ممکن است فونت در مقایسه با سایر عناصر طراحی در پلتفرم‌ها به اندازه کافی بزرگ به نظر نرسد، اما واقعاً تفاوت ایجاد می‌کند. همانطور که در راهنمای طراحی تبدیل محور خود توضیح دادیم، مغز ما اطلاعات بصری را تا 60000 برابر سریعتر از متن پردازش می کند. بنابراین، قبل از اینکه بدانیم متن چه می‌گوید، در حال پردازش شکل ظاهری آن هستیم .
بررسی کنید که چگونه می توانید بفهمید که این دو صفحه فرود از یک افراد هستند:
در حالی که هر دو صفحه فرود طرح‌بندی‌های مشابهی دارند، هدر "Advent of ____" در بالا است که آنها را به هم متصل می‌کند. آنها از دنباله یکسانی از فونت ها برای نگه داشتن هر دو رویداد در برند استفاده می کنند.
پس از جمع آوری فونت هایی که با نام تجاری شما مطابقت دارند، ممکن است با یک لیست طولانی مواجه شوید. آن را به تعداد انگشت شماری برش دهید تا برای هدرها و متن اصلی استفاده کنید و برای طراحی صفحه فرود خود کوتاه تر کنید.
توصیه می‌کنیم برای صفحات فرود از دو نوع فونت استفاده کنید – فونت هدر و فونت بدنه.
چرا؟ ما می‌دانیم که اکثر افرادی که این وبلاگ را می‌خوانند، بازاریاب‌های نامرغوبی هستند که چیزهای زیادی در بشقاب خود دارند. اگر برای امرار معاش صفحات وب طراحی نمی کنید، طراحی و ردیابی بیش از دو فونت در یک صفحه فرود دشوار است.
برای طراحان محبوبیت دارد که فونت‌ها را از دسته‌های مختلف ترکیب کنند یا از یک تایپ پررنگ به عنوان سربرگ یک حروف معمولی بدنه استفاده کنند. جفت فونت های خود را آزمایش کنید تا ترکیبی متناسب با نام تجاری خود پیدا کنید. ابزارهایی مانند Fontpair به شما کمک می کنند تا ترکیب مناسبی را ایجاد کنید.
می‌توانید یک ترکیب سریف و sans-serif را در صفحه فرود Sprout مشاهده کنید:
Sprout از فونت serif در هدرها و فونت sans-serif در هر جای دیگر استفاده می کند. هر دو نوع تایپ برای مطابقت با وضعیت Sprout به عنوان یک نرم افزار کنفرانس ویدیویی برای پاتوق کردن، دوستانه هستند. حتی اگر صفحه فقط از دو فونت استفاده می‌کند، با بازی کردن با اندازه‌های تایپ‌فیس، متن فرعی، دکمه و متن را متمایز می‌کند.
پس از انتخاب تایپ‌فیس‌هایی که با نام تجاری شما مطابقت دارند، نحوه استفاده از آنها را در صفحه فرود به خود بیاموزید . برای اینکه متن خود را خوانا نگه دارید، با اندازه فونت، کرنینگ و لید آشنا شوید. راهنمای ما برای تایپوگرافی صفحه فرود شما را شروع می کند.
یک سازنده صفحه فرود با الگوهای داخلی و راهنماهای سبک نیز زندگی شما را آسان تر می کند. قالب‌ها قالب‌بندی فونت را برای شما انجام می‌دهند، در حالی که راهنمای سبک، انتخاب‌های فونت شما را برای مراجعات بعدی یادداشت می‌کند. Unbounce's Smart Builder هر دو را دارد.
پیش نمایش Unbounce
در حال حاضر آغاز شده است
