تا به حال ممکن است اصطلاح "طراحی وب سایت واکنش گرا" را شنیده باشید. اگر با این مفهوم یا وبلاگ ما در اینجا تازه کار هستید، این اصطلاح ایجاد یک طراحی وب سایت را توصیف می کند که به درستی با انواع دستگاه ها سازگار شده و کار می کند. همانطور که تکنولوژی تکامل می یابد، تمرین نیز باید تکامل یابد.
همانطور که گفته شد، طراحی وب سایت ریسپانسیو 2018 کمی متفاوت از سال 2017 خواهد بود که با 2016 متفاوت بود، که با 2015 متفاوت بود و غیره و غیره. با پیشرفت تکنولوژی، مصرف کنندگان می توانند انتظار تجربه ای شخصی را داشته باشند، که به شما دلیل بیشتری برای جلوتر از رقبا می دهد! ما پنج روش و اصول طراحی وب سایت واکنشگرا را که باید در نظر داشته باشید را در این سال پوشش خواهیم داد. بیا انجامش بدیم!
1. تعاملات کوچک بیشتر در طراحی وب سایت
یکی از رایج ترین چیزهایی که نویسندگان طراحی وب سایت به عنوان ترندهای سال به آن توجه می کنند، استفاده از تعاملات کوچک است. تعاملات کوچک متغیرهایی هستند که به کاربر اجازه می دهند با یک صفحه طراحی وب سایت بدون بارگیری مجدد آن تعامل داشته باشند.
بهترین مثال برای این، «واکنش‌های» فیس‌بوک است که به «لایک‌ها» اضافه شده است. می‌توانید به پست‌ها با قلب، چهره‌های خندان، چهره‌های عصبانی و چهره‌های غمگین واکنش نشان دهید تا احساسات خود را نسبت به محتوای یک پست نشان دهید، و صفحه دوباره بارگذاری نمی‌شود - به همان صورت باقی می‌ماند.
تعاملات کوچک در زمان صرفه جویی می کند و تجربه کاربرUX) ) طراحی وب سایت را بسیار سرگرم کننده تر می کند. انتظار داریم در سال 2018 و در آینده شاهد محبوبیت بیشتر آنها باشیم.
2. تایپوگرافی هوشمند
در حالی که معمولاً نادیده گرفته می‌شود، می‌توانید علاوه بر سایر جنبه‌های صفحه طراحی وب سایت که معمولاً برای پاسخگو بودن طراحی شده‌اند، یک فونت واکنشگرا ایجاد کنید. به عنوان مثال، نسخه دسکتاپ یک صفحه طراحی وب سایت ممکن است از Helvetica 24 pt استفاده کند. برای هدر، اما نسخه موبایل صفحه طراحی وب سایت می تواند از نوع کوچکتری Arial استفاده کند.
فونت های خاصی به سمت شما می روند و در یک صفحه بزرگ طراحی وب سایت بهترین عملکرد را دارند - آنها به گونه ای طراحی شده اند که بزرگ باشند، نه فقط در رابطه با بقیه صفحه بزرگ به نظر برسند. این کار باعث می شود که فونت در صفحه طراحی وب سایت موبایل کمتر موثر باشد. از نظر زیبایی، ممکن است کمتر دلپذیر باشد، و ممکن است متن کوچکتر، مهم و آموزنده را از کانون توجه کاربران خارج کند. بنابراین تنظیم عناوین و متن در فونت ها و اندازه های مختلف برای هر دستگاه مورد استفاده برای تجربه کاربر بسیار مهم است.
3. با موبایل آشنا باشید
در حالی که طراحی وب سایت های تلفن همراه در چند سال گذشته به خوبی در روزنامه نگاری طراحی وب سایت پوشش داده شده اند، نویسندگان متخصص برای توجه بیشتر به آنها استدلال می کنند! دلیل این امر؟ خوب به طور خلاصه، اکثر ترافیک طراحی وب سایت در حال حاضر از دستگاه های تلفن همراه می آید.
با در نظر گرفتن این موضوع، مطمئن شوید که مفاهیم برنامه ها و طراحی وب سایت ها را در ذهن خود جدا کرده اید. استفاده از برنامه و تجربه کاربری مهم هستند، اما داشتن یک برنامه واکنش گرا با داشتن یک طراحی وب سایت واکنش گرا متفاوت است. با این حال، به عنوان یک طراح طراحی وب سایت ، بسته به شرایط ممکن است خود را در حال کار روی آنها بیابید.
برای یک برنامه، شباهت‌های زیادی با مواردی که ممکن است برای یک طراحی وب سایت پذیرایی تلفن همراه روی آن تمرکز کنید، وجود دارد، اما معنایی وجود دارد که طراحی وب سایت واکنش گرا با آنها مقابله نخواهد کرد. به عنوان مثال، تست A/B مناسب بر روی یک برنامه متفاوت از یک طراحی وب سایت واکنش گرا انجام می شود. با این حال، وسعت اندازه‌های صفحه نمایش که می‌توان استفاده کرد برای هر دو مورد توجه است.
ادامه در لینک زیر:
https://webever.ir/bloginfo/5-%D8%AA%D8%A7-%D8%A7%D8%B2-%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D8%B1%D9%88%D8%B4-%D9%87%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%88%D8%A7%DA%A9%D9%86%D8%B4-%DA%AF%D8%B1%D8%A7-%D8%AF%D8%B1-%D8%B3%D8%A7%D9%84-2018