زمان کنونی: ۲۵-۴-۱۳۹۸, ۰۴:۱۳ صبح درود مهمان گرامی! (ورودثبت نام)

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



[-]
آخرین ارسالی ها
طلاق به درخواست زوج چگونه انجام می شود ؟
شروع کننده:yasna1 آخرین پست توسط:yasna1 پاسخ ها:0 طلاق نمایش ها:14 زمان:دیروز
اصول و ضوابط در طراحی سایت واکنشگرا
شروع کننده:magbot آخرین پست توسط:magbot پاسخ ها:0 سایتهای مفید و ضروری نمایش ها:17 زمان:۲۲-۴-۱۳۹۸
المان های غلط برای طراحی سایت چیست
شروع کننده:azadehsadeghi آخرین پست توسط:azadehsadeghi پاسخ ها:0 مقالات نمایش ها:17 زمان:۲۰-۴-۱۳۹۸
اصول جذابیت طراحی سایت
شروع کننده:azadehsadeghi آخرین پست توسط:azadehsadeghi پاسخ ها:0 مقالات نمایش ها:19 زمان:۲۰-۴-۱۳۹۸
بررسی طراحی سایت های رقبا
شروع کننده:sitecode آخرین پست توسط:magbot پاسخ ها:0 سایتهای مفید و ضروری نمایش ها:20 زمان:۲۲-۴-۱۳۹۸
تاثیر رنگ های سرد و گرم در طراحی سایت
شروع کننده:azadehsadeghi آخرین پست توسط:azadehsadeghi پاسخ ها:0 مقالات نمایش ها:23 زمان:۲۰-۴-۱۳۹۸
بررسی کلمات کلیدی در طراحی سایت
شروع کننده:azadehsadeghi آخرین پست توسط:azadehsadeghi پاسخ ها:0 مقالات نمایش ها:25 زمان:۲۰-۴-۱۳۹۸
تجویز ازدواج مجدد چیست ؟
شروع کننده:yasna1 آخرین پست توسط:yasna1 پاسخ ها:0 حقوق خانواده نمایش ها:34 زمان:۱۵-۴-۱۳۹۸
اصول نگهداری از طراحی سایت
شروع کننده:azadehsadeghi آخرین پست توسط:azadehsadeghi پاسخ ها:0 مقالات نمایش ها:32 زمان:۲۰-۴-۱۳۹۸
ابزار آنلاین برای تحلیل ترافیک اینستاگرام
شروع کننده:magbot آخرین پست توسط:magbot پاسخ ها:0 سایتهای مفید و ضروری نمایش ها:35 زمان:۲۲-۴-۱۳۹۸
جهت حرکت: - سرعت: - (توقف | حرکت) - بارگذاری مجدد


اصول و ضوابط در طراحی سایت واکنشگرا
زمان کنونی: ۲۵-۴-۱۳۹۸, ۰۴:۱۳ صبح
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ ها 1
بازدید 18

ارسال پاسخ 
اصول و ضوابط در طراحی سایت واکنشگرا
نویسنده پیام
magbot / آفلاین
کاربر انجمن
جنسیت: زن
اطلاعات کاربر
ارسال‌ها: 17
تاریخ عضویت: مهر ۱۳۹۷
اعتبار: 0
سپاس ها 0
سپاس شده 0 بار در 0 ارسال
ارسال: #1
اصول و ضوابط در طراحی سایت واکنشگرا
اصول و ضوابط طراحی سایت واکنشگرا

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
شما قادر به مشاهده این قسمت نمی باشید  ورود // عضویت

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

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


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


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


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



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


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


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


تصاویر Bitmap در مقابل Vectors
اگر آیکون شما جزئیات و جلوه ای فانتزی زیادی دارد، باید از تصاویر bitmap یا پیکسلی استفاده کنید. در غیر این صورت می توانید تصاویر vector یا برداری را به کار ببرید. برای پیکسلی از فرمت های jpg، png یا gif و برای برداری از فرمت SVG یا یک فونت آیکون استفاده کنید. با اینکه هر کدام از این فرمت ها دارای مزایا و مشکلاتی هستند، اما در هر صورت باید به اندازه آن توجه داشته باشید و هیچ عکسی را بدون بهینه سازی به صورت آنلاین درنیاورید. از سوی دیگر تصاویر برداری اغلب کوچک هستند اما مرورگرهای قدیمی از آن پشتیبانی نمی کنند. علاوه بر این اگر تصاویر دارای انحناهای زیادی باشد ممکن است برای تصاویر پیکسلی سنگین باشد و استفاده از تصاویر برداری تصمیم عاقلانه تری است.
۲۲-۴-۱۳۹۸ ۱۲:۱۵ صبح
مشاهده وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع نویسنده پاسخ ها بازدید آخرین ارسال
  بررسی طراحی سایت های رقبا sitecode 0 20 ۱۷-۴-۱۳۹۸ ۱۰:۵۴ عصر
آخرین ارسال: sitecode
  طراحی و توسعه دهنده full-stack magbot 0 59 ۵-۴-۱۳۹۸ ۰۱:۰۲ صبح
آخرین ارسال: magbot
  12 روند طراحی وب سایت برای ایجاد وب سایت جذاب magbot 0 67 ۲۷-۳-۱۳۹۸ ۱۰:۳۳ عصر
آخرین ارسال: magbot
  نرخ پرش در طراحی سایت sitecode 0 53 ۲۶-۳-۱۳۹۸ ۰۹:۲۸ عصر
آخرین ارسال: sitecode
  طراحی سقف کاذب kohanpishe 0 485 ۲۴-۴-۱۳۹۷ ۰۲:۲۶ عصر
آخرین ارسال: kohanpishe
  وب سایت تبلیغاتی arash.mousavi 0 1,789 ۲۲-۵-۱۳۹۶ ۱۲:۳۰ عصر
آخرین ارسال: arash.mousavi
  سایت های مفید و ضروری علی عابدینی 4 8,314 ۲۰-۱۱-۱۳۹۵ ۱۲:۱۴ صبح
آخرین ارسال: tehran-design

پرش به انجمن: