آموزش طراحی طرح‌بندی خلاقانه برای طراحان وب و رابط کاربری ► دیگر نیازی به طرح‌بندی خسته‌کننده نیست

Creative Layout Design for Web and UI Designers ► No more boring layouts

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

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

افزایش می یابد

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

پس با طرح‌بندی‌های جعبه‌ای خسته‌کننده گیر نکنید

چیزهایی که در این کلاس خواهید آموخت

است
  • طرح‌بندی‌های جذاب‌تر و قدرتمندتر طراحی کنید

  • طرح‌بندی‌های خسته‌کننده مشابه را مانند سایر طراحان رابط کاربری طراحی نکنید

  • چرا طرح‌بندی‌ها (هدف آنها) ایجاد می‌کنیم

  • شبکه ها، ناودان ها و حاشیه ها چیستند

  • نحوه استفاده از طرح بندی یک، دو یا چند ستونی

  • چیدمان گل چیست و چه زمانی باید از آنها استفاده کرد

  • طرح مشبک بنایی چیست؟

  • نحوه استفاده خلاقانه از حاشیه در طرح‌بندی وب‌سایت یا برنامه تلفن همراه

  • نحوه استفاده از روش های خارج از جعبه و روش های همپوشانی در طراحی چیدمان

  • پیدا کردن یک قانون ساده که می تواند چیدمان شما را عالی کند

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

پس بیایید وارد شویم و اکنون طراحی طرح‌بندی‌های عالی را شروع کنیم

6 تکالیف کلاسی در دروس وجود دارد، بنابراین در آنها مکث کنید و سعی کنید آنها را ایجاد و ارسال کنید

1. با استفاده از شبکه بوت استرپ 12 col (همچنین برای فاصله بین آن از بلوک های عمودی استفاده کنید) بخش سربرگ/قهرمان طرح بندی مرکزی یک وب سایت ایجاد کنید.

در اینجا تمام پروژه هایی که برای ساختن نیاز دارید وجود دارد

2. یک طرح بندی دو ستونی

ایجاد کنید

3. طرح بندی چند ستونی

ایجاد کنید

4. ایجاد طرح بندی گل

5. عناصر همپوشانی در طراحی چیدمان

6. حاشیه های سنگین در طرح یک طرف


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

درس ها Lessons

  • روش خارج از جعبه و روکش در Layout Design Out of box and overlay method in Layout Design

  • با تشکر از همه Thanks everyone

  • استفاده خلاقانه از حاشیه ها در طراحی چیدمان Creative use of Margins in Layout Design

  • استفاده از تاکید در طراحی چیدمان Using Emphasis in Layout Design

  • بلوک های عمودی برای فاصله ► مخفی Vertical Blocks for spacing ► Secret

  • پروژه ► طرح بندی گل Project ► Flower Layout

  • چیدمان گل ► راز Flower layout ► Secret

  • پروژه ► طراحی چیدمان همپوشانی Project ► Overlapping Layout Design

  • پروژه ► 2 طرح ستون Project ► 2 Column Layout

  • نحوه ترکیب ستون ها در شبکه ها How to combine columns in grids

  • طرح چند ستونی در طراحی رابط کاربری وب Multi column layout in Web UI Design

  • محتوا چیدمان را مشخص می کند Content defines the layout

  • پروژه ► طرح چند ستونی Project ► Multi-column Layout

  • نمونه‌های طراحی وب و طراحی اپلیکیشن موبایل Web Design and Mobile App Design out of box examples

  • در مرکز با تکنیک طراحی چیدمان تراز چپ Centered with Left align layout design technique

  • پروژه ► طرح حاشیه خلاق Project ► Creative Margin Layout

  • طرح‌بندی تک ستونی برای برنامه‌های وب و موبایل Single column centered layout for Web and Mobile Apps

  • گرید، ناودان و حاشیه چیست؟ What are Grids, Gutter and margins

  • طرح بندی دو ستون با مثال Two column layouts with examples

  • اصول طراحی چیدمان Basics of layout design

  • گرید بنایی در طراحی وب و طراحی اپلیکیشن موبایل Masonry Grid in Web Design & Mobile App Design

  • پایه و ریتم عمودی Baseline and Vertical Rhythm

  • این دوره چه مواردی را پوشش خواهد داد؟ What this course will cover?

  • کشتن با ترکیبات درصدی در طراحی چیدمان Killing with percentage combos in Layout Design

  • متعادل کردن نمونه‌های چیدمان Balancing your layout Examples

  • پروژه ► طراحی چیدمان متمرکز Project ► Centered Layout Design

  • متعادل کردن طرح خود با بلوک ها Balancing your layout with blocks

  • استفاده از حرکت در طراحی چیدمان Using movement in Layout Design

نمایش نظرات

آموزش طراحی طرح‌بندی خلاقانه برای طراحان وب و رابط کاربری ► دیگر نیازی به طرح‌بندی خسته‌کننده نیست
جزییات دوره
3h 24m
28
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
2,353
4 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Muhammad Ahsan Muhammad Ahsan

UI UX Visual Designer 10+ سال

من بیش از 10 سال پیش کار آزاد خود را شروع کردم و خودم همه چیز را به سختی یاد گرفتم. من از صفر شروع به کار کردم تا در نهایت برای شرکت های FORTUNE 500 مانند اینتل، پاناسونیک و کوکاکولا کار کنم.

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

از طراحی نماد برنامه تا طراحی رابط کاربری برنامه، از قالب‌های سیمی، نمونه‌های اولیه و طراحی مدل‌سازی کار کرد. من تشنه کامل کردن رابط کاربری از همه جنبه ها هستم

دانش آموزان من در مورد کلاس های من چه می گویند؟

AWARDS WINS

من فردی با استعدادهای چندگانه هستم که برنده یک مدال طلا، برنده یک مسابقه سراسری طراحی پوستر از PANASONIC و برنده بسیاری از مسابقات طراحی صفحه فرود هستم.

با مشتریانی در سرتاسر جهان بیشتر از ایالات متحده آمریکا، استرالیا، انگلستان و امارات متحده عربی کار کردم و در عین حال چیزهای زیادی در مورد نحوه برخورد با مشتریان در حین کار آزاد و نحوه ارائه کار خود به آنها آموختم

اگرچه من 6 سال پیش به عنوان یک طراح رابط کاربری شروع کردم، اما از سال 2002 با فتوشاپ بازی می کنم

هدف نهایی من ایجاد طراحان رابط کاربری عالی تر و کاهش درد ناشی از یادگیری از تازه واردان در این زمینه طراحی UI است