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

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



[-]
آخرین ارسالی ها
دستورالعمل نحوه تودیع پروانه وکالت به مرکز وکلای قوه قضاییه
شروع کننده:مظفری آخرین پست توسط:مظفری پاسخ ها:0 وکلا و مشاوران حقوقی نمایش ها:8 زمان:۳۰-۵-۱۳۹۸
امام‌جمعه مشهد: مرکز وکلای قوه قضاییه باید مرجعیت پیدا کند
شروع کننده:مظفری آخرین پست توسط:مظفری پاسخ ها:0 اخبار وکالت و قضاوت نمایش ها:10 زمان:۳۰-۵-۱۳۹۸
دکتر سید حجت الله علم الهدی از جوان‌ترین مدیران حقوقی کشور
شروع کننده:علی عابدینی آخرین پست توسط:علی عابدینی پاسخ ها:0 اخبار قوه قضائیه نمایش ها:8 زمان:۳۰-۵-۱۳۹۸
معرفی وکیل نمونه ، قاضی نمونه ، کارشناس نمونه ، مدیر دفتر نمونه و منشی دادگاه نمونه
شروع کننده:علی عابدینی آخرین پست توسط:علی عابدینی پاسخ ها:0 تبادل افکار و نظرات نمایش ها:18 زمان:۲۱-۵-۱۳۹۸
سایت مراکز وکلای استانها
شروع کننده:علی عابدینی آخرین پست توسط:علی عابدینی پاسخ ها:0 لینک مراکز وکلای استانی نمایش ها:15 زمان:۲۱-۵-۱۳۹۸
رصدخانه علمی آراء قضایی در يزد راه‌اندازی می‌شود
شروع کننده:علی عابدینی آخرین پست توسط:علی عابدینی پاسخ ها:0 اخبار دادگستری استان ها نمایش ها:18 زمان:۲۱-۵-۱۳۹۸
سالار آقاخان فرار کرد . . .
شروع کننده:علی عابدینی آخرین پست توسط:علی عابدینی پاسخ ها:0 اخبار قوه قضائیه نمایش ها:28 زمان:۳۰-۵-۱۳۹۸
کاهش 32 درصدی طلاق در اردکان یزد
شروع کننده:علی عابدینی آخرین پست توسط:علی عابدینی پاسخ ها:0 اخبار عمومی ، سیاسی ، اقتصادی و غیره نمایش ها:21 زمان:۲۱-۵-۱۳۹۸
کشف 529 کیلو تریاک در شهرستان اردکان یزد
شروع کننده:علی عابدینی آخرین پست توسط:علی عابدینی پاسخ ها:0 اخبار عمومی ، سیاسی ، اقتصادی و غیره نمایش ها:17 زمان:۲۱-۵-۱۳۹۸
کمک به کشف حقیقت، رسالت وکلاست
شروع کننده:علی عابدینی آخرین پست توسط:علی عابدینی پاسخ ها:0 اخبار دادگستری استان ها نمایش ها:15 زمان:۲۱-۵-۱۳۹۸
جهت حرکت: - سرعت: - (توقف | حرکت) - بارگذاری مجدد


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

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

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

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

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


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


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


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



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


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


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


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


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

پرش به انجمن: