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

rnrn اما اگر قبلاً جاوا اسکریپت ننوشته اید، نگران نباشید. این دوره یک رویکرد گام به گام برای نوشتن فقط کدهایی را ارائه می دهد که برای تکرار تجربه ای که کریس روی صفحه نشان می دهد نیاز دارید.

در این دوره آموزشی، یاد بگیرید که چگونه یک اپلیکیشن موبایل طراحی کنید و سپس همان برنامه را مستقیماً در Adobe Experience Design (XD) CC نمونه سازی کنید. پل ترانی نحوه چیدمان یک طراحی صفحه نمایش را نشان می دهد، نحوه ایجاد گرافیک و استفاده از متن، و همچنین نحوه وارد کردن گرافیک های برداری و بیت مپ را در یک طرح توضیح می دهد. او نشان می‌دهد که چگونه می‌توان طرح‌های صفحه‌نمایش پیچیده را ایجاد کرد، که با فهرست‌ها و شبکه‌های مکرر تکمیل می‌شود که تغییر آن‌ها به همان اندازه ساده است. هنگامی که طراحی خود را به پایان رساندید، پل نشان می‌دهد که چگونه صفحه‌های مختلف را به یکدیگر پیوند دهید تا برنامه خود را نمونه‌سازی کنید—کامل با تعاملاتی که به صفحه‌های مختلف منتقل می‌شوند و برعکس. نتیجه نهایی یک نمونه اولیه کاملاً طراحی شده است که می تواند به عنوان راهنمای برنامه واقعی استفاده شود. به علاوه، او نشان می دهد که چگونه برنامه خود را با دیگران به اشتراک بگذارید تا بازخورد دریافت کنید، و چگونه محتوا را صادر کنید - تابلوهای هنری، صفحه نمایش و دارایی ها - برای استفاده در جاهای دیگر.

Sketch برای طراحان UX انفرادی عالی است، اما برای تیم هایی که نیاز به اشتراک گذاری محتوا با افراد و برنامه های مختلف دارند نیز بسیار مفید است. با Sketch، طراحان می توانند به راحتی در پروژه ها با پیمانکاران و مشتریان از راه دور همکاری کنند و دارایی هایی را برای نمونه سازی، انیمیشن یا حتی توسعه برنامه صادر کنند. در این دوره کوتاه، کریس کانورس بر روی ویژگی های به اشتراک گذاری و صادرات قوی، و همچنین 20 افزونه و افزونه که Sketch را با دیگر پلتفرم ها، از جمله Zeplin، InVision، و Flinto ادغام می کند، تمرکز می کند. نحوه به اشتراک گذاری فایل ها و قالب های Sketch بومی را بیاموزید. صادرات تابلوهای هنری به فرمت‌های PDF، JPG و PNG. تولید کدهای CSS، SVG و HTML. و انیمیشن ها را مستقیماً از Sketch ایجاد و صادر کنید. این تکنیک‌ها به طراحان کمک می‌کند تا بفهمند که چگونه Sketch در یک گردش کار طراحی UX گسترده‌تر قرار می‌گیرد و به تیم‌ها کمک می‌کند تا دارایی‌ها را به‌طور مؤثرتری به اشتراک بگذارند و دوباره استفاده کنند.

آیا فرآیند طراحی شما با توسعه دهنده سازگار است؟ بیاموزید که چگونه گردش کار UX خود را ساده کنید و با توسعه دهندگان با استفاده از Sketch به طور مؤثرتری همکاری کنید. ناتالی شولز نحوه یافتن و نصب قالب‌ها و پلاگین‌ها را برای خودکارسازی بخش‌هایی از فرآیند طراحی، تنظیم پروژه خود برای ابعاد و وضوح صحیح، و استفاده از نمادها و سبک‌ها برای سازگاری و کارآمدی بیشتر نشان می‌دهد. در پایان گردش کار، او نحوه صادرات دارایی ها را در قالبی نشان می دهد که توسعه دهندگان بتوانند فوراً از آن استفاده کنند.

طراحی های عالی UX با یک ایده خوب شروع می شوند، اما با تحقیق و نمونه سازی کامل می شوند. ابزارهایی مانند Sketch و InVision به شما کمک می‌کنند تا ایده‌های خود را سریع‌تر تأیید کنید و رابط‌های کاربری جذاب‌تری را نمونه‌سازی کنید. در این دوره، Diane Cronenwett، طراح UX، جریان کاری را که به عنوان یک طراح UX در اپلیکیشن موبایل Lynda.com و سایت‌های بسیاری از شرکت‌ها و استارت‌آپ‌های معتبر دیگر آموخته است، طی می‌کند. او به شما کمک می کند تا یک پروژه راه اندازی کنید و ابزارها و تکنیک های مورد نیاز برای ایجاد گرافیک و طرح های آماده تولید برای برنامه های موبایل را به کار ببرید. بیاموزید که چگونه از Sketch برای تعریف یک پالت رنگی، ایجاد نمادهای قابل استفاده مجدد، ساختن صفحه‌های اصلی و جزئیات و افزودن برگه‌ها به نماها استفاده کنید. سپس دارایی‌های خود را به InVision منتقل کنید تا نقاط مهم را اعمال کنید و یک نمونه اولیه قابل کلیک ایجاد کنید. در مرحله نهایی، دایان نشان می دهد که چگونه می توان دارایی ها را برای توسعه صادر کرد.

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