قیمت این دوره : 200,000 100,000 تومان
  • مدرس دوره : صادق جعفری ( رزومه )
  • تعداد دانشجویان این دوره : 19 نفر
  • تعداد ویدیوها : 26 ویدیو
  • مدت زمان دوره : 8:7:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/07/24
ثبتـــ نام در این دوره
آموزش طراحی قالب سایت برای بوت استرپ 4 در فتوشاپ

آموزش طراحی قالب سایت برای بوت استرپ 4 در فتوشاپ

یکی از پر طرفدار ترین موضوعات در زمینه گرافیک، طراحی قالب سایت است که با یک جستجوی ساده در اینترنت میتونیم دوره های آموزشی بی شماری رو برای طراحی قالب سایت در فتوشاپ پیدا کنیم.
اما طی سالهایی که دارم طراحی سایت و برنامه نویسی انجام میدم، و با گرافیست های زیادی همکاری داشتم و تعداد زیادی (بیشتر از 50 تا) پروژه رو با قالب اختصاصی که ابتدا در فتوشاپ طراحی شده بودند انجام دادم، تابحال ندیدم که یک گرافیست، قالبی در فتوشاپ طراحی کنه که 100% استاندارد برای بوت استرپ باشه!
درواقع اکثر گرافیست ها اطلاعاتی در زمینه کدنویسی ندارند و فقط به زیبایی و خلاقیت اهمیت میدن!
بنابراین تصمیم گرفتم این دوره رو خودم برای اولین بار برگزار کنم و طراحی قالب سایت رو 100% بهینه و استاندارد با بوت استرپ 4 آموزش بدم.
یکی از نکات مثبت دیگه که در این دوره وجود داره این هست که در اکثر دوره های آموزشی، یک پروژه عملی پیاده سازی می شود اما در این دوره دو پروژه عملی داریم که هر دو بصورت حرفه ای در 5 سایز xs و sm و md و lg و xl طراحی می شوند.
نکته جالب دیگری که وجود دارد این است که نیاز نیست شما به بوت استرپ 4 تسلط داشته باشید تا بتونید در این دوره شرکت کنید و درواقع پیش نیاز این دوره فقط مبانی اولیه کار با ابزار های فتوشاپ می باشد.

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

فهرستـــ ویدیوها

مدت زمان دوره 08:07:52
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
لطفا در در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.
1
  • جلسه معرفی دوره

  • 00:10:00
  • رایگانــ

جلسه معرفی دوره

2
  • نصب و معرفی ابزار کار

  • 00:11:00
  • رایگانــ

در این جلسه ابزار مورد نیاز برای این دوره را معرفی کرده و به نصب و فعال سازی آن می پردازیم.

3
  • شروع طراحی قالب و نحوه استفاده از آیکون ها

  • 00:26:00
  • رایگانــ

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

4
  • طراحی بخش نوبار شبکه های اجتماعی و جستجو

  • 00:16:00
  • رایگانــ

در این جلسه منوی شبکه های اجتماعی و فیلد جستجو در سایت رو طراحی کرده و بکگراند منوی اصلی سایت رو برای جلسه آینده قرار می دهیم.

5
  • طراحی بخش نوبار کاربری و نوبار اصلی

  • 00:28:00
  • نقدیــ

در این جلسه منوی کاربری و منوی اصلی سایت را طراحی می کنیم.

6
  • طراحی اسلایدر تصاویر

  • 00:21:59
  • نقدیــ

در این جلسه اسلایدر تصاویر و کنترلر های مربوطه رو طراحی می کنیم

7
  • طراحی بخش خدمات ما

  • 00:35:00
  • نقدیــ

در این جلسه، بخش خدمات ما را طراحی می کنیم

8
  • طراحی بخش وبلاگ - قسمت اول

  • 00:18:30
  • نقدیــ

در این جلسه یکی از آیتم های وبلاگ را طراحی می کنیم

9
  • طراحی بخش وبلاگ - قسمت دوم و پایانی

  • 00:18:30
  • نقدیــ

در این جلسه آیتم های وبلاگ را کامل کرده و دکمه های کنترل اسلایدر وبلاگ را قرار می دهیم

10
  • طراحی بخش فوتر و تکمیل طراحی در سایز xl

  • 00:11:00
  • نقدیــ

در این جلسه فوتر را در سایز xl طراحی کرده و به طور کلی سایز xl را تکمیل می کنیم

11
  • انتقال پروژه اول به سایز lg - جلسه اول

  • 00:15:30
  • نقدیــ

در این جلسه قالبی که در سایز xl طراحی کرده بودیم را به سایز lg منتقل می کنیم و هدر و خدمات را در سایز lg تنظیم می کنیم

12
  • انتقال پروژه اول به سایز lg - جلسه آخر

  • 00:09:00
  • نقدیــ

انتقال پروژه اول به سایز lg - جلسه آخر

13
  • انتقال پروژه اول به سایز md

  • 00:16:30
  • نقدیــ

در این جلسه قالبی که به عنوان پروژه اول طراحی کرده بودیم را به سایز md منتقل می کنیم

14
  • انتقال پروژه اول به سایز sm - قسمت اول

  • 00:12:56
  • نقدیــ

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

15
  • انتقال پروژه اول به سایز sm - قسمت دوم و آخر

  • 00:16:14
  • نقدیــ

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

16
  • شروع پروژه عملی دوم

  • 00:08:01
  • نقدیــ

در این جلسه قالب خام پروژه عملی دوم رو آماده کرده و یکسری موارد را بررسی می کنیم

17
  • ایجاد طیف رنگ جهت استفاده در تمام پروژه ها

  • 00:20:00
  • نقدیــ

در این جلسه طیف رنگ را طبق روانشناسی رنگ بوت استرپ ایجاد می کنیم

18
  • طراحی ساختار اصلی پنل مدیریت

  • 00:28:03
  • نقدیــ

در این جلسه ساختار اصلی هدر و سایدبار قالب پنل رو طراحی می کنیم

19
  • طراحی بخش سایدبار

  • 00:24:47
  • نقدیــ

در این جلسه بخش سایدبار رو طراحی می کنیم

20
  • طراحی بخش خلاصه گزارش در داشبرد

  • 00:19:31
  • نقدیــ

در این جلسه بخش خلاصه گزارش در داشبرد را طراحی می کنیم

21
  • طراحی کیف پول و آخرین تیکت ها در داشبورد

  • 00:28:34
  • نقدیــ

در این جلسه بخش های کیف پول و آخرین تیکت ها را در داشبورد طراحی می کنیم

22
  • طراحی آخرین فاکتور ها و اتمام صفحه داشبورد

  • 00:20:11
  • نقدیــ

در این جلسه بخش های آخرین فاکتور ها و فوتر را طراحی کرده و صفحه داشبورد را به اتمام می رسانیم

23
  • طراحی صفحه پیغام ها و اعلان ها

  • 00:21:05
  • نقدیــ

در این جلسه صفحه پیغام ها , alert را طراحی می کنیم

24
  • طراحی بخش دکمه ها و نوار پیشرفت

  • 00:18:20
  • نقدیــ

در این جلسه بخش های دکمه ها buttons و نوار پیشرفت progressbar رو طراحی می کنیم

25
  • طراحی صفحه فرم ها - جلسه اول

  • 00:20:58
  • نقدیــ

در این جلسه چک باکس ها، ردیو ها و سوئیچ را طراحی می کنیم

26
  • طراحی صفحه فرم ها - جلسه آخر

  • 00:12:13
  • نقدیــ

در این جلسه صفحه فرم را کامل کرده و صفحات تکمیل می شوند

نظرات کاربران در رابطه با این دوره

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .