وب و طراحی · از صفر
چیدمان،
خوانایی.
دورهٔ طراحی UI با محمد بیباک
رابط کاربری خوب یعنی صفحهای که کاربر بیدردسر با آن کار کند. این دوره از خود طراحی و فرق UI و UX شروع میشود و به تعادل، ریتم، تایپوگرافی، سلسلهمراتب بصری، عناصر رابط کاربری و رنگ میرسد.
مقدمه با ثبتنام باز است؛ بقیهٔ درسها پس از خرید · قیمت پیشین ۱٬۰۰۰٬۰۰۰ تومان
- درس
- ۹
- فصل
- ۳
- مجموع درسها
- ۴ ساعت و ۵۵ دقیقه
- سطح
- از صفر
01 / کلاس
۹ درس، به ترتیب.
هر درس را از فهرست انتخاب کن و همینجا تماشا کن. درسهایی که برچسب «پیشنمایش» دارند با ثبتنام و بدون خرید باز است؛ بقیه برای کسانی که دوره را خریدهاند.
مقدمه
توضیح و ریزموضوعهای این درس پس از بررسی ویدیو اضافه میشود.
درسها و ترتیبشان از عنوان خود ویدیوها آمدهاند و با صفحهٔ پیشین دوره یکیاند؛ مدت هر درس از خود ویدیوها اندازه گرفته شده است. بخشبندی برای مرور سادهتر است.
برای هر درس یادداشت بنویس؛ با زمان ویدیو ذخیره میشود و همهاش در داشبوردت جمع میشود. برای نوشتن، وارد حسابت شو.
ورود به آکادمیسؤالت را زیر همان درسی بپرس که در آن گیر کردهای تا جواب کنار درس بماند. این بخش همراه با انتشار ویدیوها فعال میشود.
02 / چه یاد میگیری
آخر دوره، اینها را بلدی.
- ۰۱نگاه طراح
میفهمی طراحی چیست و UI و UX چه فرقی دارند، و صفحه را از چشم کاربر میبینی.
- ۰۲چیدمان
با تعادل، وزن بصری، ریتم و تراز، صفحههایی مرتب و آرام میچینی.
- ۰۳تایپوگرافی و سلسلهمراتب
با تایپوگرافی، فضای منفی و تضاد، نگاه کاربر را به مهمترین بخش صفحه میبری.
- ۰۴رابط و رنگ
عناصر رابط کاربری را درست طراحی میکنی و رنگهای صفحه را آگاهانه انتخاب میکنی.
این دوره برای توست اگر…
- کسی که میخواهد طراحی سایت و اپلیکیشن را از پایه و اصولی یاد بگیرد.
- طراح وردپرس یا برنامهنویس وبی که میخواهد صفحههایش هم زیبا باشند و هم راحت کار کنند.
- کسی که به گرافیک علاقه دارد و دنبال یک کار خلاقانه با سرمایهٔ کم است.
چه چیزی لازم داری
- کامپیوتر و اینترنت
- برای تمرین، یک ابزار طراحی مثل فیگما یا صفحهساز وردپرس (اختیاری)
03 / نقشهٔ دوره
۳ فصل، یک مسیر.
هر نوار یک فصل است و هر تکه یک درس؛ طول هر تکه به اندازهٔ مدت همان درس است. روی هر تکه بایست تا اسمش را ببینی.
- ۰۱
شروع
طراحی، UI و UX و جای این دوره در مسیر وب
- ۰۲
اصول بصری
تعادل، ریتم، تایپوگرافی و سلسلهمراتب
- ۰۳
رابط و رنگ
عناصر رابط کاربری و رنگ

04 / مدرس
محمد بیباک
سایت و آکادمی کنارتیم را با همین اصول طراحی کردم. در این دوره همان چیزهایی را میگویم که پیش از چیدن هر صفحه از خودم میپرسم.
- سال کار حرفهای
- +۱۵
- آیتم تلویزیونی
- +۱۲۰۰
- ویدیوی تدوینشده
- +۵۰۰۰
ممنون بابت دوره، و بابت پشتیبانی خوبی که داشتین.

05 / مسیر
قدم ۳ از مسیر از سایت تا فروشگاه
یک سایت بساز، به آن فروشگاه اضافه کن و ظاهرش را حرفهای کن.
- قدم ۱ · ساخت سایتدورهٔ وردپرسصفحه، قالب و مدیریت محتوا
- قدم ۲ · فروشگاهدورهٔ ووکامرسمحصول، پرداخت و سفارش
- قدم ۳ · طراحی · همین دورهدورهٔ طراحی UIچیدمان، تایپوگرافی و رنگ
پیش از این دوره: دورهٔ ووکامرس
06 / سؤالها
دربارهٔ این دوره.
برای این دوره باید نرمافزار خاصی بلد باشم؟
نه. این دوره دربارهٔ اصول طراحی رابط کاربری است، نه آموزش یک نرمافزار؛ همین اصول در هر ابزاری، از فیگما تا صفحهسازهای وردپرس، به کار میآیند.
ویدیوها الان قابل تماشا هستند؟
بله. هر ۹ درس همینجا پخش میشود. درس اول با ثبتنام و بدون تهیهٔ دوره باز است؛ بقیهٔ درسها برای هنرجوهایی است که دوره را تهیه کردهاند.
این دوره را چطور تهیه کنم؟
برای تهیهٔ دوره و دسترسی در تلگرام به پشتیبانی کنارتیم پیام بده (t.me/kenareteam_support). بعد از تهیه، دوره با همان ایمیلت باز میشود. اگر دوره یا پک وبهیرو را از سایت قبلی تهیه کرده بودی، با همان ایمیل وارد شو؛ دورهات آماده است.
برای دیدن دوره باید ثبتنام کنم؟
صفحهٔ دوره و فهرست درسها بدون حساب کاربری دیده میشود. درس اول (مقدمه) با ثبتنام و بدون خرید باز است. تماشای بقیهٔ ویدیوها برای کسانی است که دوره را خریدهاند: با همان ایمیلی که با آن خرید کردهای وارد شو؛ رمز عبور لازم نیست و یک کد یکبارمصرف برایت فرستاده میشود. برای خرید در تلگرام به پشتیبانی کنارتیم پیام بده.
این دوره کجای مسیر وب است؟
قدم آخر مسیر «از سایت تا فروشگاه»: بعد از وردپرس و ووکامرس، ظاهر سایت و فروشگاهت را حرفهایتر و کاربرپسندتر میکند.