انقلاب هوش مصنوعی در ویژگی های جدید فتوشاپ 2021

by @AsteriXarts - #BlogPost
--------------------------------------------------
https://blog.ihmahmoodi.ir/photoshop-2021-new-ai-features/?feed_id=729&_unique_id=60110a7dbacae

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

by @iHMahmoodi - #BlogPost
_______________________________
https://blog.ihmahmoodi.ir/landing-page-ui-ux-principles?feed_id=744&_unique_id=6011773f0eaf9

چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟

by @AsteriXarts - #BlogPost
--------------------------------------------------
https://blog.ihmahmoodi.ir/ui-handoff-tools?feed_id=759&_unique_id=60126f811d2bf

آموزش ایندیزاین - چطور خوانایی سلول های جدول را افزایش دهیم؟

by @iHMahmoodi - #BlogPost
_______________________________
https://blog.ihmahmoodi.ir/how-to-make-table-cells-readable-in-indesign?feed_id=774&_unique_id=6012c93884ec5

نمونه کار: طراحی رابط کاربری وبسایت آموزش زبان انگلیسی Talkengo

by @iHMahmoodi - #BlogPost
_______________________________
https://blog.ihmahmoodi.ir/talkengo-com-website-ui-ux-showcases?feed_id=789&_unique_id=60141a7a86d15

این طراحی رو سال 96 در حین سربازی انجام دادم.
برید داخل پست چندتا عکس و یک دمو کوچیک ازش رو هم ببینید.

آموزش جامع طراحی UI/UX با Adobe XD - کار با تصاویر و ماسک کردن - قسمت چهارم

https://www.youtube.com/watch?v=ZSVcehYrnmU

عضویت در کانال یوتیوب:
https://www.youtube.com/AsteriXarts?sub_confirmation=1

#آموزش #xd
@asterixarts

آموزش صفر تا صد ماسک کردن در فتوشاپ - قسمت اول

by @AsteriXarts - #BlogPost
--------------------------------------------------
https://blog.ihmahmoodi.ir/pixel-mask-in-photoshop/?feed_id=834&_unique_id=6017ac9e8b924

در هر حوزه ای از دیزاین که کار میکنید ماسک کردن مهم هست.
مثلا شما میخواید یک ادم یا یک شی رو از پس زمینه جدا کنید و در طرح UI/UX یا صفحه آراییتون قرار بدید و اینجاست که ماسک کردن میاد وسط.

این قسمت در مورد Pixel Mask هست که برای عناصری که جزئیات زیادی دارند مثل موی سر انسان کاربرد داره.

قسمت دومش که فردا منتشر میشه Vector Mask هست که در برنامه های وکتور مثل ایلوستریتور، xd، ایندیزاین و حتی خود فتوشاپ استفاده میشه.


همین این قسمت و هم قسمت دوم رو پیشنهاد میدم ببینید.

آموزش ادوبی ایکس دی - ساخت چارت‌ها و نوار پیشرفت دایره ای

by @iHMahmoodi - #BlogPost
_______________________________
https://blog.ihmahmoodi.ir/make-beautiful-looking-rounded-corner-charts-with-adobe-xd-tutorial?feed_id=849&_unique_id=601810290e42d

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

by @iHMahmoodi - #BlogPost
_______________________________
https://blog.ihmahmoodi.ir/2020/04/13/css-selectors-part-1-tutorial/?feed_id=864&_unique_id=601962e2d0852

آموزش صفر تا صد ماسک کردن در فتوشاپ - وکتور ماسک - قسمت دوم

https://www.youtube.com/watch?v=7dFj6ILaTHE

عضویت در کانال یوتیوب:
https://www.youtube.com/AsteriXarts?sub_confirmation=1

#آموزش #فتوشاپ
@asterixarts

چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟

_______________________
https://blog.ihmahmoodi.ir/ui-handoff-tools



by @AsteriXarts - #BlogPost

آموزش جامع CSS - چطور یک منو بار عمودی در طراحی کنیم؟

by @AsteriXarts - #BlogPost
--------------------------------------------------
https://blog.ihmahmoodi.ir/css-vertical-menu?feed_id=894&_unique_id=601bb51c8f6dd

آموزش جامع CSS – چطور یک مثلث درست کنیم؟ - قسمت 33

