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

۴) استفاده از صفحه بارگذاری (Load Screen) سرگرم کننده

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

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

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

۵) جاوا اسکریپت (JavaScript)

امروزه استفاده از زبان برنامه نویسی جاوا اسکریپت بعنوان سبک جدید طراحی سایت بسیار پر رونق است چراکه به کمک آن می توان صفحه های بارگذاری زیبا و یا

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

• سرعت بارگذاری سایت را به شدت کاهش داده و باعث نارضایتی کاربران می شود.
• در ابزار و گجت های قابل حمل به خوبی عمل نمی کند.
• همانند سایر زبان های برنامه نویسی چنانچه جاوا اسکریپت به درستی اجرا نشود مورد سوء استفاده قرار می گیرد و امنیت سایت شما را به خطر می اندازد.
• و در آخر باید اشاره کرد که جاوا اسکریپت بر بهینه سازی موتورهای جستجو (SEO) تاثیر منفی می گذارد.

۶) تایپوگرافی (Typography)

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

همانطور که در تصویر بالا دیده می شود در طراحی سایت Uxpin فونت های استفاده شده از یک گروه هستند و این تاکتیکی است که نشان می دهد طراحی این سایت بطور حرفه ای صورت گرفته است.

در زمان انتخاب فونت، نکات زیر را حتماً مدنظر قرار دهید:

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

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

بعنوان حسن ختام این بخش آموزشی، لینکی را برای شما قرار داده شده است که توسط آن می توانید کتابی تحت عنوان سبک های طراحی وب سایت سال های ۲۰۱۵ و ۲۰۱۶ در ارتباط با طراحی بسیاری از وب سایت های بنام از قبیل Google، Adidas، Reebok، Dropbox و سایر وب سایت های شناخته شده، دانلود نمایید.

 منبع: www.awwwards.com

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

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

۱) Amaze

یکی از جالب ترین لوگوهای سال ۲۰۱۵ مربوط به شرکت Amaze می باشد. این طرح متشکل از ۱۰۰۰۰ چندوجهی است که نسبت به حرکات و صدای کاربر واکنش نشان می- دهد. به عبارت دیگر، این لوگوی شگفت انگیز ترکیبی از فناوری و رفتار انسانی است.

۲) DKNY

DKNY که یکی از معتبرترین برندهای صنعت پوشاک است در سپتامبر سال ۲۰۱۵ لوگوی جدید خود را از طریق شبکه اجتماعی اینستاگرام رونمایی کرد. برای سال جدید، این شرکت تصمیم دارد تا طراحی برای خانم ها را جایگزین طراحی برای دختران جوان کند و این تغییر مسیر را از طریق فونت لوگوی خود نشان داده است.

۳) Google

جای هیچ تعجبی ندارد که تغییر لوگوی پر بازدید کننده ترین سایت دنیا یعنی Google به یکی از شگفت انگیزترین اخبار دنیای تکنولوژی در سال ۲۰۱۵ مبدل می شود. این شرکت بنام پس از گذشت ۱۶ سال، لوگوی جدید خود را با تغییر فونت و شارپ شدن رنگ ها معرفی کرده است.

۴) Verizon

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

۵) Facebook

در سال میلادی گذشته یکی دیگر از شرکت های پرآوازه ای که لوگوی خود را تغییر داد، Facebook بود. برای طرفداران پرو پاقرص این شبکه اجتماعی، تغییرات جزئی لوگو بسیار مشهود بود. این اولین باری بود که در تاریخ ظهور Facebook فونت لوگو تغییر داده می شد. اگرچه فرمت نوشتاری حروفی مانند “a” و “b” عوض شده است ولی همچنان حرف شاخص “f” با فرمت قبلی باقی مانده است.

 ۶) Dailymotion

سایت Dailymotion که بزرگ ترین و پربازدید کننده ترین سایت در زمینه ارسال ویدیو است در ماه مارچ ۲۰۱۵ تغییری اساسی در لوگوی خود ایجاد کرده و با نماد قدیمی خود که تنها نام شرکت را در برمی گرفت، خداحافظ کرد.

۷) Electrolux

برند Electrolux یکی از پیشتازان صنعت لوازم خانگی از سال ۱۹۰۹ است که در ژانویه سال ۲۰۱۵ دست به تغییراتی در لوگوی خود زد. در این راستا، فونت استفاده شده در لوگو بطور کاملا اختصاصی برای این شرکت طراحی شده است که این نشان دهنده منحصربفرد بودن برند مذکور می باشد.

منبع: www.creativebloq.com

۱) آیا سال جدید با بازگشت تایپوگرافی Serif همراه است؟

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

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

۲) تایپ دیجیتال

در دنیای امروز، تایپ دیجیتال همه جا وجود دارد؛ موبایل های هوشمند، تلویزیون، سایر وسایل و همانطور که به نظر می رسد این مبحث از اهمیت بالایی برخوردار است. در حال حاضر، یکی از طراحی های معروف در زمینه فونت San Francisco typeface است که اولین بار برای Apple Watch طراحی شد و متعاقباً برای سیستم عامل های iOS و OS El Capitan نیز بکار گرفته شده است. تغییر زمینه تایپوگرافی یکی از شناخته شده ترین و معروف ترین برندها دنیا توجه همگان را عمیقاً به خود جلب کرد. نمونه های دیگر از این قبیل که دنیای تایپوگرافی را با تحول جدیدی رو به رو ساختند، تغییر تایپوگرافی کتابخوان Amazon Kindle و لوگوی Google در سپتامبر سال ۲۰۱۵ می- باشد.

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

۳) نرم افزارهای طراحی تایپوگرافی

 طراحی تایپوگرافی تجارتی است که نیازمند مهارت ها و توانایی های ویژه ای است اما علاوه بر داشتن استعداد، بهره مندی از نرم افزارهای کارآمد می تواند کمک بزرگی در این زمینه کند. در ادامه، به معرفی ابزارهایی می پردازیم که در زمینه طراحی تایپوگرافی نقش عمده ای بازی می کنند. Prototype ،Adobe’s Project Faces و FontArk نرم افزارهایی هستند که کمک می کنند تا بتوان ساختار اصلی فونت مورد نظر خود را تغییر داده و آن را شخصی سازی کرد. با استفاده از این نرم افزارها به آسانی می توان ویژگی های مربوط به تایپوگرافی های متعدد را ترکیب کرده و فونتی را طراحی کرد که اختصاصی و منحصر بفرد می باشد.

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

منبع: www.creativebloq.com

]]> http://tarahan.com/%d8%aa%d8%a7%db%8c%d9%be%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c-%d8%af%d8%b1-%d8%b3%d8%a7%d9%84-2016/feed/ 0 http://tarahan.com/10%d9%81%d9%88%d9%86%d8%aa-%d8%a8%d8%b1%d8%aa%d8%b1-%d9%82%d9%84%d9%85/ http://tarahan.com/10%d9%81%d9%88%d9%86%d8%aa-%d8%a8%d8%b1%d8%aa%d8%b1-%d9%82%d9%84%d9%85/#respond Tue, 12 Jan 2016 09:52:48 +0000 http://tarahan.com/?p=5166 […]]]> ۱۰ فونت رایگان قلم مو برای طراحان

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

۱‌) قلم مو Beacon

Beacon یکی از فونت های تایپوگرافی Serif است و این مزیت را دارد که می توان برخی از ویژگی های آن را تغییر داده و به نوعی آن را شخصی سازی کرد.

دانلود فونت Beacon

۲) قلم مو Ampad

فونت Ampad یکی از فونت هایی است که برای کارهای هنری ترسناک مورد استفاده قرار می گیرد و دارای ۴ سبک متفاوت می باشد که با توجه به کارآیی یکی از آن ها را می‌توانید انتخاب کنید.

دانلود فونت Ampad

۳) قلم مو True Lies

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

دانلود قلم موی True Lies

۴) قلم مو Goatskin

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

دانلود فونت Goatskin

۵) قلم مو Surfing Capital

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

