info@academyit.net 02144284207
  1. صفحه نخست
  2. همه آموزشها
  3. آموزشهای پریمیوم
  4. آموزش طراحی قالب سایت UI از 0 تا 100 پروژه محور | آکادمی آی تی

خلاصه دوره

آموزش طراحی قالب سایت

امتیاز
آموزش طراحی قالب سایت UI از 0 تا 100  پروژه محور | آکادمی آی تی مدت زمان 09:19:03
تعداد ویدئوها 31 فایل
درصد تکمیل 100%
100%

مدرس دوره

علی عارفی نیا

مدرس و متخصص ارشد حوزه طراحی و برنامه نویسی با بیش از 13 سال سابقه کارب و بیش از 9 سال سابقه تدریس

مشاوره تلفنی

با ما تماس بگیرید

درصورتی که نیاز به مشاوره تلفنی دارید لطفا در روز های شنبه تا 4 شنبه بین ساعات 9 الی 16 با شماره تلفن زیر تماس حاصل فرمایید تا مشاوران دوره در این زمینه شما را راهنمایی کنند .
02144284207

دوره جامع آموزش طراحی قالب سایت

آموزش پروژه محور طراحی ui سایت

آموزش ویدئویی طراحی صفر تا صد قالب سایت به زبان ساده

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

دوره طراح سایت حرفه ای

طراحی ui سایت

زمانی که کاربری برای اولین بار وارد سایت شما میشود اولین چیزی که میبیند قالب سایت شماست، اگر قالب سایت شما نامناسب باشد، بدون شک کاربر سایت شما را میبیند و احتمال اینکه اصلا به محتوا شما توجه کند بسیار کم است. پس هر چقدر سایت قوی و محتوای حرفه ای داشته باشید اما قالب زیبا نداشته باشید کاربرا رو از دست میدهید. ظاهر سایت یکی از عواملی است که سبب موندگاری کاربر در سایت شما میشود، شما با طراحی قالب زیبا برای سایت میتوانید زمان موندنگاری کاربر را در وب سایتتان افزایش دهید؛ پس عملا به سئو سایت شما هم کمک میکنه.
چه بسا با طراحی قالب زیبا و خاص میتونید در ذهن کاربر موندگار بشوید.

طراحی ui زیبا سبب جذب کاربر میشود

 

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

 

با چه ابزاری قالب سایت طراحی کنیم؟

با یکی از ابزارهای زیر یا همشون میتوانید قالب های زیبا طراحی کنید

طراحی قالب با فتوشاپ

طراحی المان با ایلاستریتور

طراحی قالب سایت با adobe xd

ما در این آموزش ابزار حرفه ای فتوشاپ را کار میکنیم 

 

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

 

 

 

من که از فتوشاپ چیزی نمیدونم!

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

 

مزیت های این آموزش برای من چیه؟

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

 

سایر مزیت های این دوره کاربردی

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

 

 

در این دوره از چه تکنولوژی های استفاده شده است؟

  • ما در این دوره برای پیاده سازی طرح دستی از ابزار بسیار پیشرفته Wireframe استفاده کرده ایم.
  • با استفاده از آخرین ورژن فتوشاپ یعنی CC 2017  طرح گرافیکی وب سایت را پیاده سازی کرده ایم.
  • با استفاده از کد های HTML5 و CSS3 قالب PSD سایت را به قالب سایت تبدیل کردیم.
  • در این دوره از فریم ورک هایی مثل بوت استرپ و ... استفاده نشده است.
  • با استفاده از جی کوئری اسلایدر و پاپ آپ را به وب سایت خود افزوده ایم.

 

پیش نیازهای دوره آموزشی طراحی قالب سایت:

باید به زبان های HTML و CSS و جی کوئری آشنایی داشته باشید.

 

کاربر عزیز آکادمی آی تی پس از شرکت در دوره های آموزشی برای فعال سازی محصولات بايد از روش زير اقدام فرماييد :


نحوه استفاده و فعالسازي محصولات آکادمي آي تي

لیست جلسات آموزشی
بخش موضوع سرفصل مدت زمان دانلود فایل
1 آشنایی با دوره طراح سایت حرفه ای/ رایگان 00:15:37 دانلود
2 جلسه اول-طراحی طرح دستی با وایر فریم/ رایگان 00:10:00 دانلود
ارسال نظر

