آخرین مطالب ارسال شده در گروه Web-Design
-
20 طراحی UI برای Footer وبسایت
از مثال های این مقاله می توانیم مطالب مختلفی درباره ی Footer ها و طراحی آن ها متوجه شویم. طراحان می توانند Footer های مشابهی نظیر مواردی گفته خواهد شد طراحی کنند و از آن ها در وبسایت خود استفاده کنند. بسیاری از ما Footer را به عنوان یک المان مهم درنظر نمی گیریم اما درواقع Footer شامل موارد مهمی در رابطه با وب سایت و شرکت یا سازمان وبسایت می باشد بنابراین تمام این وبسایت دررابطه با طراحی UI برای Footer های وبسایت خواهد بود.
-
تفاوت بین Frontend و Backend چیست؟
برای اینکه در دنیای وب موفق شوید نیاز است که شما با دو مفهموم مهم و کاربردی در دنیای وب، Frontend و Backend و تفاوت بین این دو آشنا باشید و بتوانید با توجه به نیازتان از آن ها بهره مند شوید. در این مقاله سعی بر این است که در مورد این دو مفهوم و تفاوت بین آن ها، مطالب آموزنده و مفیدی در اختیار شما عزیزان قرار گیرد.
-
10 مورد از نکات مهم و کاربردی در طراحی UI (رابط کاربری)
تمام افرادی که در حوزه ی طراحی سایت فعالیت دارند یکی از مواردی که باید نسبت به آن توجه اساسی داشته باشند، طراحی UI یا رابط کاربری می باشد. از این رو ما در اینجا 10 مورد از نکات کلیدی و مهم که در طراحی رابط کاربری باید بدانید را برای شما عزیزان آماده کرده ایم.
-
نحوه استفاده از Bootstrap با React
در این آموزش چندین راه مختلف که می توانیم Bootstrap را با اپلیکیشن React خود ادغام کنیم بررسی خواهیم کردیم و همچنین نحوه ی کار با دو کتابخانه ی محبوب React Bootstrap به نام react-bootstrap و reactstrap را نیز بررسی خواهیم کرد.در این آموزش با چندین کامپوننت Bootstrap نظیر alert ، badge ، dropdown ، navbar ، nav ، form ، button ، card و غیره کار خواهیم کرد.
-
15 کتابخانه جالب JavaScript و CSS در ژوئيه 2018
همانطور که میدانید JavaScript دارای کتابخانه های بسیاری است در این مقاله می خواهیم 15 تا از جالب ترین کتابخانه های JavaScript و CSS را به شما معرفی کنیم.
-
معرفی Flexbox در CSS
در این مقاله به Flexbox و کاربرد آن نگاهی خواهیم انداخت. امروزه تعریف بهتری از طراحی ریسپانسیو داریم. یک ماژول لایه‌بندی جدید CSS به نام Flexible Box (یا Flexbox) وجود دارد که مرورگرهای زیادی از آن پشتیبانی می‌کنند.
-
ویژگی های جدید Grid درBootstrap 4
بوت‌استرپ 4 تغییرات بسیار و ویژگی‌های جدیدی را برای گریدبندی که همه با نسخه 3 آن آشنا هستیم، به ارمغان آورده است. حالا گرید جدید توسط flexbox قدرتمندتر شده است، بسیاری از کلاس‌های سودمند تغییر نام داده‌اند و XL breakpoint اضافه شده است.
-
بهترین شیوه‌های طراحی وب در سال 2018
طراحان وب درتلاش‌های مداوم برای مقابله با چالش‌های روزافزون طراحی وب برای ایجاد وب‌سایت‌های کاربرپسند، خلاقانه، سازگار و مناسب هستند. تا امروز، بخش طراحی وب با ایده‌های بی‌شماری همراه با قابلیت‌های طراحی کاملا شگفت‌انگیز و صفحات وب جذاب معرفی شده است. با ظهور چندین روند طراحی وب‌سایت‌های استثنایی، سرویس‌های توسعه وب Laravel در نتیجه‌ی به دست آوردن پذیرش بالا، شکوفا شدند.
-
استفاده از SCSS برای استایل دادن به صفحات وب با استفاده از Gulp و Sass
در این مقاله می خواهیم به شما نشان دهیم که چگونه Sass را به پروژه های خودتان اضافه کنید تا بتوانید با استایل های CSS بهتر کار کنید.SCSS یک نوع پیشرفته ای از CSS میباشد مثلا در آن می توان متغیر تعریف کرد و از حلقه ها استفاده کرد ویک روش برای کوتاه تر نویسی CSS می باشد.
-
درک طراحی متریال (Material Design)
متریال را می‌توان به عنوان چیزی شبیه کاغذ هوشمند تصور کرد. مثل کاغذ، سطوح و لبه‌هایی دارد که نور و سایه‌ها را منعکس می‌کند، اما برخلاف کاغذ متریال دارای خواصی است که کاغذ واقعی ندارد، مثل توانایی حرکت دادن آن، تغییر شکل و سایز آن و ادغام آن با متریال‌های دیگر. علی‌رغم این رفتار ظاهرا جادویی، متریال باید مانند یک شی‌ءفیزیکی رفتار کند.
-
وقتی انگیزه خود را به عنوان یک طراح از دست می‌دهید، چه کاری باید انجام دهید
گاهی وقت‌ها نمی‌خواهید کارتان را انجام دهید. به سختی از جای خود بلند می‌شوید، کامپیوتر را روشن می‌کنید و کار خود را انجام می‌دهید. احساس خستگی و بی حوصلگی دارید. در وهله اول، از اینکه چرا شغل طراحی را انتخاب کرده‌اید حس خوبی ندارید و متعجب شده و به خود می‌گویید آیا باید این کار را رها کرده و به سمت شغل دیگری بروم.
-
10 تکنیک عالی برای طراحی وب در جذب موثرمشتریان
در این مقاله تکنیک های اهمیت تصاویر ، ترکیب محصولات مرتبط ، راه آسان برای ورود و خروج ، طبقه بندی محصولات ، ساخت وبسایت تعاملی ، طراحی وب Responsive ، ساده سازی تجربه ی خرید ، طراحی ساده ، بارگذاری سریع و بهبود جنبه ی دیداری که باعث جذب موثر مشتریان می شود را بررسی خواهیم کرد.
-
تئوری رنگ ها در طراحی قالب سایت
رعایت تئوری رنگ ها در طراحی قالب سایت بسیار مهم است. استفاده از ترکیب صحیح عناصر رنگ برای طراحی قالب سایت می تواند بسیار تاثیرگذار باشد.
-
بهترین زبان برنامه نویسی برای طراحی سایت در سال 2018
برای انتخاب بهترین زبان برنامه نویسی برای طراحی سایت باید زبان های مختلف را بشناسید. بهترین زبان برنامه نویسی برای طراحی سایت طبق شرایط پروژه تعیین می شود.
-
نکات طلایی در خصوص سازگاری وب سایت با موبایل
سازگاری وب سایت با موبایل از مسایل بسیار مهم بوده که باید رعایت شود. نکات طلایی در خصوص سازگاری وب سایت با موبایل را به سادگی بیاموزید.
-
افزایش تجربه کاربری با طراحی وب سایت خود
طراحی وبسایت بر روی نمایش front-end وبسایت تمرکز دارد، که شامل مواردی همچون تشکیل طرح، انتخاب رنگ مناسب، انتخاب بهترین فونت و سایز و ایجاد فایل CSS برای درج تمام استایل‌های خارجی میباشد. با این حال این کافی نیست؛ این مسأله نیز ضروری است که مطمئن شوید آن‌ها به دستیابی به تجربه کاربری عالی کمک می‌کنند.
-
جدیدترین روش های طراحی وب سایت پویا
با یادگیری روشهای طراحی وب سایت پویا می توانید بهترین سایت ها را طراحی نمایید. طراحی وب سایت پویا نیاز به اطلاع از جدیدترین متدها دارد.
-
راهنمای ساده رنگ برای توسعه‌دهنده وب
ما هرگز به دنبال تئوری رنگ نبوده‌ایم و همیشه به دنبال آن بودیم که یک چرخ رنگی را در دست بگیریم و از طرح‌های رنگی استفاده کنیم. در این مقاله شما یک چرخ رنگی را نمی‌بینید، اما ما قصد داریم یک جریان کار در رابطه با رنگ‌ها را به شما نشان دهیم که می‌توانید در پروژه وب بعدی خود استفاده کنید.
-
مزایا و معایب استفاده از تکنیک های غیر بصری طراحی سایت
استفاده از تکنیک های غیر بصری (Non-visual) طراحی سایت سبب می شود که به اهداف خود دست یابید. تکنیک های غیر بصری طراحی سایت حرکتی بسیار حرفه ای به سوی موفقیت است.
-
10مورد از بهترین Framework های material design
در بین انبوهی از framework های material design که هم اکنون در درسترس هستند مهم ترین موضوع انتخاب بهترین مورد برای هر نیاز شماست. در این مقاله تعداد محدودی از چنین framework های طراحی که در زمینه ی خود بهترین هستند، عملکرد های زیاد و ماهیت به روز دارند، ساده و مفید هستند را انتخاب کرده ایم و معرفی می کنیم.