کنتراست در طراحی سایت

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

کنتراست در طراحی سایت

  ادامه مطلب ...

طراحی وب سایت های فروشگاهی

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

طراحی وب سایت های فروشگاهی

  ادامه مطلب ...

طراحی وب سایت های فروشگاهی موفق

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

طراحی وب سایت های فروشگاهی موفق

 

 

عوامل موثر در طراحی وب سایت های فروشگاهی موفق

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


منبع: طراحی وب سایت های فروشگاهی موفق


معرفی سرویس Google’s Material Design – بخش سوم

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

معرفی سرویس Google’s Material Design – بخش سوم

  ادامه مطلب ...

آموزش طراحی سایت با وردپرس – بخش سوم

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

آموزش طراحی سایت با وردپرس – بخش سوم


طراحی سریع سایت با وردپرس

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


منبع: آموزش طراحی سایت با وردپرس – بخش سوم