= 5 + 5
نظرات کاربران
  • کاربر آکادمی آی تی
    عرض سلام و خسته نباشید. میخواستم بپرسم که فرق استفاده از فریم ورک بوت استرپ و این دوره که با فتوشاپ قالب ایجاد شده در چیه؟ یعنی اینکه مکمل هم هستن یا اینکه قالب میتونه بصورت محض تنها با بوت استرپ یا فتوشاپ ایجاد بشه. در ضمن ممنونم از آموزش های عالی سایت.
    علی حق پرست در ۲۵ تیر ۱۳۹۸ 0
    • کاربر آکادمی آی تی

      سلام و درود 

      دوست عزیز بوت استرپ کد میزنه و فتوشاپ ui میزنه شما تو فتوشاپ ظاهری که میخواید رو طراحی میکنید و با بوت استرپ با کدنویسی پیاده سازی میکنید

      مهتاب نادرعلی در ۲۶ تیر ۱۳۹۸ 0
  • کاربر آکادمی آی تی من دانشجوی این دوره هستم
    سلام این بسته کی تخفیف میخوره؟
    محمد خطیبی در ۲۳ تیر ۱۳۹۸ 0
    • کاربر آکادمی آی تی

      سلام و درود تخفیف ها همیشه از طریق های مختلف اطلاع رسانی میشه 

      مهتاب نادرعلی در ۲۴ تیر ۱۳۹۸ 0
  • با سلام.من سرفصل های این دوره دیدم توضیح داده نشده از جلسه چندتا چند جی کوئری آموزش داده میشه و چه مبا حثی هست
    raana ebrazi در ۱۶ خرداد ۱۳۹۸ 0
    • کاربر آکادمی آی تی

      سلام خدمت شما 

      از جلسه 14 جی کوئری هست

      مدیر ارشد در ۱۶ خرداد ۱۳۹۸ 0
  • سلام این قالب رسپانسیو هم هست؟ که روی تبلت و سایر گوشی ها قابل مشاهده و بهم ریختگی نباشه؟؟؟؟
    Mohammadreza Babaei در ۶ دی ۱۳۹۷ 0
    • کاربر آکادمی آی تی

      بله دوست عزیز ریسپانسیو کردن هم اموزش داده شده

      مدیر ارشد در ۲۱ دی ۱۳۹۷ 0
  • من دانشجوی این دوره هستم
    سلام خسته نباشید استاد گرامی بنده html و css و javascript را گذراندم الان هم در حال تموم کردن دوره خیلی عالی jquery که از وب سایت خوب شما خریداری کردم میباشم میخواستم بدونم بعد از دوره jquery این دوره را خریداری کنم یا قبلش دوره بوت استرپ شما رو خریداری کنم و بگذرونم و سپس این آموزشتون را بگذرونم ممنون میشم راهنمایی کنید.
    حسین در ۲۷ مرداد ۱۳۹۷ 2
    • کاربر آکادمی آی تی

      با سلام خدمت شما همراه گرامی 

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

      مدیر ارشد در ۳۱ مرداد ۱۳۹۷ 2
  • من دانشجوی این دوره هستم
    سلام از طرحی که اخره دوره زده میشه دمویی میزارید
    سجاد الله یار در ۲۳ مرداد ۱۳۹۷ 0
    • کاربر آکادمی آی تی

      سلام بله حتما انتقال داده میشه نظرتون

      مدیر ارشد در ۳۱ مرداد ۱۳۹۷ 1
  • سلام میشه بگید که این دوره در چن قسمت هستش و در کل در چن ساعت مبحثو جم کرده ؟؟؟؟
    کاکه رامین خالدیان در ۱۰ خرداد ۱۳۹۷ 1
    • کاربر آکادمی آی تی

      با سلام تمام توضیحات در صفحه داده شده 

      مدیر ارشد در ۴ تیر ۱۳۹۷ 2
  • کاربر آکادمی آی تی من دانشجوی این دوره هستم
    سلام روزتون به خیر .ببخشید شما در معرفی این دوره گفتید در مورد هاست و دامین و نحوه بارگزاری آنها صحبت میشود در حالی که اینطور نیست .اگر ممکنه این قسمت رو هم قرار دهید چراکه خیلیا این بخش رو مشکل دارند.ممنون
    محمد منتظری محلی در ۳۰ دی ۱۳۹۶ 1
  • کاربر آکادمی آی تی
    سلام استاد گرامی از ویدیو های آموزشی خوبی که به ایمیلم میفرستید ممنونم شما تو جلسه سوم این دوره گفتین لینکی برای شما قرار دادم که ثبت نام کنید در دوره رایگان پی اچ پی ولی برای من این لینک نبود میشه برام بفرستید ممنون میشم سپاسگزارم خدا نگهدار
    مریم فتحی در ۱۲ دی ۱۳۹۶ 0
    • کاربر آکادمی آی تی
      سلام روز بخیر دوست عزیز لطفا به پشتیبان اطلاع بدید تا براتون لینکها ارسال بشه
      مدیر ارشد در ۱۳ دی ۱۳۹۶ 0
  • کاربر آکادمی آی تی
    استاد عزیز سلام / من نمیدونستم سوالم رو توی کدوم بخش مطرح کنم / چون فکر کنم به تمام بخش ها مربوط باشه / چیزی که اینجا برای شخص من مبهمه اینه که / ما پروژه هایی مثل سئو - وب سایت - فروشگاه یا حالا هر چیر دیگه ای که توی این حوزه وجود داره رو چطور برای مشتری ارزش گذاری و قیمت گذاری بکنیم؟ممنون میشم اگر کامل لطفا جواب بنده رو بدین / چون فکر کنم شما واقعا کامل از صفر همه چی رو توضبح دادین این بخش هم روشن بشه دیگه واقعا عالی میشه./ سپاسگزارم
    Mehralfa در ۱۰ آبان ۱۳۹۶ 0
    • کاربر آکادمی آی تی
      با سلام خدمت شما حتما در دوره ها توضیح داده میشه ممنون از پیشنهادتون
      مدیر ارشد در ۱۰ آبان ۱۳۹۶ 0
  • من دانشجوی این دوره هستم
    میشه دوباره تخفیف این دوره رو تمدید بفرمائید، تا بتونیم از این دوره مفید استفاده کنیم
    فاخته موافق در ۲۰ اردیبهشت ۱۳۹۶ 1
    • کاربر آکادمی آی تی
      سلام دوست عزیز در حال حاضر تخفیفی نداریم.
      مدیر ارشد در ۲۱ اردیبهشت ۱۳۹۶ 4
  • Salam khobid ? To in dore panel modiriatio ba chi minevisid ? Yani akharesh ma chetori mitoonim ghalebo be site vasl konim
    سمانه ضیایی در ۷ اردیبهشت ۱۳۹۶ 0
  • کاربر آکادمی آی تی
    سلام استاد عارفي نيا من رجبي هستم حدود ٣ سال پيش توي مجتمع فني شاگرد شما بودم ، يه حدود ٢ سالي هست كه كاريانجام ندادم و تقريبا خيلي چيزا يادم رفته ولي به دلايلي الان وقتم آزاد تره داشتم توي اينترنت دنبال منبع آموزشي خوب ميگشتم به سايت شما بر خوردم و خيلي خوشحال شدم. سوالم اينه كه اين دوره به درد من ميخوره يا دوره ديگه اي رو بگيرم ؟ ممنون ميشم جوابم رو بديد
    الميرا رجبي در ۷ اردیبهشت ۱۳۹۶ 3
  • کاربر آکادمی آی تی من دانشجوی این دوره هستم
    سلام و خدا قوت خدمت استاد گرامی،جناب آقای عارفی نیا.جناب عارفی نیا،ادامه آموزش چه تاریخی قرار میگیره؟ با تشکر
    اکبر شیخی در ۲۷ فرودین ۱۳۹۶ 2
    • کاربر آکادمی آی تی
      سلام دوست عزیز دوره طراحی سایت حرفه ای ما نهایتا تا آخر اردیبهشت تکمیل میشه.
      مدیر ارشد در ۴ اردیبهشت ۱۳۹۶ 0
  • کاربر آکادمی آی تی
    دوره خیلی پرکاربرد و خوبی هست....فقط کیفیت صدا نسبت به دروه های قبلی کمتر هست خواهشا رسیدگی کنید....به دوستان طراح گرافیکی وب سایت حتما توصیه میکنم که تهیه کنن.....
    فراز صالحی در ۲۶ فرودین ۱۳۹۶ 2
  • کاربر آکادمی آی تی
    با سلام و عرض خسته نباشید خدمت شما و دوستان، من به تازگی تصمیم به طراحی سایت داخل فتوشاپ گرفتم و تقریبا آشنایی کاملی به ابزار های فتوشاپ دارم .آیا این مجموعه آموزشی کمکی به من میکنه؟یعنی بعد از اتمام این دوره میتونم سایت های مختلفی رو طراحی کنم؟سوال آخرم این هست که این آموزش ها مربوط به آموزش فتوشاپ هست یا عمده کار طراحی سایت هست؟
    meshkat در ۲۳ فرودین ۱۳۹۶ 3
    • کاربر آکادمی آی تی
      دوست عزیز سلام : بله این دوره برای تمام کسانی که کدنویسی html + css رو میدونن خیلی کاربردی هست چرا که در این یک پروژه از صفر تا 100 طراحی می شود از تمام موارد داخل فتوشاپ بگیرید تا کد نویسی قالب سایت با استفاده از flex و همچنین رسپانسیو کردن و جی کوئری های مورد نیاز
      مدیر ارشد در ۲۶ فرودین ۱۳۹۶ 3
  • کاربر آکادمی آی تی
    سلام این دوره تا کی تخفیف داره ؟ و اینکه کلا چند تا ویدئو ه ؟
    وحید عسکری در ۲۰ فرودین ۱۳۹۶ 3
    • کاربر آکادمی آی تی
      وحید عزیز سلام : در حال حاضر تعداد دقیق ویدئو ها مشخص نیست ولی به احتمال زیاد پیزی در حدود 30 ویدیو آموزشی را شامل خواهد شد و تا تاریخ 10 اردیبهشت ماه شامل تخفیف می باشد
      مدیر ارشد در ۲۰ فرودین ۱۳۹۶ 3