آموزش طراحی وب سایت واکنش گرا: ایجاد وب سایت های انعطاف پذیر که ماندگار هستند
Responsive Web Design: Creating Flexible Websites That Last
همه ما بیشتر از همیشه از دستگاه ها و صفحه نمایش استفاده می کنیم. برای معرفی کامل و عملی برای ابهام زدایی از طراحی وب ریسپانسیو به طراح وب، ایتان مارکوت بپیوندید.
همانطور که وب‌سایت‌ها از رایانه‌های رومیزی خارج شدند و به تلفن‌ها، تبلت‌ها و فراتر رفتند، طراح وب، اتان مارکوت نیاز به رویکرد جدیدی برای نحوه ساخت و تفکر درباره وب‌سایت‌ها را دید.
راه حل او؟ طراحی وب ریسپانسیو .
مفهوم طراحی ریسپانسیو اتان مسیری را برای طراحان در سرتاسر جهان هموار کرد تا به جای ساخت‌های منفرد برای هر دستگاه جدید، تجربه‌ای منعطف و منعطف طراحی کنند.
این کلاس 60 دقیقه ای نگاهی جامع و پشت صحنه به رویکرد بصری و همیشگی اتان برای طراحی واکنشگرا است.
درسهای کلیدی عبارتند از:
- ساخت شبکه های سیال به عنوان پایه وب سایت شما
- ایجاد تصاویر منعطف که با صفحه شما مطابقت دارند
- استفاده از پرسش‌های رسانه‌ای برای پیشبرد بیشتر طراحی خود
- به‌روزرسانی فرآیند شما برای ایجاد طراحی پاسخگوتر
بعلاوه، به دنبال ساختن وب سایت ایتان از ابتدا تا انتها.
چه در حال کار بر روی یک صفحه ساده یا یک پروژه بزرگ و پیچیده باشید، مهارت‌های لازم برای ایجاد وب‌سایت‌های زیبا و کاربردی که به‌طور یکپارچه از صفحه‌ای به صفحه دیگر منتقل می‌شوند و کار شما را تضمین می‌کنند، از دست خواهید داد. برای سال‌های آینده استفاده خواهد شد، مهم نیست که کاربران شما چه دستگاهی را انتخاب می‌کنند.
یک وب سایت واکنش گرا را که ساخته اید به اشتراک بگذارید!
را دنبال کنید زیرا اتان یک صفحه فرود ساده و فقط متنی را به یک وب سایت کاملاً پاسخگو و غنی از تصویر تبدیل می کند. نسخه خود از صفحه وب اتان یا صفحه ای که خودتان ایجاد کرده اید را به اشتراک بگذارید. به ما بگویید:
- با چه موانعی مواجه شدید و چگونه آنها را حل کردید؟
- چگونه برای صفحات بزرگتر و بزرگتر "لایه بر روی پیچیدگی" انجام دادید؟
- هنگام فکر کردن به نحوه مدیریت تصاویر چه مواردی را مد نظر قرار دادید؟
منابع
- برای همراهی با ایتان در سراسر کلاس
- یا، و در مرورگر خود کار کنید
- Ethan's و Twitter را کاوش کنید.
- مقاله اصلی Ethan در مورد طراحی وب واکنشگرا را بخوانید.
- کتاب های Ethan را در زمینه طراحی وب واکنش گرا بیابید.
کلاس های بیشتری را در Skillshare کاوش کنید
- - راشل اندرو
- - هری رابرتز
- - اسپنسر شیمل
درس ها Lessons
-
یک فرآیند پاسخگوتر A More Responsive Process
-
مرحله دوم: تصاویر انعطاف پذیر Step Two: Flexible Images
-
مرحله اول: شبکه های سیال Step One: Fluid Grids
-
طراحی ریسپانسیو چیست؟ What is Responsive Design?
-
بعد چه می شود؟ What's Next?
-
تنظیم دقیق طراحی شما Fine-Tuning Your Design
-
معرفی Introduction
-
افکار نهایی Final Thoughts
-
مرحله سوم: پرسش های رسانه ای Step Three: Media Queries
https://donyad.com/d/6baa87
Ethan Marcotte
طراح وب
من هستم، و کسی که کل این کار " " را شروع کرد.
من به شرکت‌ها کمک می‌کنم چیزهای زیبایی بسازند که همه جا کار کنند. تمرین من بر روی رابط‌های واکنشگرا و ناشناس دستگاه تمرکز دارد. در طراحی برای عملکرد و دسترسی. و در مورد ایجاد سیستم‌های طراحی دیجیتال. من این کار را برای مشتریانی مانند Google، مجله People ، جشنواره فیلم ساندنس، The Boston Globe و موارد دیگر انجام داده‌ام. span>
اصولاً، من از کار کردن روی مسائل دشوار طراحی در کنار افراد خوب و متفکر لذت می برم.
نمایش نظرات