دسته طراحی و دیزاین

مرجع آموزش طراحی رابط و تجربه کاربری (UI/UX)، اصول دیزاین سیستم‌ها و مسیر حرفه‌ای شدن در دنیای طراحی محصول دیجیتال. طراحی گرافیک و صفحه آرایی، طراحی وب و تدوین ویدیو

آموزش جامع CSS: چطور هر چیزی را در وسط صفحه قرار دهیم؟

maxresdefault-8668861

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

ادامه مطلبآموزش جامع CSS: چطور هر چیزی را در وسط صفحه قرار دهیم؟

آموزش جامع CSS: چطور عرض و ارتفاع اشیا را کنترل کنیم؟

آموزش جامع CSS: چطور عرض و ارتفاع اشیا را کنترل کنیم؟

در این قسمت از آموزش جامع CSS – CSS3 من آموزش کار با ویژگی های Height و Width در CSS را به شما آموزش می دهم. ویژگی یا پراپرتی Height برای کنترل ارتفاع یک عنصر و ویژگی width برای کنترل…

ادامه مطلبآموزش جامع CSS: چطور عرض و ارتفاع اشیا را کنترل کنیم؟

آموزش InDesign – چطور در ایندیزاین نمودار و چارت طراحی کنیم؟

آموزش InDesign - چطور در ایندیزاین نمودار و چارت طراحی کنیم؟

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

ادامه مطلبآموزش InDesign – چطور در ایندیزاین نمودار و چارت طراحی کنیم؟

آموزش InDesign – چطور در ایندیزاین فرمول های پیچیده بنویسیم؟

آموزش InDesign - چطور در ایندیزاین فرمول های پیچیده بنویسیم؟

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

ادامه مطلبآموزش InDesign – چطور در ایندیزاین فرمول های پیچیده بنویسیم؟

آموزش جامع CSS: چطور حالت نمایش لینک ها را تغییر دهیم؟

آموزش جامع CSS: چطور حالت نمایش لینک ها را تغییر دهیم؟

در قسمت ششم از دوره‌ی آموزشی جامع CSS - CSS3 من قصد دارم به شما در مورد اینکه چطورحالت نمایش لینک ها را تغییر دهید نکاتی رو آموزش دهم. لینک ها را ما در سراسر وب می بینیم و در نتیجه اگر بتوانیم مقداری در نمایش آن ها تغییراتی را ایجاد کنیم باعث جلب توجه می شود.
من با استفاده از سی اس اس رنگ پیش فرض لینک ها را تغییر می‌دهم و اینکه حالت زیرخط یا آندرلاین آن را به حالت نقطه چین تبدیل میکنم و یا اینکه کلا آن را حذف میکنم و موارد دیگری که در این فیلم آموزشی به آن می پردازم.

ادامه مطلبآموزش جامع CSS: چطور حالت نمایش لینک ها را تغییر دهیم؟

آموزش فتوشاپ: چطور به چشم جزئیات اضافه کنیم؟

آموزش فتوشاپ: چطور به چشم جزئیات اضافه کنیم؟

در این فیلم آموزشی فتوشاپ از اَستریکس آرتس میخواهم به شما یاد بدهم که چطور به یک چشم جزئیات اضافه کنید تا آن زیباتر و موثر تر جلوه کند. اگر شما یک دوربین حرفه ای و به همراه یک لنز…

ادامه مطلبآموزش فتوشاپ: چطور به چشم جزئیات اضافه کنیم؟

آموزش فتوشاپ: چطور پشت سوژه را در فتوشاپ تار کنیم؟

آموزش فتوشاپ: چطور پشت سوژه را در فتوشاپ تار کنیم؟

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

ادامه مطلبآموزش فتوشاپ: چطور پشت سوژه را در فتوشاپ تار کنیم؟

آموزش ایندیزاین – نکات و کاربردهای چیدمان راستچین

آموزش ایندیزاین: نکات و کاربردهای چیدمان راستچین

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

ادامه مطلبآموزش ایندیزاین – نکات و کاربردهای چیدمان راستچین

آموزش جامع CSS: انتخابگرها (قسمت آخر)

آموزش جامع CSS: انتخابگرها (قسمت آخر)

آموزش جامع CSS: انتخابگرها (قسمت آخر) در این فیلم آموزشی از AsteriXarts میخوام به انتخابگرها یا selectorها در CSS بپردازم. این فیلم در ادامه ی قسمت سوم انتخابگرها/selectorها تهیه شده است. پس اگر قسمت سوم یا قسمت های قبل را…

ادامه مطلبآموزش جامع CSS: انتخابگرها (قسمت آخر)

آموزش جامع CSS: انتخابگرها (قسمت سوم)

آموزش جامع CSS: انتخابگرها (قسمت سوم)

آموزش جامع CSS: انتخابگرها (قسمت سوم) در این فیلم آموزشی از AsteriXarts میخوام به انتخابگرها یا selectorها در CSS بپردازم. این فیلم در ادامه ی قسمت دوم انتخابگرها/selectorها تهیه شده است. پس اگر قسمت اول یا قسمت های قبل را…

ادامه مطلبآموزش جامع CSS: انتخابگرها (قسمت سوم)