مجموعه آموزشی تصویری و رایگان "می خواهم یک طراح حرفه ای وب شوم" به زبان فارسی

silvercover

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

pro-web-deigner-splash.png

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

  • طراحی رابط های کاربری (User Interface) در برنامه های تحت وب مدرن
  • هنر بکار گیری CSS در طرح بندی قالب سایت
  • اصول اولیه تایپوگرافی در وب
  • قابلیت استفاده (Usability) برنامه کاربری تحت وب و اصول آن
  • بهینه سازی سایت ها با دو رویکرد موتورهای جستجو و سهولت بهره برداری
  • طراحی هر چه بهتر به منظور افزایش بازدیدکننده و مشتری

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


برای مشاهده ویدئو ها بر روی عناوین مربوطه کلیک نمایید.


- می خواهم یک طراح وب حرفه ای شوم! – شماره 1

مقدمه

- می خواهم یک طراح وب حرفه ای شوم! – شماره 2

در سری دوم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “عناصر سازنده یک واسط کاربری خوب چیست” موارد زیر مورد بررسی قرار گرفته اند:

- وضوح (Clarity)
- مختصر و مفید (Concision)
- آشنایی (Familiarity)
- پاسخدهی (Responsiveness)
- ثبات (Consistency)
- زیبایی شناختی (Aesthetics)
- بازدهی (Efficiency)
- بخشش (Forgiveness)

می خواهم یک طراح وب حرفه ای شوم! – شماره 3

در سری سوم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “عناصر سازنده یک واسط کاربری خوب چیست” موارد زیر مورد بررسی قرار گرفته اند:

- طرح بندی و موقعیت (Layout & Positioning)
- شکل و اندازه (Shape & Size)
- رنگ (Color)
- کنتراست (Contrast)
- بافت (Texture)

می خواهم یک طراح وب حرفه ای شوم! – شماره 4

در سری چهارم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “تکنیک های کاربردی جهت ساخت واسط های کاربری کارا” موارد زیر مورد بررسی قرار گرفته اند:

- استفاده از فضای سفید و خالی
- مشخص کردن مرزها با استفاده از گوشه های مدور
- بهره گیری از رنگ در انتقال پیام
- جلب توجه مستقیم
- استفاده از پس زمینه و سایه ها در جلب نظر
- افزایش راندمان با پیوندهای بلوکی
- استفاده از فعل ها در برچسب ها و عناوین
- انتقال خودکار کانون به کادرهای نوشتاری
- بهره گیری از جلوه های خاص جهت رفع سردرگمی
- گسترش دادن فرم ها بنا به درخواست
- آیکن ها و نماد ها
- معرفی متناوب ویژگی های جدید سایت
- کادرهای محاوره ای
- شانس بازگشت به عقب


می خواهم یک طراح وب حرفه ای شوم! – شماره 5

در سری پنجم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “هنر به کارگیری کد در طراحی قالب” موارد زیر مورد بررسی قرار گرفته اند:

گونه های مختلف طرح بندی سایت (Layouts)
گونه Fixed Width


می خواهم یک طراح وب حرفه ای شوم! – شماره 6

در سری ششم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “هنر به کارگیری کد در طراحی قالب” موارد زیر مورد بررسی قرار گرفته اند:

- گونه (Fluid(Liquid


می خواهم یک طراح وب حرفه ای شوم! – شماره 7

در سری هفتم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “هنر به کارگیری کد در طراحی قالب” موارد زیر مورد بررسی قرار گرفته اند:

- گونه Fluid Grid


می خواهم یک طراح وب حرفه ای شوم! – شماره 8

در سری هشتم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “هنر به کارگیری کد در طراحی قالب” موارد زیر مورد بررسی قرار گرفته اند:

- گونه Elastic
- کدام گونه بهترین است؟


می خواهم یک طراح وب حرفه ای شوم! – شماره 9

در سری نهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “اصول تایپوگرافی در وب” موارد زیر مورد بررسی قرار گرفته اند:

- تایپوگرافی چیست؟
- اصطلاحات کلی تایپوگرافی


می خواهم یک طراح وب حرفه ای شوم! – شماره 10

در سری دهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “اصول تایپوگرافی در وب” موارد زیر مورد بررسی قرار گرفته اند:

- اندازه نسبی یا مطلق فونت (Absolute & Relative)
- فضای سفید و خالی (White Space)
- آراستن پاراگراف ها (Paragraph Styling)
- تکنیک های جایگزین برای نمایش فونت جدید
- قابلیت جدید در CSS 3
- توجه به جزئیات متن ها و علائم نگارشی


می خواهم یک طراح وب حرفه ای شوم! – شماره 11

در سری یازدهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “قابلیت استفاده (Usability) در برنامه های کاربردی تحت وب” که فصلی بسیار مهم و تاثیر گذار هست، موارد ارزشمند زیر مورد بررسی قرار گرفته اند:

- Usability یا قابلیت استفاده چیست؟
- استفاده از هر چیز در جای خودش
- فرایند جستجوی ساده
- پیوند (Link) های استاندارد
- نهایت سادگی در فرم های ثبت نام
- دوری جستن از صفحات موسوم به Splash
- عدم تغییر اندازه پنجره مرورگر کاربر
- حذف پیوندهای شکسته (Broken Link)
- پیش بینی عدم وجود (JavaScript)
- لزوم در دست داشتن کنترل از جانب کاربر سایت
- عدم بهره گیری از فونت ها در اندازه های ریز
- نوار پیمایش ( Navigation)
- اصل 2+ 7
- قانون دو ثانیه
- قانون کلیک
- اصل 80/20 ( Pareto Principle )
- قوانین طلایی هشت گانه در طراحی وب
- قانون فیت (Fitts Law)
- اصل هرم معکوس
- نقشه سایت
- راهنمای استفاده
- زمینه سازی اعتماد هر چه بیشتر


می خواهم یک طراح وب حرفه ای شوم! – شماره 12

در سری دوازدهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “قابلیت استفاده (Usability) در برنامه های کاربردی تحت وب” که فصلی بسیار مهم و تاثیر گذار هست، موارد ارزشمند زیر مورد بررسی قرار گرفته اند:

- اصل موسوم به TETO
- نظریه استیو کروگ (Steve Krug)
- فرآیند تست متوالی و پی در پی
- قانون وین برگ (Weinberg)

می خواهم یک طراح وب حرفه ای شوم! – شماره 13

در سری سیزدهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “بهینه سازی سایت ها” راهکارهایی برای بهینه سازی هر چه بهتر به اختصار مورد بررسی قرار گرفته اند:


- بهره گیری از تصاویر با ابعاد صحیح و مناسب
- سرورهای انتشار محتوا (Content Delivery Network)
- کاستن از حجم فایل های CSS و JavaScript
- موقعیت بهینه برای درج فایل های CSS و JavaScript
- استفاده از فایل های CSS و JavaScript خارجی (External)
- اعتبارسنجی (Validate) قالب سایت
- انتخاب صحیح نوع فایل(Document Type (x)HTML)
- بهینه سازی برای موتورهای جستجو (SEO)
 

جدیدترین ارسال ها

بالا