Hero Header در طراحی سایت

Hero Header در طراحی سایت

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

تکنیک Hero Header در طراحی سایت حرفه ای

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

دکمه های نامرئی در طراحی سایت

دکمه های نامرئی در طراحی سایت ، دکمه های Transparent شفاف با قابلیت کلیک کردن روی آن ها هستند. که دنیا ی طراحی وب را مانند طوفان در بر گرفته اند.
چه کسی تا بحال در مورد چیز ساده ای مانند یک دکمه ی نامرئی که می توانست دنیای طراحی وب را دگرگون کند، فکر کرده بود؟
دکمه های نامرئی در طراحی سایت
 
ادامه مطلب ...

بررسی Mobile Friendly بودن سایت

در 21 آپریل 2015، جستجو و رتبه بندی گوگل بر اساس استفاده از Mobile Friendly بودن سایت شکل گرفت.
این تغییر در جستجو هایی که از مبایل استفاده می شوند، در سراسر جهان تاثیر خواهد گذاشت و تاثیر قابل توجهی نیز در نتایج جستجوی گوگل خواهد داشت.
کاربران نتایج جستجوی بهتر و راحت تر و نیز بهینه شده با کیفیت بالا برای جستجو های موبایل در سایت های Mobile Friendly خواهند داشت. سایت شما نیز باید آماده این تغییرات در جستجو باشد.بررسی Mobile Friendly بودن سایت 

 

آیا سایتتان را مطابق با استاندارد Mobile Friendly گوگل طراحی کرده اید؟

بازاریاب های وبسایت های B2B باید سایت های خود را طبق الگوریتم جستجوی مبایل یا استاندارد Mobile Friendly بهینه کنند.
همه ی ما با آمار های نشان دهنده رشد استفاده از موبایل آشنا هستیم. در طول چند سال گذشته استفاده از اینترنت در دستگاه های موبایل بیش از PC بوده است و گوگل با اعلام اینکه جستجوی تلفن همراه در موتور های جستجوگر در حال حاضر بیش از جستجوی دسکتاپ بوده است، الگوریتم Mobile Friendly خود را ارائه داد.
امروزه موبایل یک عنصر حیاتی در استراتژی هر بازاریابی موفق می باشد. سایت هایی که از ویژگی Mobile Friendly استفاده نمی کنند مشکلات زیر را خواهند داشت:
افت در رتبه بندی گوگل
از دست دادن ترافیک سایت در موبایل
افزایش نرخ فرار
روش های بهینه سازی وبسایت برای موبایل:

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

طراحی داینامیک
بهینه سازی برای موبایل در طراحی داینامیک، هنگام استفاده از وسیله ای به وسیله ی دیگر، مانند موبایل، تبلت و PC و … برای تناسب و سازگاری با هر کدام از دستگاه ها، تغییر خواهد کرد.

سایت های موبایل
این روش نیازمند ایجاد سایت جداگانه برای ورژن موبایل می باشد و به اندازه طراحی های ریسپانسیو توصیه نمی شود. طراحی ریسپانسیو بهترین گزینه برای استفاده سایت های Mobile Friendly می باشند.

Material Design چیست؟

سرانجام گوگل Material Design را معرفی کرد. یک نام تجاری با مجموعه ای از دستورالعمل های جدید برای طراحان و توسعه دهندگان وب.

کاربرد Material Design و معرفی آن

گوگل با چالشی روبرو می شود که در نتیجه به ایجاد Material Design منتهی می شود. متریال دیزاین ترکیب اصول طراحی کلاسیک به همراه امکان نوآوری در تکنولوژی و علم می باشد و نشانه های بصری را فراهم می سازد.
ترکیبی از سبک و محتوا ی متن را برای کابر در یک فضای دیجیتال، بسیار مشابه با فضای فیزیکی را فراهم می کند. همچنین Motion یا حرکت یکی دیگر از کاربرد های متریال دیزاین می باشد.

Material Design چیست؟

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

بوت استرپ یا متریال دیزاین؟

بوت استرپ یا متریال دیزاین؟

بوت استرپ مجموعه رایگان و open source یا متن باز از ابزار های طراحی سایت و برنامه کاربردی وب است. Bootstrap شامل زبان HTML و مبتنی بر طراحی قالب CSS و JavaScript می باشد. هدف آن سهولت توسعه وب سایت های داینامیک و برنامه های کاربردی تحت وب می باشد.
متریال دیزاین یک زبان طراحی توسعه یافته توسط گوگل می باشد و در اندروید قابل استفاده است. Material Design قابلیت سازگاری با سیستم عامل ها و برنامه های کاربردی را دارد و جهت سیستم یک پارچه بصری متحرک تعیین شده است و با تمام دستگاه ها و سایز ها ی مختلف صفحه نمایش سازگار می باشد.  ادامه مطلب ...