https://www.youtube.com/watch?v=ER4kDD6NxwM

عضویت در کانال یوتیوب:
https://www.youtube.com/AsteriXarts?sub_confirmation=1

#آموزش #css
@asterixarts

بعضی از دوستان سوالشون این هست که CSS چه ربطی به طراحی داره؟

اینجا من مسیری که من برای رسیدن به مهارت هایی که دارم رو براتون میگم شاید جالب باشه براتون

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

اینقدر با این برنامه ور رفتم تا فهمیدم هر قسمت چه کاری انجام میده
از کجا شروع شد این قضیه؟ دوستم یک دایره درست کرده بود و دور اون دایره یک نور قرمز خوشگل گذاشته بود، بهش گفتم اینو چطور درست کردی؟ گفت با فتوشاپ! و همون شروع انگیزه من برای یادگیری فتوشاپ و طراحی بود ( یک دایره با نور قرمز که بعدا فهمیدم با ویژگی Outer Glow فتوشاپ درستش کرده)

روند یادگیری من همینطور ادامه پیدا کرد و مدتی هم با 3D Max کار کردم ولی چون مدرسه میرفتم و فشار خانواده برای درس خواندن و کنکور یواش یواش بیخیالش شدم و تمرکزم رو گذاشتم روی همون فتوشاپ

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

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

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

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

اینجا نگاهی به گذشته کردم و دیدم من چه مهارت هایی رو دارم
1-طراحی گرافیک
2-کدنویسی صفحات وب
3-صفحه آرایی

بعد به طراحی وبسایت و اپلیکیشن تغییر مسیر دادم و یواش یواش اطلاعاتم رو زیاد کردم.
اینجا اطلاعاتی که قبلا من در حوزه طراحی گرافیک، کدنویسی صفحات وب و صفحه آرایی داشتم که شامل رنگ، Layout و ستون بندی صفحات وب، تایپوگرافی در صفحه آرایی و ... همه و همه به کمک من اومدن تا بتونم با سرعت و مزیت رقابتی بیشتری نسبت به دیگران حرکت کنم.
مثلا من در طراحی وبسایت یا اپلیکیشن، از توانایی و نکاتی که در تایپوگرافی در ایندیزاین یاد گرفتم استفاده می کنم یا می دونم که کجا باید یک قسمت رو طراحی کنم که کدنویس هم بتونه اون رو کد بزنه (HTML+ CSS)

حالا با توجه به این توضیحات خیلی خلاصه از سال های فعالیت و عمر من، شما قرار نیست همه این کارها رو یاد بگیرید اما یادگیری بخش های مختلف اینا باعث میشه که شما ویژگی های منحصر بفردی در کار کردن داشته باشید.

اینا رو نوشتم که بدونید اطلاعات و فیلم هایی که من منتشر میکنم بی ربط به همدیگه نیستن

نمونه کارهای صفحه آراییم رو برای ایده گرفتن دیگر طراحان در یک اکانت اینستاگرام قرار دادم که میتونید از لینک زیر بهشون دسترسی داشته باشید
https://instagram.com/asx.layout

نمونه کارهای UI/UX هم از طریق لینک های زیر در دسترستون هست
https://instagram.com/ihmahmoodi
یا لینک های زیر
https://dribbble.com/ihmahmoodi
https://behance.net/ihmahmoodi
https://instagram.com/asterixarts


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

#تجربه @asterixarts

نمونه‌کار: رابط کاربری وبسایت آژانس مسافرتی و گردشگری

by @iHMahmoodi - #BlogPost
_______________________________
https://blog.ihmahmoodi.ir/fox-travel-agency-ui-ux-showcases?feed_id=939&_unique_id=601ea9f317e35

آموزش جامع Adobe Xd - ساخت شکل های مختلف و آیکان با Pathfinder و چیدمان عناصر – قسمت پنجم

https://www.youtube.com/watch?v=NHYhRCWjxnc

عضویت در کانال یوتیوب:
https://www.youtube.com/AsteriXarts?sub_confirmation=1

#آموزش #xd
@asterixarts

اصطلاحات مربوط به رنگ ها در طراحی رابط کاربری

by @iHMahmoodi - #BlogPost
_______________________________
https://blog.ihmahmoodi.ir/ui-design-terms-colors?feed_id=954&_unique_id=601ffba22c0bd