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

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

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




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

مدت زمان دوره 8:7:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

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

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


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

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