دانلود Surfing Capital

۶) قلم مو Levi Brush

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

دانلود فونت LeviBrush

۷) قلم موی Brush Hand New

قلم موی Brush Hand New بر پایه فونت Flash Bold طراحی شده است. در این طراحی جدید، کناره های حروف دیگر تیز نیستند و از سادگی بیشتری برخوردار هستند. درنتیجه، این فونت می تواند انتخابی ایده آل برای عناوین باشد.

دانلود فونت Brush Hand New

۸) قلم موی Paint Hand

قلم موی Paint Hand فونتی است که برای محصولات و یا محتواهای متنی کودکانه بسیار پرکاربرد است و نظر این کاربران کوچک را شدیداً به خود جلب می کند. در طراحی این فونت، تایپوگرافی و گرافیک های متفاوتی استفاده شده است.

دانلود فونت Paint Hand

۹) قلم موی Cylburn

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

دانلود فونت Cylburn

۱۰) قلم موی Mothproof Script

قلم موی Mothproof Script یکی از فونت های بسیار تاثیر گذار است که تا حدودی شبیه فونت سنتی blackletter طراحی شده ولی نسبت به آن خواناتر می باشد.

دانلود فونت Mothproof Script

 منبع: www.creativebloq.com

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

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

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

در ادامه به بررسی ۳ نمونه تایپوگرافی می پردازیم که مکمل مبحث UX یا تجربه کاربری می باشند.

۱. TeamWeek

ترکیبی از سبک های متنوع فونت در صفحه سایت TeamWeek

برنامه TeamWeek با ترکیب سبک های متضاد فونت مانند serif و sans-serif و هماهنگی ترکیب های رنگی، خلاقیت چشم گیری بکار گرفته است.

۲. Design Disruptors

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

۳. Web Standards

در سایت جدید Web Standards آمریکا که در ارتباط با استانداردهای طراحی سایت می باشد، انتخاب typeface ها هم کاربردی است و هم به لحاظ دیداری جذاب است. این نوع تایپوگرافی به نوعی حس اعتماد را به کاربران القا می کند.

منبع: www.creativebloq.com

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

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

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

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

طراحی سایت

۲. طراحی سایت خلوت: این نوع طراحی سایت، در ظاهر ساده هستند اما تفکری در پی ساخت آن‌ها نهفته است. استفاده از المان‌های کم و گرافیکی و استفاده از دو یا سه رنگ در طراحی، به آن‌ها ظاهری متفاوتی داده است و برخلاف دسته اول، به تمیزی معروفند. از نظر طراحی کاملاٌمتمایز، حرفه ای و مدرن هستند. همچنین پیام “صاحب این سایت مشتاق است” و ” صاحب این سایت قابل اعتماد است” را به بازدیدکننده القا می‌کند.  این گونه سایت‌ها برای همه مناسب است غیر از کسانی که دوست ندارند تفاوت شایانی با بقیه داشته باشند. این تفاوت آن‌ها را می‌ترساند و سایت‌های استاندارد را می‌پسندند.

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

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

• یک هاست خوب انتخاب کنید

