طراحی برای یک مجله دیجیتال مشابه طراحی برای یک مجله چاپی است، اما انتخاب های دیگری نیز وجود دارد که باید در نظر بگیرید. تعامل مهم است، اما آسان کردن آن برای خواندن و پیمایش بسیار مهم است. در این دوره، Nigel French نحوه استفاده از مجموعه ابزار انتشار دیجیتال InDesign برای ایجاد یک مجله برای iPad را پوشش می دهد. او به شما نشان می دهد که چگونه می توانید تعامل را در قالب نمایش اسلاید، نقشه و صدا و تصویر اضافه کنید. به علاوه، یاد بگیرید که چگونه پروژه را به یک برنامه iOS تبدیل کنید.

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

آموزش ایجاد یک انیمیشن وب از یک فایل Illustrator ساده، با Ai2Canvas—یک افزونه رایگان که تقریباً با هر نسخه از Illustrator، از CS3 تا CC، کار می کند. در این پروژه کوتاه طراحی وب، کریس کانورس نحوه دستیابی به انیمیشن های پیچیده با Ai2Canvas را به سادگی با نامگذاری لایه های خود با ویژگی های مختلف انیمیشن نشان می دهد. او همچنین نشان می دهد که چگونه می توان ویژگی هایی مانند چرخش و مبدا را برای طراحی های حرکتی جالب تر ترکیب کرد و فایل های پروژه را برای تحویل وب فشرده کرد. فایل های تمرین این دوره برای همه اعضای lynda.com رایگان است، پس همین امروز آن ها را دانلود کنید.

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

آیا می دانستید که می توانید منوهای کشویی را با چیزی جز HTML و CSS به صفحه وب خود اضافه کنید؟ معمولاً منوهای تعاملی با جی کوئری یا چارچوب جاوا اسکریپت دیگر انجام می شوند. اما حقیقت این است که با CSS می‌توانید همان تجربه غنی از جمله پشتیبانی کامل از iOS و دستگاه‌های ویندوزی با صفحه لمسی را ایجاد کنید. در این قسمت از طراحی وب، کریس کانورس به ما می‌آموزد که چگونه فهرست‌ها، سبک‌ها و موقعیت‌ها را در فهرست قرار دهیم، نشانه‌گذاری ARIA را برای سازگاری متقاطع اضافه کنیم و منوها را کاملاً پاسخگو کنیم.


>rnrn امروز آنها را دانلود کنید تا شروع به ایجاد منوهای کشویی چندسطحی خود کنید.

جداول HTML نباید فقط خواندنی باشند. نحوه ایجاد جداول را بیاموزید که به کاربران امکان می دهد آنها را به هر طریقی که مناسب می دانند مرتب کنند. Chris Converse نحوه استفاده از jQuery و یک افزونه رایگان به نام tablesorter را برای ایجاد یک جدول قابل مرتب سازی و تعاملی تنها با چند خط کد توضیح می دهد. او همچنین نشان می دهد که چگونه می توان فلش ها و رنگ های نشانگر را با CSS اضافه کرد و یک تجزیه کننده سفارشی برای مرتب سازی هوشمندانه تاریخ ها ایجاد کرد. مانند تمام قسمت‌های طراحی وب، فایل‌های تمرین این دوره (از جمله افزونه جدول‌بندی) برای همه اعضا رایگان است.

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

Adobe Animate نرم افزار متحرک متمرکزی است که بهترین ابزارها را از Flash Professional گرفته و با Creative Cloud همراه می کند. در این دوره آموزشی، با همراهی متخصص جوزف لابرک، با ویژگی‌ها و پیشرفت‌های جدیدترین نسخه‌های Adobe Animate آشنا شوید. رابط کاربری مدرن، تنظیمات پیشرفته Onion Skin و براش‌های وکتور شتاب‌دهنده GPU مانند Fluid Brush را کاوش کنید. در مورد ابزارهای پیشرفته انیمیشن، از جمله بهبودهای Frame Picker و تنظیمات پیش‌تنظیمی آسان برای کلاسیک و شکلک‌ها بیاموزید. آخرین پیشرفت‌های تعاملی، از جمله اعلامیه‌های جهانی جاوا اسکریپت، توانایی گنجاندن ارجاع به کتابخانه‌های جاوا اسکریپت خارجی، و ویژگی‌های جدید برای اجزای ویدیوی Canvas HTML5 را دریافت کنید.