آموزش مهارت های UI/UX خود را با نمادهای طرح و راهنماهای سبک پویا ارتقا دهید
Advance Your UI/UX Skills with Sketch Symbols and Dynamic Styleguides
در این کلاس شما یک راهنمای سبک منعطف، مقیاس پذیر و مبتنی بر مؤلفه در Sketch خواهید ساخت. شما یاد خواهید گرفت که از قدرت نمادهای تودرتو برای ایجاد پاسخگو استفاده کنید. عناصری که می‌توانند در سراسر برنامه یا وب‌سایت شما استفاده شوند. با این سیستم، با دسترسی آسان به کتابخانه طراحی و همچنین به‌روزرسانی همه نمونه‌ها، در زمان صرفه‌جویی خواهید کرد. از یک عنصر در پروژه با کلیک یک دکمه. دیگر نیازی به جستجو برای هر نمونه از یک فونت یا رنگ خاص برای ایجاد تغییرات نیست!
این کلاس به شما یاد می دهد که چگونه به سرعت یک کتابخانه UI و همچنین اجزای پاسخگو و آسان با استفاده از نمادهای تودرتو ایجاد کنید. طراحان جدید به Sketch یاد خواهند گرفت که چگونه با برخی از ابزارهای آسان برای درک شروع کنید، در حالی که دانش آموزان باتجربه می توانند بینش بیشتری به دست آورند. نکات و ترفندهای پیشرفته UI/UX! ما یاد خواهیم گرفت که چگونه نمادها، نمادهای تودرتو، تغییر سبک و تنظیمات تغییر اندازه برای ساختن اجزای پیچیده کار می کنند.> در پایان کلاس، یک کتابخانه الگوی ساختاریافته برای استفاده در پروژه‌های Sketch موجود یا آینده خواهید داشت - حتی می‌توانید با یک تیم به اشتراک بگذارید تا همکاری را سریع تر کنید!
این کلاس برای طراحانی که روی تیم‌هایی کار می‌کنند که می‌خواهند ثبات محصولات را افزایش دهند و همچنین طراحان انفرادی و فریلنسرهایی که به دنبال سرعت بخشیدن به گردش کار خود هستند، عالی است. ایجاد تجربیات ثابت به اولویت اصلی طراحان UI/UX تبدیل شده است. با یک سیستم طراحی مانند آنچه در این دوره ایجاد شده است، می توانید رابط های آشنا و قابل پیش بینی ارائه دهید. عملکرد در اندازه های مختلف صفحه نمایش و دستگاه ها.
منابع کلاس:
- مثال سیستم‌های طراحی: ، ،
برای بارگیری الگوهای Sketch و Keynote که در کلاس به آنها ارجاع داده شده است، روی برگه «پروژه شما» در زیر کلیک کنید و در ستون سمت راست با عنوان «فایل‌های پیوست» نگاه کنید.
برای این پروژه، ما یک سیستم طراحی سفارشی شده برای یک برنامه یا وب سایت در Sketch ایجاد خواهیم کرد. مطمئن نیستید از کجا شروع کنید؟ سعی کنید از یک پلتفرم معروف مانند Airbnb، Etsy یا Medium برای ایجاد کتابخانه خود استفاده کنید یا برای ساختن با من همراه باشید یک راهنمای سبک Skillshare iOS! این سایت‌ها الگوهای تکراری زیادی دارند که ساختن آنها را با اجزا و الگوهای طراحی آسان می‌کند. از مفهوم بالا اجتناب کنید. سایت‌های طراحی‌شده و صفحات فرود بازاریابی، زیرا این صفحات دارای عناصر تکرار شونده کمی یا استانداردهای سخت‌گیرانه رابط کاربری هستند.
شما می‌توانید با من در درس‌ها همراه باشید تا به سرعت راهنمای سبک خود را بسازید تا در پروژه‌های مشتری آینده از آن استفاده کنید یا با تیم طراحی خود به اشتراک بگذارید. برای سرعت بخشیدن به گردش کار و سازگاری طراحی خود. پیشرفت خود را با تصاویر صفحه در سرتاسر کلاس به اشتراک بگذارید تا از سایر دانش آموزان و من بازخورد دریافت کنید! هنگام کار بر روی راهنمای سبک خود سؤالی دارید؟ در زیر پست کنید و من به شما کمک خواهم کرد!
برای تکمیل مراحل زیر و آپلود اسکرین شات از هر کدام، همراه باشید:
- یک موجودی سبک از محصول موجود ایجاد کنید. این مستندات در نظر گرفته شده است. برای کمک به یکپارچه سازی محصول خود. با ممیزی همه سبک‌ها و مؤلفه‌های موجود و توجه به ناسازگاری‌ها شروع کنید.
- رنگ ها، تایپوگرافی و نمادهایی را که در راهنمای سبک خود استفاده خواهید کرد، تعریف کنید.
- الگوهای اولیه را در قالب ارائه شده برای مطابقت با برنامه خود شخصی کنید.
- با استفاده از الگوهای قالب جدید خود حداقل 3 جزء سفارشی برای وب سایت یا برنامه خود از ابتدا ایجاد کنید.
- سبک‌ها و مؤلفه‌های خود را به کتابخانه Craft اضافه کنید یا کتابخانه‌های طرح‌دار تا آماده باشند اشتراک گذاری! به این ترتیب همه ما می‌توانیم با استفاده از یک راهنما با دیگران کار کنیم.
- با اشتراک‌گذاری اسکرین‌شات‌ها در بخش پروژه‌ها در زیر، تمام تلاش‌های سخت خود را جشن بگیرید!
پروژه منابع:
- دانلود و
درس ها Lessons
-
استفاده از نمادها در گردش کار Using symbols in your workflow
-
خلاصه Recap
-
سفارشی کردن قالب خود Customizing your template
-
راهنمای سبک خود را به اشتراک بگذارید Sharing your styleguide
-
تریلر Trailer
-
مقدمه ای بر Sketch Symbols Intro to Sketch Symbols
-
ساخت اجزای سفارشی با نمادها Building custom components with symbols
-
سیستم طراحی چیست؟ What is a design system?
-
تنظیمات تغییر اندازه را طرح ریزی کنید Sketch resize settings
-
ایجاد فهرست واسط Creating an Interface Inventory
https://donyad.com/d/33a2
Rye B.
طراحی محصول @ Skillshare
نمایش نظرات