بنا بر تحقیقات انچام گرفته توسط سایت Akamai، تقریباً نیمی از مردم توقع دارند صفحات سایت در زمانی کمتر از ۲ ثانیه لود شوند و حدود ۴۰% از مردم گفته‌اند که اگر این زمان تنها یک ثانیه افزایش پیدا کند، صفحه را ترک می کنند. سایت‌های فروشگاهی با دنبال کردن اهدافی همچون جذب مشتری و افزایش فروش، بیش از سایر سایت‌ها به سرعت لود و بار گذاری مطالب اهمیت می‌دهند. مطالعه‌ای با عنوان “چرا عملکرد سایت اهمیت دارد. آیا سایت شما مشتری‌ها را دور می‌کند؟” ادعا می‌کند در ساعات اوج ترافیک، بیش از ۷۵% از مشتری‌ها ترجیح داده‌اند به جای انتظار در صفحه فعلی برای لود مطالب، سایت را بسته و سایت‌های رقیب را مطالعه کنند. سایت‌هایی که به سرورهای اختصاصی با سرعت بالا، پیکر بندی و منابع بهینه مجهزند. این قبیل سرورها با وجود گران بودن، برای شما با ترافیک بازدید بالا، یک ضرورت به شمار می‌آیند. از طرفی دیگر، هاست‌های اشتراکی سایت شما را در کنار صدها سایت دیگر بر روی یک سرور قرار داده و منابع سرور چه سخت فزاری و چه نرم افزاری بین صدها سایت به اشتراک گذاشته می‌شود که در نتیجه منابع محدودتری به سایت شما تخصیص می‌یابد. بنا بر این مطمئن باشید که هاستینگ اختصاصی بهترین گزینه برای ثبات، عملکرد و ارتقا سایت شما می‌باشد. هرچند همیشه هم شرکت‌های هاستینگ مقصر نیستند. گاهی اوقات قدرت سرورهای هاست افت می‌کند. به هر حال بهترین روش آن است که از شرکتی خدمات هاستینگ خود را بگیرید که هم پشتیبانی خوبی داشته باشند و هم بتوانند در ساعات اوج شلوغی، ترافیک سایت را خوب مدیریت و کنترل کند.

• بهینه سازی تصاویر

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

• فعال کردن فشرده سازی

همانند عکسها، فشرده سازی صفحات بزرگ وب نیز می‌تواند باعث کاهش پهنای باند صفحات و در نتیجه کاهش سرعت لود شود. بدین منظور کافی است فایل‌ها را قبل از آپلود به فرمت Gzip فشرده کنید. بنا بر ادعای یاهو، پس از این کار، سرعت لود تا ۷۰% کاهش می‌یابد. بهتر است که اولین منبع فشرده سازی را Gzip انتخاب کنید؛ زیرا ۹۰% کاربران اینترنت از مرورگرهایی بهره می‌جویند که از فرمت Gzip پشتیبانی می‌کنند. علاوه بر این، Gzip از سمت سرور نیز قابل دست رسی می‌باشد و می‌توان از طریق پوشه‌های  .htaccess, nginx.conf یا web.config آن را تنظیم کرد.

•  ذخیره سازی مرورگر

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

بهترین حالت این است که بتوان تمام منابعی که قابلیت ذخیره سازی دارند را حداقل یک هفته و ترجیحاً یک سال نگه داری کرد. نکته مهم بعدی برای سرعت بخشیدن به دانلود عناصر HTTP این است که هدرهای HTTP keep-alive را فعال کنیم.. به این ترتیب مر.رگر و سرور با یک اتصال می‌توانند اقدام به دریافت و ارسال چند فایل کنند. در واقع  هنگامی که کاربر از سایت شما بازدید می‌کند، اتصال سرور باز باقی می‌ماند و دیگر نیازی نیست تا برای هر در خواستیک اتصال جدید اتفاق بیفتد. برای فعال کردن keep-alive تنها کافیست چند خط کد ساده به .htaccess, nginx.cong یا web.config file اضافه کنید.

• اسکریپت و CSS

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

• پیکربندی CDN

