+9821-44032705 Logo2
آموزش های ویدئویی
برای همه در هر کجا

8- ساخت صفحه وب سابت برای موبایل (Ui)

8- ساخت صفحه وب سابت برای موبایل (Ui)
آموزش قدم به قدم ساخت صفحات یک وب سایت برای اجرا در موبایل با نرم افزار ایلوستریتور رو در این آموزش فرا خواهید گرفت.
Illustrator
سطح: کاربردی
٦٨ دانش آموخته
ثبت: ۹۴/۶/۱۶
1h 45m
جهت مشاهده دروس ابتدا وارد سایت شده و در صورتی که تاکنون وارد نشده اید عضو شوید.
درس ها
۱ ساخت صفحه ی home page 34m 34s
۲ ساخت صفحه ی گالری و آیکن های شبکه های اجتماعی 33m 31s
٣ ساخت 3 صفحه ی دیگر 37m 8s
اطلاعات تکمیلی دوره

1- وارد کردن اتود دستی به ایلوستریتور

2- اجرای صفحه ی home

3- اجرای صفحه ی ارتباط مستقیم

4- اجرای صفحه ی تماس با ما

5- اجرای صفحه ی مشتری ها

6- اجرای آیکن های شبکه های اجتماعی، فیس بوک، تویتر، لینکدین و اینستاگرام

از مواردی هستن که با ربان ساده در این آموزش فرا خواهیم گرفت.

شاد باشید..

بردیا علمی

بردیا علمی، متولد 1355 ،دیپلم گرافیک کامپیوتر، طراحی گرافیک را از سال 1373 آغاز کرد و از سال 1384 در زمینه ساخت تیزرهای تبلیغاتی، ویدیو گرافیک و ویژوال افکتز با تیم های بسیاری همکاری کرده است . فعالیت وی، ساخت جلوه های ویژه، ویدیو گرافیک، ساخت مدل های سه بعدی، طراحی و ساخت وب سایت و همکاری در ساخت تیزرهای تبلیغاتی موسسه ها و شرکتهایی نظیر، بانک مسکن، بانک توسعه تعاون، بانک صادرات و غیره میباشد. تماس با بردیا علمی: اینستاگرام: bardiaelmi

فارسی تاتس
مدرس
ارسال پیام
arash M
arash M: سلام بردیا جان
میتونم یه ایمیل ازت داشته باشم برای ارتباط مستقیم با خودت ؟
٣
۱
۹۴/۶/۲۲
بردیا علمی
بردیا علمی: سلام
me@bardiaelmi.ir
ایمیل منه عزیز.
شاد باشی..
۹۴/۶/۲۲
Default_image sajad jafari: اقا بردیا تورو خدا آموزش جامع ایلوستریتور و پریمایر و افتر افکت رو مثل سلام فتو شاپ بذار..... سی دی های شرکت پرند رو گرفتم اونقدر خسته کننده است که وسطش خوابم می بره....
٠
۱
۹۴/۶/۱۹
بردیا علمی
بردیا علمی: سجاد جان سلام
خوب آموزش های ایلوستریتور من رو ببین چرا رفتی پرند خریدی، جایی برای ایلوستریتور بهتر از اینجا پیدا نمیکنی.
شاد باشی..
۹۴/۶/۱۹
Default_image Ghazanfar Didindipour: اصلا همین که ویندوز فون انتخاب می‌کنی، خودش کلی ایول داره :D
٠
۱
۹۴/۶/۲۰
بردیا علمی
بردیا علمی: فقط وین فون ♥
۹۴/۶/۲۳
Default_image mohammad momeni: سلام
دیروز که عضو شدم فکر کردم همه اموزش ها رایگانه ، اخه تو یه دونه از ویدیو هاتون گفته بودید تا زمانی که من زنده ام اموزش ها رایگان خواهد بود...!!!!
ولی به دور از گلایه واقعا اموزش هاتون عالیه ، و اینکه اگه مقدوره اموزش های فاینال کات هم بزارید ، چونکه اول تا به امروز هیچ اموزش فارسی این نرم افزار مهم وجود نداره ، دوم هم اینکه منحصر به فرد میشید ،
فقط ممنون میشم اگه توضیح بدید که قراره اموزش های قبلیتونم پولی بشه یا نه ، اگه اره که دانلود کنم اگخ نه که هر روز به سایت تون سر بزنم و انلاین اموزش ببینم،
در ضمن دمتونم گرم و اینکه هزینه اموزش حق مسلمتونه، موفق و پیروز
٠
٠
۹۴/۷/۲۷
بردیا علمی
بردیا علمی: محمد عزیزم سلام.
اول اینکه خیلی خوش اومدی و خوشحالم که به جمع فارسی تاتسی ها پیوستی.
در مورد آموزش های رایگان من فکر میکنم توی اون فیلم من گفتم تا من زنده ام آموزش های رایگان ادامه خواهد داشت و الان هم همینطوره، آموزش ها به چند قسمت تقسیم میشن و به طور معمول قسمتهایی درش رایگان هست و آموزش های جدید رایگان هم داریم که فکر میکنم حدود یک ماه پیش ارایه شدن. در مورد فاینال کات باید بگم که دوستانی که با اپل و این نرم افزار کار میکنن بسیار کم هستن، حد اقل در جمع ما و اگر برای اینکار زمان بگذارم بازخورد خیلی خوبی نداره و دلیل دوم برای انجام ندادن اینکار تا به امروز اینه که من نرم افزارهای ادوب رو ترجیح میدم و همیشه دوستان رو به یادگیری ادوبی پریمیر تشویق میکنم.
و در مورد آموزش های رایگان سایت باید بگم که خیر، رایگان میمونن و شما هر موقع دوست داشته باشید میتویند به اونها مراجعه کنید، البته پیشنهادم اینه که دانلود کنید به دلیل اینکه کیفیت فایل نمایش با فایلی که برای دانلود قرار میدیم، بسیار متفاوته.
شاد باشی...
۹۴/۷/۲۸
Mehrad 177
Mehrad 177: سلام بر عشقم بردیا

شرمنده
دوست بی وفا تر از من نداریا :|

بالاخره برای وب هم آموزش تدوین کردی...

