shams 28 فروردین 1394 6 705 بازدید دوره مجازی آموزش طراحی صفحات وب (پیشرفته)

در ادامه ی مباحث آموزش طراحی سایت (آموزش طراحی سایت پیشرفته – آموزش تبدیل PSD به HTML) نوبت به آموزش کار با pattern ها در طراحی صفحات وب می رسد. در این فیلم آموزشی به شما آموزش داده میشود که چگونه میتوانید با استفاده از تصاویر کوچکی که به صورت متقارن طراحی شده اند، بتوانید بخش وسیعی را پوشش بدهید. در حقیقت پترن در لغت به معنای الگو می باشد و در طراحی سایت، بعلت کارآیی ای که در زیباسازی صفحات وب دارند و همچنین خاصیت تقارنی ای که دارند، باعث میشوند طراحان سایت بتوانند یک نمونه کوچک از این نمونه عکس ها را به صورت عمودی و افقی تکرار کنند (با استفاده از مشخصه ی background در CSS).

همچنین در بسته ای که دانلود می کنید، علاوه بر فیلم آموزشی، یک پوشه با نام psd2html وجود دارد که در درون آن پوشه ای به نام pattern هست که شامل 30 عدد پترن نمونه مورد استفاده در طراحی سایت می باشد که در پروژه های مختلف تان می توانید از آن ها استفاده کنید.

آن چه در این فیلم آموزش طراحی سایت تقدیم تان می گردد:

  • تعریف پترن – pattern ها و کارآیی آن ها در طراحی صفحات وب
  • آموزش کار با پترن ها در تبدیل PSD به HTML
  • آموزش برش زدن پترن ها و استفاده از آن ها به صورت عمودی و افقی در طراحی سایت
  • آموزش تعریف پترن – pattern در فتوشاپ برای طراحی گرافیکی صفحات وب
  • آموزش تکنیک کار با پترن های png که مقدار opacity آن ها کمتر از 1 (یا کمتر از 100%) هست و ترکیب آن ها با رنگ ها و پترن های دیگر و ساخت بی نهایت پترن!
  • مجموعه ی بیش از 30 پترن آماده قابل استفاده
  • انتخاب و اعمال یک پترن نمونه به طرح PSD مورد استفاده در این دوره آموزشی

جهت دانلود فیلم آموزشی این جلسه، بر روی لینک زیر کلیک نمایید:

خرید این فیلم آموزشی به صورت تک (2500 تومان) :
25,000 ریال – خرید
ثبت نام و دسترسی کامل به تمام فیلم ها و محتوای دوره آموزش حرفه ای طراحی صفحات وب (تبدیل PSD به HTML) قبلا ثبت نام کرده ام؛ ورود

دسترسی سریع :

نظرات کاربران (6)



  1. only tiger

    به نظرم پترن اولی که استفاده کردید همین پترن سایت باشه؟میشه یکم بیشتر توضیح بدید چرا از این پترن اولی استفاده نکردید و چه مشکلاتی پیش میومد چون داخل سایت که خودتون استفاده کردید

    • shams

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

  2. احمد

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

    • shams

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

  3. احمد

    سلام.

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

    • shams

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