قالب وردپرس قالب وردپرس آموزش وردپرس قالب فروشگاهی وردپرس وردپرس
custom-website-design-v2
بهترین تکنیک های طراحی سایت برای کسب درآمد عالی (قسمت اول)
۱ تیر ۱۳۹۵
custom-website-design-v2
بهترین تکنیک های طراحی سایت برای کسب درآمد عالی (قسمت سوم)
۹ تیر ۱۳۹۵

بهترین تکنیک های طراحی سایت برای کسب درآمد عالی (قسمت دوم)

custom-website-design-v2

در قسمت قبل برخی از موارد مهم در زمینه تکنیک های مهم طراحی سایت را بر شمردیم . در ادامه ی این تکنیک ها با ما همراه باشید :

از تعداد کاراکتر ها غافل نشوید

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

حال برای این که بتوانید به صورت کاملا حرفه ای ، این قانون را در طراحی وب سایت خود اجرا کنید ، من به شما یک تکنیک یاد می دهم :

تکنیک سر انگشتی تنظیم سایز : ” سایز را طوری تنظیم کنید که تعداد کاراکترها در سایت شما بین ۴۵ تا ۷۵ کارکتر شود ، برای این که ببینید چقدر این کار را خوب انجام داده اید ، کافی است که یک خط از نوشته های خود را در نرم افزار Microsoft Word کپی کنید و قسمت نوار پایین برنامه ورد را بخوانید :

نمایش تعداد کلمات در ورد

نمایش تعداد کلمات در ورد

اگر روی این بخش کلیک کنید ، تعداد کاراکتر ها را می بینید :

نمایش تعداد کاراکترها در ورد

نمایش تعداد کاراکترها در ورد

خب حالا اگر شما در یک خط از سایت خود بیش از ۷۵ کاراکتر دارید ، سعی کنید فونت را بزرگتر کرده و اگر کم تر از ۴۵ کاراکتر دارید ، سعی کنید که فونت را کوچک کنید . به همین سادگی !

استفاده از  فیت ویدز FitVids برای ویدیو های تعبیه شده در سایت

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

Fluid-Width-Video-Embeds-with-jQuery-FitVids

مهارت های مرتبط با عکس ها

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

بهینه سازی عکس ها

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

” فراموش نکنید در ۸۰% مواقع می شود سایز عکس ها را بدون این که کیفیتشان کم شود ، کاهش داد .”

اما شاید بگویید چنین چیزی چگونه ممکن است ؟

این مسئله که از تکنولوژی های نوین استفاده می کند ، تا الان مورد بحث کمپانی های بسیار عظیمی بوده است ، هر کدام از این کمپانی ها نرم افزار خود را منتشر کرده اند و ادعا می کنند که استاد این کار خودشان هستند ، برای این منظور ما توصیه می کنیم که برنامه هایی تحت وب مثل Smushit را امتحان کنید . البته خواهشمندیم این تکنیک را کاملا جدی بگیرید ! چرا که چه بسا به کمک این برنامه تحت وب بتوانید عکس یک مگابایتی مشتری را به صد کیلوبایت کاهش دهید !

smushit

استفاده از ۸bit PNG

همان طور که می دانید ، در طراحی سایت از عکس هایی با فرمت JPG و یا PNG استفاده می گردد . نکته این جاست که بسیاری از طراحان گاهی ناچارند عکس را به فرمت PNG در سایت قرار دهند. حال شما اگر به نرم افزار فتوشاپ رجوع کنید و یک عکس را به هر دو فرمت JPG و PNG ذخیره کنید ، خواهید دید که PNG به مراتب حجمی چندین برابر JPG دارد . در این حالت به شما توصیه می کنیم که در تنظیمات فتوشاپ اگر به شفافیت PNG ها نیازی ندارید ، از فرمت ۸bit PNG برای ذخیره تصاویر استفاده کنید . با این کار هم حجم خیلی کم تر می شود و هم این که فرمت شما PNG هست .

استفاده از PNGQuant

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *