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

فرصت را از دست ندهید
انجمن مه سفر
نمایش نتایج: از 1 به 1 از 1

موضوع: طراحی واکنشگرا سایت چیست؟

  1. joomir آواتار ها
    joomir
    کاربر سایت
    Sep 2017
    20
    11
    0
    1

    طراحی واکنشگرا سایت چیست؟

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


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


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


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


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


    ایجاد سایت واکنشگرا دارکوب

    ویرایش توسط joomir : 10-14-2017 در ساعت 03:50 PM
    #1 ارسال شده در تاريخ 10-10-2017 در ساعت 04:18 PM

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  

Designed With Cooperation

Of Creatively