بسیاری تصور می‌کنند که CDN نکته طلایی سرعت سایت می‌باشد. به همین دلیل در این مقاله اول موارد دیگر بررسی شد تا ثابت کنیم این طرز تفکر اشتباه است. CDN لزوماً و به تنهایی سرعت سایت را بالا نمی‌برد. سی دی ان می‌تواند بعد از اجرای روش‌های ذکر شده، عامل موثر بعدی در افزایش سرعت سایت باشد. CDNها، سرورهایی هستند که در مناطق و جاهای مختلف قرار گرفته‌اند و امکانات پایداری را به کاربر ارائه می‌دهند. هنگامی که شبکه در خواستی را دریافت می‌کند، داده‌ای که در نزدیک‌ترین سرور قرار گرفته سرعت لود صفحه را بالا می‌برد و در نتیجه، سرعت دانلود نیز بهبود پیدا می‌کند. محتوای مورد نظر بین چند سرور تقسیم می‌شود و به این ترتیب مسائلی که باعث تاخیر پاسخ گویی سرور می‌شوند، کاهش پیدا می‌کنند و بالطبع سرعت دانلود بالا می‌رود به علاوه، به دلیل پخش سرورها، up-time سایت هم افزایش پیدا می‌کند و اگر یکی از سرورها به هر دلیل نتواند به در خواست پاسخ بدهد، درخواست برای سرور نزدیک بعدی فرستاده می‌شود. این فایل‌های استاتیک به صورت جدا (و در بیشتر موارد در URLهای مختلف) از HTML مرکزی صفحه‌ای سرو شده‌اند. در نتیجه ساختمان صفحه شما به مرورگر فرستاده می‌شود. به این ترتیب نه تنها سرعت بار گذاری صفحه بالا می‌رود، بلکه اجازه نمایش صفحات قبل از لود کامل را نمی‌دهد. استفاده از CDN عملکرد سایتتان را در سر تا سر دنیا بهبود می‌بخشد و از این جهت ارزش سرمایه گذاری را دارد. باید به خاطر داشته باشید که سی در ان به تنهایی و به طور جادویی سرعت سایتتان را افزایش نمی‌دهد. استفاده از CDN  در کنار سایر نکات ذکر شده، باعث نتیجه گیری حداکثری خواهد شد.
حرف آخر
روش هایی که در این مقاله ارائه شدند واقعاً ارزشمند هستند و می‌توانند سایت وردپرسی شما را تا آخرین حد ممکن سریع کنند. اما نباید انتظار داشته باشید که فقط با کمک یکی از این روش‌ها سرعت لود صفحات سایتتان بالا برود. این تکنیک‌ها در کنار هم سرعت بار گذاری را افزایش می‌دهند. CDN  به تنهایی نمی‌تواند سرعت لود را بالا ببرد. ذخیره سازی مرورگر و فشرده سازی فایل‌های بزرگ می‌توانند منجر به دانلود سریع‌تر عناصر از سرور به کامپیوتر کاربر شود. ضمناً شما می‌توانید سرعت سایتتان را از طریق Google PageSpeed Insight  و یا GTmetix بررسی کنید و ببینید که صفحات سایت شما در مقیاس سرعت بارگذاری، اندازه صفحات و تعداد درخواست‌ها چطور عمل می‌کند. هدف سایت، ایجاد یک تجربه کاربری خوب است و اولین قدم برای نیل به این هدف  افزایش سرعت بار گذاری صفحات می‌باشد تا کاربر در اولین کلیک از سایت شما ناامید نشود.

این یک واقعیت است که گوگل انقلاب در صنعت تلفن‌های همراه را هدایت می‌کند، بنا بر این به طور مرتب از الگوریتم جدید گوگل در نتایج جست و جوی کاربران خود استفاده می‌کند. گوگل بزرگ‌ترین ارائه کننده پلتفرم تلفن‌های همراه جهان است (اندروید). گوگل هم چنین بزرگ‌ترین ارائه دهنده موتور جست و جو برای تلفن‌های همراه در جهان می‌باشد. علاوه بر این، گوگل بزرگ‌ترین فروشگاه نرم افزارهای تلفن همراه را در اختیار دارد که با نام Google Play شناخته می‌شود. به عبارت دیگر، گوگل تلاش دارد تا تمام ارتباطات عصر جدید با تلفن همراه انجام شوند. با وجود تحقق تمام این اتفاق‌ها، این غول بزرگ کامپیوتری، با داشتن سهم بزرگی از دستگاه‌های موبایلی، جست و جو و نرم افزارها راضی نمی‌شود؛ بلکه می‌خواهد  تمام امواج موجود در هوا را نیز به خود اختصاص دهد. در این مقاله سعی داریم تا سایت‌هایی با مواضع موبایلی گوگل سقوط خواهند کرد را به شما معرفی کرده و راه کارهای مقابله و جلوگیری از این اتفاق را بیان کنیم.

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