آموزش طراحی وب برای مبتدیان: نحوه طراحی نمونه اولیه وب سایت در Adobe XD (UX/UI)

Web Design for Beginners: How to Design a Website Prototype in Adobe XD (UX/UI)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

آیا می خواهید نحوه طراحی یک وب سایت و ایجاد نمونه های اولیه در Adobe XD را یاد بگیرید؟

این کلاس طراحی وب شما را به چالش می کشد تا سبک طراحی خود را کشف کنید و فرآیند خلاقانه خود را هنگام طراحی وب سایت برای مشتریان ساده کنید. من از Adobe XD استفاده خواهم کرد، اما با خیال راحت از هر ابزار نمونه سازی وب سایت مورد نظر خود استفاده کنید!


این کلاس طراحی وب برای شما مناسب است اگر…

  • شما خلاقی هستید که می خواهید یاد بگیرید چگونه وب سایت طراحی کنید و مسیر طراحی را متصور شوید
  • شما آرزو دارید که یک طراح وب باشید و می خواهید در مورد فرآیند طراحی وب بیشتر بدانید
  • شما یک طراح گرافیک هستید که می خواهید تمرین عملی بیشتری داشته باشید تا خلاقیت خود را با طراحی وب سایت به چالش بکشید
  • می خواهید نمونه سازی وب سایت و طراحی UX/UI را در Adobe XD بررسی کنید
  • شما می خواهید سبک طراحی خود را کشف کنید و کار با مشتریان را تمرین کنید

اگر هر یک از اینها شبیه شماست، به جای درستی آمده اید!

من چهار خلاصه پروژه مشتری ساختگی ایجاد کرده‌ام که به شما کمک می‌کند سبک طراحی خود را کشف کنید و به شما نشان دهد که کار با مشتریان طراحی چگونه است. در مورد نحوه برخورد من با هر خلاصه مشتری (که اغلب بسته به مشتری تغییر می کند)، و همچنین فرصتی برای کسب تجربه در کار با مشتریان طراحی در دنیای واقعی، بینشی در مورد کل فرآیند طراحی من خواهید داشت!

هدف من این است که منابعی را در اختیار شما قرار دهم تا با اطمینان و جدیت به این چهار خلاصه مشتری رسیدگی کنید! من واقعاً معتقدم که تمرین باعث پیشرفت می‌شود، بنابراین از به چالش کشیدن خلاقیت و اشتباه کردن خود نترسید، و در طول مسیر در هر مرحله از فرآیند، در مورد قابلیت‌های طراحی خود بیشتر خواهید آموخت!


در این کلاس من…

را پوشش خواهم داد
  • منابع طراحی گرافیک. از کجا می توان الهام بخش طراحی، دارایی های برند، رنگ ها، تایپوگرافی و موارد دیگر را برای همه نیازهای طراحی خود تهیه کرد.

  • چگونه یک وب سایت با تبدیل بالا طراحی کنیم. عناصر اصلی وب سایت که برای افزایش تبدیل و فروش کاملاً ضروری هستند.

  • کپی وب سایت آناتومی را درخواست می کند. آناتومی یک وب‌سایت و درخواست‌های کپی وب‌سایت را کاوش کنید که به مشتری شما کمک می‌کند تا کپی وب‌سایت خود را به‌خوبی تنظیم کند.

  • فرآیند طراحی UX/UI. بیاموزید که چگونه طرح ها و اجزای وب سایت را در Adobe XD نمونه سازی کنید.

  • شبیه سازی پروژه های مشتری. در چهار خلاصه پروژه مختلف شرکت کنید تا فرآیند خلاقانه خود را به چالش بکشید تا بتوانید کار کردن با مشتریان طراحی را در دنیای واقعی شبیه سازی کنید.

  • سبک طراحی وب خود را کشف کنید. چهار بریف مشتری با پارامترها، اهداف و چالش‌های مختلف طراحی به شما کمک می‌کند سبک طراحی خود را کشف کنید.

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

شما این گزینه را دارید که از بین چهار خلاصه مشتری یکی را انتخاب کنید. شما می توانید انتخاب کنید که فقط یک پروژه را انجام دهید یا می توانید هر چهار پروژه را انجام دهید. هر خلاصه مشتری دارای پارامترهای طراحی، چالش ها و اهداف متفاوتی است تا به شما کمک کند سبک طراحی وب خود را کشف کنید!

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

کالاهای تحویلی کلاس:

  • مجموعه‌ای از تصاویر، یک راهنما ویدیویی یا یک پیوند با نمونه اولیه وب‌سایت نهایی خود برای خلاصه پروژه انتخابی خود در بخش پروژه کلاس آپلود کنید

همراه با پست خود، مطمئن شوید که به سوالات زیر پاسخ داده اید:

  • توضیح و معرفی مختصری درباره وب‌سایتی که طراحی کرده‌اید ارائه کنید
  • از کدام بخش از فرآیند نمونه سازی طراحی وب بیشتر لذت بردید؟


منابع:


سرفصل ها و درس ها

درس ها Lessons

  • خوش آمدی Welcome

  • خلاصه 4: نام تجاری شخصی شما Brief 4: Your Personal Brand

  • متشکرم Thank You

  • خودتان را معرفی کنید Introduce Yourself

  • خلاصه 3: سبک طراحی خود را کشف کنید Brief 3: Discover Your Design Style

  • پروژه های کلاسی شما Your Class Projects

  • صفحه اصلی درخواست ها و آناتومی کپی Home Page Copy Prompts & Anatomy

  • منابع طراحی گرافیک Graphic Design Resources

  • چگونه یک وب سایت با تبدیل بالا طراحی کنیم How to Design a High Converting Website

  • مختصر 1: یک استودیو یوگا Brief 1: A Yoga Studio

  • خلاصه 2: رستوران مدیترانه ای Brief 2: A Mediterranean Restaurant

نمایش نظرات

آموزش طراحی وب برای مبتدیان: نحوه طراحی نمونه اولیه وب سایت در Adobe XD (UX/UI)
جزییات دوره
2h 58m
11
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
18
از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Angelique Vestil Angelique Vestil

کارشناس طراحی وب سایت، برندینگ و بازاریابی


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

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

من دوست دارم کار و زندگی خود را به عنوان یک کارآفرین در ، یوتیوب و به اشتراک بگذارم، بنابراین قطعاً آنها را بررسی کنید!

همچنین می‌توانید مجموعه کامل من را مشاهده کنید و در وب‌سایت من کار کنید یا در منابع منابع بازاریابی، طراحی و کارآفرینی رایگان من را دانلود کنید.