بریم برای دانلود . . .
٠
٠
۹۴/۶/۱۹
بردیا علمی
بردیا علمی: مهراد عزیزم سلام.
عزیز دل تو همیشه در کنار ما هستی.
شاد و سلامت باشی...
۹۴/۶/۱۹
Default_image mohsen jamali: سلام استاد عزیز خسته نباشی...
ممنون بابت آموزش...
من خیلی قلم نوری دوست دارم و میخوام به زودی تهیه کنم، میشه یک یک آموزش درباره قلم نوری بذارین و توش روش کار اون رو با فتوشاپ و راهنمای خرید و اطلاعات دیگه در این مورد رو به ما بدید. خیلی ممنون
٠
٠
۹۴/۶/۲۰
بردیا علمی
بردیا علمی: محسن جان سلام.
شما هم خسته نباشی.
واقعیت اینه که خیلی از دوستان از داشتن قلم نوری محروم هستن و متاسفانه بازخورد خوبی نداره این آموزش مگر اینکه درخواست بیشتری در این مورد داشته باشیم.
شاد باشی..
۹۴/۶/۲۳
Default_image
mohsen jamali: انشالا
۹۴/۶/۲۳
Default_image زهراالسادات طباطبایی: سلام و احترام خدمت استاد گرامی
فوق العاده مثل همیشه........
بینهایت سپاس********
٠
٠
۹۴/۶/۲۰
بردیا علمی
بردیا علمی: سلام
بینهایت سپاس از شما که همیشه در کنار ما هستید.
شاد باشید..
۹۴/۶/۲۳
Default_image pinax -: آقای علمی سوال منو جواب ندادید!
آیا در آخر یه فایل ai خواهیم داشت یا یه وب سایتhtmlکه واقعا کار می کنه؟
٠
٠
۹۴/۶/۲۱
بردیا علمی
بردیا علمی: سلام
من عذر خواهی میکنم، سوال شما رو ندیدم.
خیر، در آخر یک فایل ایلوستریتور خواهید داشت، نوشتن کد منوط به اجرای اون به دست دوستان کد نویس هست که به احتمال قوی این آموزش نیز در سایت ارایه خواهد شد.
شاد باشی..
۹۴/۶/۲۳
علی رسولی
علی رسولی: من چند تا آموزش 0تا100 درست کردم میخوام توسایت تون بذذارم
٠
٠
۹۴/۶/۲۲
بردیا علمی
بردیا علمی: علی جان، سلام
دوست خوبم ارایه ی آموزش در سایت فارسی تاتس مثل همه ی سایتهای آموزشی پر بازدید کمی با قاعده و قوانین امکان پذیره، لطف کن با ایمیل من در تماس باش.
شاد باشی..
۹۴/۶/۲۲
Default_image adib adib: سلام بردیا جان .. همیشه شاد و شنگول باشی.
عزیز دلم دوتا سوال ساده واسم پیش اومده که میدونم جوابش پیش شماست.
اول اینکه میخواستم بدونم ، این تصاویری رو که از یک صفحه وب در پلتفرم های مختلف مثل (موبایل و تبلت و لپتاپ و .. ) به زیبایی طراحی میکنند و خوب در میاد !(:- رو آیا با فتوشاپ انجام میدن و روش وقت میذارن و یا اینکه برنامه خاصی هست ؟ در کل میخواستم راهشو بهم بگی .. نمونه میذارم تا متوجه شی
http://s3.picofile.com/file/8211900842/99.jpg

و دوم هم ! همون سوال قبل اما در مورد این مدل تصاویر
http://s3.picofile.com/file/8211900992/91.jpg

ممنون "خیلی زیاد"

٠
٠
۹۴/۶/۲۲
بردیا علمی
بردیا علمی: سلام و ممنون عزیز
تصویر اولت صد در صد با فتوشاپه و تصویر دوم رو به راحتی هم با فتوشاپ و هم با ایلوستریتور میشه انجام داد.
شاد باشی..
۹۴/۶/۲۲
فرزان قاضی
فرزان قاضی: سلام اقا
من هرروز به وب سایتت سر میزنم ولی خیلی برا کامنت نمیذارم با عرض معذرت!!!
ی خواستم ازت بپرسم
شما آموزشهاتو با چه میکروفون یا هدستی ضبط میکنی ؟
لطفا مارک و مدل دقیقشو بگو چون میخوام تهیه اش کنم
فقط سریع بگو چون یکم عجله دارم!
با تشکر
خدانگهدار
٠
٠
۹۴/۶/۲۲
بردیا علمی
بردیا علمی: فرزان جان، اگر عضو فیس بوک من باشی، با همین میکروفون آموزشی رو که الان شما درش کامنت گذاشتید رو معرفی کردم، که هم تصویر میکروفون هست هم من، من از یک هدفون لاجیتک خیلی معمولی استفاده میکنم.
شاد باشی..
۹۴/۶/۲۲
فرزان قاضی
فرزان قاضی: خوب اقا من اینو چجوری پیداش کنم؟
سر کاریه؟
بعد fb خودتون یا وبسایت؟
من هردوشو گشتم چیزی پیدا نکردم!!!
اگه میشه لینکشو بهم بدی ممنون میشم
فعلا
۹۴/۶/۲۳
بردیا علمی
بردیا علمی: فرزان جان سلام.
عزیز،‌ توی فارسی تاتس هیچ موضوع سرکاری وجود نداره. وارد فیس بوک من بشید، آخرین لینک و فیلمی که گذاشتم رو ببینید.
اینم لینک محصول در دیجیکالا:
http://www.digikala.com/Product/DKP-3684/Logitech-H250-Headset/%D9%84%D8%A7%D8%AC%D9%8A%D8%AA%DA%A9-%D9%87%D8%AF%D8%B3%D8%AA-%D8%A7%DA%86-250
شاد باشی..
۹۴/۶/۲۳
بردیا علمی
بردیا علمی: فرزان،‌ این هدفون قبلی من بود که شکست و کیفیت رکورد صداش به مراتب بهتر از چیزی بود که الان دارم و استفاده میکنم.
http://www.digikala.com/Product/DKP-3685/Logitech-H230-Gaming-Headset/%D9%87%D8%AF%D8%B3%D8%AA-%D9%85%D8%AE%D8%B5%D9%88%D8%B5-%D8%A8%D8%A7%D8%B2%DB%8C-%D9%84%D8%A7%D8%AC%DB%8C%D8%AA%DA%A9-%D8%A7%DA%86-230
شاد باشی..
۹۴/۶/۲۳
فرزان قاضی
فرزان قاضی: ممنون اقا خیلی لطف کردی
فعلا
۹۴/۶/۲۳
Default_image مهدی سجادی: با سلام
آیا کابردش برای وب سایت به غیر از موبایل هم است یعنی برای پی سی است یا نه
٠
٠
۹۴/۶/۲۳
بردیا علمی
بردیا علمی: مهدی جان سلام.
این کار ایده پردازی است برای ساخت یک یو آی برای موبایل که در هر حال به طور خاص شما میتونی برای موبایل ازش استفاده کنی، اما موضوع بررسی من روش ساخت هست که کاربردش رو به شما آموزش میده که بتونید برای هر دیوایسی که خواستید طراحیتون رو انجام بدید.
شاد باشی..
۹۴/۶/۲۳
Default_image
مهدی سجادی: ممنون
۹۴/۶/۲۴
بردیا علمی
بردیا علمی: ♥
۹۴/۶/۲۴
Default_image مهدی سجادی: راستی یک درس جدید از این دیزاین هم بگذارید ممنون میشم
٠
٠
۹۴/۶/۲۳
بردیا علمی
بردیا علمی: مهدی جان به زودی.
شاد باشی..
۹۴/۶/۲۳
Default_image
مهدی سجادی: باز هم ممنون
۹۴/۶/۲۴
بردیا علمی
بردیا علمی: ♥
۹۴/۶/۲۴
Default_image امیرحسین حسینی: سلام بردیا جان
شما تو آموزشات ابزار pen به کلیک قبلی واکنش نشان نمی دهد. cc دارم.باید چی کار کنم که ابزار pen من هم مثل شما بشود.
٠
٠
۹۴/۶/۲۳
بردیا علمی
بردیا علمی: امیر جان، سلام
ببین این امکان اسمش Rubber Band هست که شما میتونی از منوی Prefrencess در زیر مجموعه ی Selection & Anchor این گزینه رو غیر فعال کنی، به نظر من عالیه و شاهکاریه برای خودش به دلیل اینکه بسیار کمک میکنه، در هر حال اونجا میتونی این امکان رو غیر فعال کنی ، اسم گزینش اینه:
Enable Rubber Band For Pen
شاد باشی..
۹۴/۶/۲۳
Default_image
امیرحسین حسینی: خیلی ممنون از کمکت
۹۴/۶/۲۴
Default_image
امیرحسین حسینی: اما اگه منظورت اینه
http://s6.picofile.com/file/8212206084
/Untitled.png
که من چنین چیزی ندارم
۹۴/۶/۲۴
بردیا علمی
بردیا علمی: امیرجان من نتونستم لینک شما رو ببینم.
۹۴/۶/۲۴
Default_image
امیرحسین حسینی: عکسو تست کردم ولی...هیچی
تو عکس آورده بودم وقتی که به منوی Edit و بعد به preferences می روم چیزی به نام Slection &Anchor وجود ندارد
۹۴/۶/۲۴
Default_image
امیرحسین حسینی: ببخشید یادم نبود تو آموزش Illustrator هستم منظورم با فتوشاپ بوده . very,very,very شرمنده.
۹۴/۶/۲۴
فرزان قاضی
فرزان قاضی: اقا ی خواهش
لطفا آموزشهای بیشتر از آموزش برنامه Camtasia Studio بذار!
ممنون
٠
٠
۹۴/۶/۲۵
بردیا علمی
بردیا علمی: سلام
فرزان جان،‌ مواردی که در کمتزیا گفته نشده رو بگو که ببینم چه آموزشهایی مد نظر شماست.
شاد باشی..
۹۴/۶/۲۵
Default_image مهدی سجادی: سلام آقای علمی شما میشه بخشی از آموزش در مورد خروج چاپی یعنی پرینت گردن از فایل های ai را برای تنظیمات چاپی شو توضیح بدین
٠
٠
۹۴/۶/۲۶
بردیا علمی
بردیا علمی: مهدی جان سلام.
این درخواست رو اولین باره که من میدن، در صورتی که کار من بسیار مرتبط با چاپه، خیلی پیشنهاد خوبیه، حتمن اینکار رو انجام میدم.
شاد باشی...
۹۴/۶/۲۶
Default_image
مهدی سجادی: سلام اگر برایتان مقدور است تنظیمات چاپی ایدیزاین هم در آموزش هاتون جا دهید باز همه ممنونم
۹۴/۶/۲۸
بردیا علمی
بردیا علمی: مهدی جان سلام.
به طور کلی 99 درصد خروجی ها از این دیزاین با فرمت pdf انجام میشه و تنظیمات خاصی نداره، در هر حال حتمن.
شاد باشی..
۹۴/۶/۲۹
Default_image Ali Moghadami: سلام بردیا جان
این اولین کامنت من تو این سایت فوق العاده است و دوست دارم اولین کامنتم رو خطاب به شما بگم.اول از همه بدون که خیلی دوست دارم و همیشه فکر میکردم که آموزش فتوشاپ و نرم افزارهای دیگه به زبان فارسی با این کیفیت اصلا وجود نداره تا اینکه یکماه پیش با خودت یعنی بردیا جان علمی آشنا شدم و بهترین اموزشهای فتوشاپ و نرم افزارهای دیگه رو با صدا و هنر شما تجربه کردم.اول فکر میکردم که رویاست ولی واقعیت داشت و دوست داشتنی :) به زبان فارسی اموزشی درجه یک رو دیدم و یاد گرفتم..
بردیا جان امیدوارم کنار همسر و جانان عزیزت همیشه و همه جا خوشحال و با لبخند باشی و در زندگیت آرامش کامل داشته باشی و بدون که همیشه به یادت هستم و همراه تا همیشه :) دعاگوتم برای زحماتی که برای اموزشها کشیدی..
ارزوی بهترین ها رو برات دارم و امیدوارم شاد و شنگول باشی (( از خودت یاد گرفتم ! :) )) و وقتی کامنت من رو میخونی لبخند به لبانت بشینه ..
مخلص و هوادارت علی مقدمی ♥♥
٠
٠
۹۴/۷/۹
بردیا علمی
بردیا علمی: علی جان سلام.
خیلی خیلی ممنونم از همه ی لطهایی که به من داشتی و امیدوارم که لایق این همه محبت و مهربونی که از دوستانی مثل تو به من میرسه باشم و جبران کنم.
همیشه در کنار ما باش.
شاد و سلامت باشی..
۹۴/۷/۱۱
Default_image امین داراب نیا: به نام خدا
باعرض ادب و سلام خدمت استاد عزیز جناب علمی
واقعا نظرات دوستان در مورد آموزش هاتون درسته و هیچ اغراقی درش نیست. قبل از اینکه با سایت و آموزش های جناب عالی آشنا بشم دیدن اموزش های فتوشاپ و.. خیلی سخت و کسل کننده بود
سطح آموزش های شما ،تسلط شما ,نکاتی که میگین ،قدرت کلمات شما،مهربونی و انرژی که میدین و.. واقعا ادم رو تشنه یادگیری میکنه. واقعا ممنونم از شما استاد وخدا رو شکر میکنم که بنده خوبی مثل شما رو سر راه آماتور هایی مثل من قرار داد . خیلی تشکر میکنم از شما
استاد یه سوال هم دارم. من در حال یادگیری اندروید هستم ولی مبحث های UI و UX واقعا بریا ما دردسر ساز شده . همین اینکه از لحاظ مالی اینقدر قدرت ندارم که یه گرافیست عالی برای رابط کاربری برنامم استخدام کنم هم اینکه نیروی متخصص حرفه ای توی این زمینه در ایران عزیزمون بسیار کمه .
این آموزشی که الان درش هستیم میتونه کمکی در این زمینه به من کنه؟
و خواهشم از شما اینه که لطفایه آموزش بسیار کامل با کیفیت همیشگی در مورد طراحی Ui , UX برای نرم افزار ها وبازی های موبایل رو قرار بدین .
همیشه سالم و سلامت باشید
یا علی
٠
٠
۹۴/۷/۱۸
بردیا علمی
بردیا علمی: امین عزیزم سلام.
ممنون از همه ی لطفی که به من داری و امیدوارم همیشه در کنار ما باشی.
در مورد طراحی یو آی و یو ایکس من مدتی است که شروع کردم و دارم سعی میکنم هر آنچه بلدم رو در سایت ارایه بدم، آموزش قبلی ایلوستریتور ما نیز در همین مورد بود و برای موبایل (طراحی) به طور قطع یک آموزش کامل کننده تمام ذهنیاتی که شما در این مورد دارین نیست اما از اونجایی که من سعی میکنم آموزش ها کاربردی باشن و بدرد بخور و در اصل زمانی که آموزش تمام میشه چیزی رو تونسته باشیم بسازیم یا خلق کنیم، فکر میکنم که دیدن این آموزش خیلی خیلی به درد دوستانی مثل شما میخوره که حداقل راه و روش استفاده از این نرم افزار رو برای تولید مفاهیم خودشون ارایه بدن.
امیدوارم که آموزش رو ببینید و نتیجه ی لازم رو بگیرید، خواهش میکنم بعد از اینکه این آموزش رو دیدید، نظرات خودتون رو به ما و دوستان ارایه بدید.
شاد و سلامت باشی..
۹۴/۷/۱۸
Default_image امین داراب نیا: ممنونم استاد عزیز که لطف دارین. اگر لایق باشیم شاگردی شما رو از دست نمیدیم
استاد این قسمت که فرمودین (و دارم سعی میکنم هر آنچه بلدم رو در سایت ارایه بدم، آموزش قبلی ایلوستریتور ما نیز در همین مورد بود) منظور از قسمت قبلی آموزش ، قسمت ساخت کارکترهای ساده با یک الگو بوده یا صفحات داخلی اسمارت واچ؟
با تشکر
:)
٠
٠
۹۴/۷/۱۹
بردیا علمی
بردیا علمی: امین عزیزم ممنون از تو.
البته من واقعن منظورت رو از ( ودارم سعی میکنم ....... اسمارت واچ؟ رو واقعن نفهمیدم.
شاد باشی..
۹۴/۷/۲۱
Default_image امین داراب نیا: شرمنده استاد
ببخشید اگر بد پرسیدم. در سوال قبلی جمله جناب عالی که در نظر اولم جواب داده بودین رو داخل پرانتز گزاشتم و منم مشکلم همین بود که منظور شما رو متوجه نشده بودم.
خب استاد به نظر شما برای طراحی ui و ux برای نرما افزار های موبایل و همچینین بازی های موبایلی چه آموزش هایی رو از سایت شما ببینم؟
با تشکر
٠
٠
۹۴/۷/۲۱
بردیا علمی
بردیا علمی: امین عزیزم دشمنت شرمنده.
منظور من از هر آنچه که بلدم آموزش میدم خوب خیلی واضحه و میدونی که اگر زمان باشه در هر موردی که من چیزی بلد باشم حتمن آموزشش رو آماده میکنم.
در مورد UI و UX : تیترهای آموزش های من مشخصه و اگر اونها رو مطالعه کنی متوجه میشی که کدوم آموزش به درد اینکار میخوره، من هم آموزش در این مورد با فتوشاپ دارم و هم با ایلوستریتور که آموزش های ایلوستریتور در این مورد توی سایت من کامل تره.
شاد باشی..
۹۴/۷/۲۲

منتظر پیام های شما هستیم "ممنون"

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