Chris Converse
آموزش طرح: نمونه سازی یک چرخ فلک تصویر
Sketch: Prototyping an Image Carousel
بیاموزید که چگونه نمونه های اولیه را در Sketch بسازید. با این نکات نمونه سازی اولیه Sketch ، در مورد چگونگی نمونه سازی اولیه چرخ فلک تصویر برای وب سایت یا برنامه تلفن همراه مطلع شوید.
Chris Converse
آموزش طراحی وب: ایجاد یک جدول قابل مرتب سازی
Design the Web: Creating a Sortable Table
بیاموزید که چگونه از jQuery ، یک افزونه رایگان به نام Tableorter و برخی CSS ساده برای ایجاد جداول HTML قابل مرتب سازی و تعامل استفاده کنید.
آموزش افتر افکت برای طراحی گرافیک
After Effects for Graphic Design
بیاموزید که چگونه از After Effects برای طراحی گرافیکی استفاده کنید و دارایی های خیره کننده ، بی نظیر و با کیفیت حرفه ای برای چاپ ، وب و عکاسی ایجاد کنید.
آموزش افتر افکت برای عکاسی
After Effects for Photography
بیاموزید که چگونه After Effects را در گردش کار عکاسی خود بگنجانید تا به جلوه هایی برسید که فقط با فتوشاپ ایجاد نمی شوند.
آموزش ایجاد یک جدول زمانی متحرک تعاملی با jQuery
Creating an Interactive Animated Timeline with jQuery
بیاموزید که یک جدول زمانی جذاب ، تعاملی و متحرک با HTML و jQuery ایجاد کنید.
آموزش طراحی وب: HTML Background Video
Design the Web: HTML Background Video
با اجرای آن در زیر متن و گرافیک دیگر در وب سایت خود ، استفاده از فیلم HTML5 را به عنوان عنصر طراحی بیاموزید.
آموزش ایجاد طراحی سایت ریسپانسیو
Creating Responsive Web Design
نحوه بهینه سازی صفحات وب خود را برای اندازه های مختلف صفحه نمایش و پلت فرم ها بیاموزید.
آموزش ایجاد یک طراحی وب Responsive
Creating a Responsive Web Design
نحوه استفاده از طراحی وب پاسخگو را برای خوانایی بیشتر سایت خود - در هر دستگاهی - بیاموزید. بیاموزید که چگونه از HTML و CSS استفاده کنید تا طرح را با اندازه ها و جهت های مختلف صفحه تنظیم کنید.
آموزش ایجاد یک ایمیل Responsive HTML
Creating a Responsive HTML Email
یک ایمیل HTML پاسخگو طراحی کنید که متناسب با اندازه های مختلف صفحه نمایش باشد و به درستی در بیش از 30 مشتری ایمیل مختلف از جمله Gmail ، Outlook و Yahoo ارائه شود.
آموزش طراحی وب: یک ظاهر طراحی جدول
Design the Web: Styling a Table
بیاموزید که چگونه با کمی جادوگر CSS ، جدول های HTML را به درجه یک برسانید. با نحوه حالت دادن به متن ، برجسته سازی ردیف ها و برجسته سازی داده های مربوط به جدول با حالت شناور متحرک آشنا شوید.
آموزش ایجاد یک تجربه وب Responsive
Creating a Responsive Web Experience
بیاموزید که چگونه JavaScript را به HTML و CSS خود اضافه کنید تا صفحات وب شما در اندازه های مختلف صفحه نمایش بیشتر پاسخ دهند. محتوا را به صورت پویا بارگذاری کنید ، انیمیشن اضافه کنید و ناوبری را به هم بزنید
آموزش Sketch Essential Training: The Basics (2018)
Sketch Essential Training: The Basics (2018)
با Sketch ، یکی از محبوب ترین ابزارهای طراحی UX ، به سرعت سرعت خود را کسب کنید.
آموزش ایجاد یک بنر تبلیغاتی HTML5 با GreenSock (GSAP)
Creating an HTML5 Banner Ad with GreenSock (GSAP)
بیاموزید که از Platform Animation GreenSock برای ایجاد تبلیغات متحرک HTML5 برای محصول یا خدمات خود استفاده کنید.
آموزش طراحی وب: اشیا Smart هوشمند
Design the Web: Smart Objects
بیاموزید که در این آموزش فتوشاپ با استفاده از Smart Object ها سرعت طراحی و زمان تولید خود را افزایش دهید.
آموزش طراحی وب: دریافت CSS از فتوشاپ
Design the Web: Getting CSS from Photoshop
سرعت گردش CSS خود را افزایش دهید. با استفاده از ویژگی Copy CSS فتوشاپ CSS را از یک طراحی موجود موجود استخراج کنید.
آموزش طراحی وب: یک جدول زمانی توییتر اضافه کنید
Design the Web: Add a Twitter Timeline
با نحوه ایجاد ویجت توییتر و تعبیه جدول زمانی توییتر در هر وب سایت آشنا شوید.
آموزش طراحی وب: نمودارهای پای با CSS
Design the Web: Pie Charts with CSS
بیاموزید که چگونه داده های خود را در یک نمودار دایره ای نمایش دهید ، با چیزی بیش از HTML و CSS.
آموزش طراحی وب: ایجاد پیشنهاد Pull با CSS
Design the Web: Creating a Pull Quote with CSS
بیاموزید که نقل قول های مسدود شده در صفحه وب خود را به قیمت های جذاب شیک تبدیل کنید ، چیزی بیش از CSS
آموزش طراحی وب: استفاده از شمارنده و بازنشانی در CSS
Design the Web: Using Counters and Resets in CSS
بیاموزید که چگونه از شمارنده های CSS برای شماره گیری خودکار هر عنصر HTML در یک صفحه وب ، از جمله عنوان ، تصاویر و زیرنویس ها استفاده کنید.
آموزش Sketch Essential Training: The اصول
Sketch Essential Training: The Basics
با Sketch ، یکی از محبوب ترین ابزارهای طراحی UX ، سریع به سرعت سرعت بگیرید.
آموزش طراحی وب: گرافیک و عناصر شبه CSS
Design the Web: Graphics and CSS Pseudo-Elements
بیاموزید که گرافیک و عناصر شبه را برای اضافه کردن امکانات بیشتر طراحی و طرح بدون افزودن HTML بیشتر به صفحات وب خود ، ترکیب کنید.
آموزش ویرایش پانورامای کروی با فتوشاپ و افتر افکت
Editing a Spherical Panorama with Photoshop and After Effects
بیاموزید و بصورت غیر مخرب ویرایش و مارک یک پانورامای کروی - یک عکس 360 درجه - با فتوشاپ و افتر افکت را علامت گذاری کنید.
آموزش Sketch Essential Training: The Basics (2017)
Sketch Essential Training: The Basics (2017)
با Sketch ، ابزار طراحی پیشرو برای تجربه کاربر و طراحان وب در سراسر جهان ، به سرعت سرعت بگیرید.
آموزش طراحی وب: کنترل رنگها در فتوشاپ با SmartObjects
Design the Web: Control Colors in Photoshop with SmartObjects
گردش کار گرافیک وب خود را با استفاده از اشیا Smart هوشمند فتوشاپ بهینه کنید. تنظیمات رنگی پیچیده و با یک کلیک را که می توانید در لحظه به روز کنید ایجاد کنید.
آموزش ایجاد وب رسانه
Creating Web Media
رسانه های با کیفیت بالا برای هر وب سایتی ضروری است. نکاتی را برای ایجاد ، بهینه سازی و پیاده سازی گرافیک ، انیمیشن ، ویدئو و صدا به مدرن ترین شکل ممکن دریافت کنید.
آموزش ایجاد یک اینفوگرافی متحرک با Edge Animate
Creating an Animated Infographic with Edge Animate
با یک اینفوگرافیک متحرک داستان جذاب تری را در Edge Animate تعریف کنید.
آموزش ایجاد یک طراحی وب Responsive
Creating a Responsive Web Design
این دوره برای یادگیری ایجاد یک صفحه وب طراحی شده است که می تواند طرح آن را متناسب با اندازه های مختلف صفحه نمایش در دستگاه ها و همچنین هنگام چاپ روی کاغذ تنظیم کند. این شامل تمام جنبه های تبدیل یک طرح به یک صفحه وب کاملاً کاربردی است ...
آموزش ایجاد یک طراحی وب سایت واکنش گرا
Creating a Responsive Web Design
یک دوره گام به گام که نشان می دهد چگونه یک طرح بندی وب ایجاد کنید که به اندازه صفحه و چاپ پاسخ دهد.
آموزش اسکچ برای تیم های طراحی UX
Sketch For UX Design Teams
بیاموزید که چگونه از ویژگی ها و برنامه های افزودنی Sketch برای صادرات دارایی های طراحی ، CSS و HTML و انیمیشن در قالب های با کیفیت بالا و ادغام با سایر سیستم عامل های طراحی UX استفاده کنید.
آموزش طراحی وب: خودکار سازی گرافیک وب
Design the Web: Automating Web Graphics
بیاموزید که صدها گرافیک منحصر به فرد و مبتنی بر داده را در فتوشاپ با استفاده از متغیرها و یک فایل متنی ساده ترکیب کنید.
آموزش طراحی وب: SVG کنترل شده با CSS با PHP
Design the Web: CSS-Controlled SVG with PHP
بیاموزید که چگونه از PHP ، HTML و CSS برای اصلاح پویا سبک ها در گرافیک برداری مقیاس پذیر (SVG) خود استفاده کنید.
آموزش Edge Animate Essential Training
Edge Animate Essential Training
نحوه استفاده از Edge Animate را برای ایجاد طرح های تعاملی و گرافیک متحرک برای وب سایت ها ، برنامه های تلفن همراه ، مجلات دیجیتال و کتابهای الکترونیکی کشف کنید.
آموزش طراحی وب: ماسک های برش
Design the Web: Clipping Masks
به شما نشان می دهد که چگونه از ماسک های قطع کننده برای ایجاد جلوه های جالب طراحی در فتوشاپ استفاده کنید ، در حالی که تصاویر اصلی بدون آسیب هستند و برای ویرایش های بعدی آماده هستند.
آموزش افتر افکت برای عکاسی
After Effects for Photography
جلوه های خیره کننده منحصر به فردی را برای عکس های خود ایجاد کنید که کار شما را متمایز می کند
آموزش طراحی وب: Adobe Generator برای گرافیک
Design the Web: Adobe Generator for Graphics
با ایجاد فتوشاپ و Adobe Generator در ایجاد وب و گرافیک تعاملی صرفه جویی کنید.
آموزش ایجاد یک ورق متحرک Steam Sprite با افتر افکت
Creating an Animated Steam Sprite Sheet with After Effects
بیاموزید که با استفاده از یک انیمیشن سیستم ذرات و یک صفحه sprite ، یک انیمیشن بخار واقع گرایانه با After Effects ایجاد کنید.
آموزش طراحی وب: ایجاد منوهای پیمایش فقط CSS
Design the Web: Creating CSS-Only Navigation Menus
منوهای کشویی را به صفحه وب خود اضافه کنید که هیچ چیزی بیش از HTML و CSS ندارد. بیاموزید که چگونه در این قسمت از <em> طراحی وب </ em> انجام دهید.
آموزش ایجاد یک برنامه وب برای iPad
Creating a Web App for iPad
از فناوری‌های استاندارد وب برای ایجاد تجربه‌ای شبیه به برنامه برای iPad استفاده کنید. و بهترین از همه، بدون فروشگاه App مورد نیاز است!
آموزش طراحی وب: رولورهای متحرک CSS
Design the Web: CSS Animated Rollovers
بیاموزید که با CSS3 رول متحرک ایجاد کنید.
آموزش طراحی وب: صفحات Sprite
Design the Web: Sprite Sheets
در این آموزش فتوشاپ تکنیک ها را بیاموزید تا ایجاد ورق sprite سریع و همه کاره باشد.
آموزش طراحی وب: GIF های بارگیری متحرک
Design the Web: Animated Loading GIFs
GIF های متحرک سفارشی برای وب سایت ها ، برنامه های تلفن همراه و سایر پروژه های تعاملی خود در فتوشاپ ایجاد کنید.
آموزش طرح: ایجاد SVG Responsive
Sketch: Creating Responsive SVG
نکات و ترفندهایی را برای ایجاد گرافیک SVG پاسخگو با استفاده از Sketch و CSS بیاموزید.
آموزش طراحی وب: افزودن کدهای QR پویا
Design the Web: Adding Dynamic QR Codes
بیاموزید که از API نمودار Google رایگان یا jQuery و JavaScript رایگان برای افزودن کدهای QR پویا به صفحات وب خود استفاده کنید.
آموزش طراحی وب: شبیه سازی متن وب
Design the Web: Simulating Web Text
با استفاده از این آموزش فتوشاپ ، ظاهر فونتهای غیر مستعار را در مدل بعدی وب سایت خود شبیه سازی کنید.
آموزش ایجاد یک ایمیل HTML پاسخگو
Creating a Responsive HTML Email
طراحی ایمیل‌های HTML با توجه به قابلیت‌های محدود ایمیل‌خوان‌های دسکتاپ و وب، همراه با اندازه‌های کوچک صفحه نمایش موبایل، می‌تواند چالش برانگیز باشد.
آموزش طراحی وب: SVG Rollovers با CSS
Design the Web: SVG Rollovers with CSS
بیاموزید که چگونه گرافیک های SVG را سبک کنید و آنها را وادار کنید تا به تغییرات حالتهای چرخش با CSS پاسخ دهند.
آموزش طراحی وب: ابزار برش
Design the Web: Slice Tool
بیاموزید که از یک فایل فتوشاپ یا ایلوستریتور با استفاده از ابزار قدرتمند و همه کاره Slice چندین گرافیک وب بهینه شده ایجاد کنید.
آموزش طراحی وب: لایه های ترکیبی
Design the Web: Layer Comps
نحوه استفاده از comps لایه فتوشاپ برای استوری برد طراحی های تعامل خود را بیابید.
آموزش طراحی وب: تصویرگر به بوم HTML5 متحرک
Design the Web: Illustrator to Animated HTML5 Canvas
بیاموزید که از یک فایل ساده Illustrator ، با Ai2Canvas — یک افزونه رایگان که تقریباً با همه نسخه های Illustrator ، از CS3 تا CC کار می کند ، از یک فایل Illustrator متحرک ایجاد کنید
آموزش ایجاد یک ایمیل HTML پاسخگو
Creating a Responsive HTML Email
ایمیل های جذاب، پاسخگو و HTML ایجاد کنید که در بیش از 30 ترکیب از پرکاربردترین کلاینت های ایمیل کار می کنند.
آموزش طراحی وب: گرافیک ویدیویی و انیمیشن
Design the Web: Video Graphics and Animation
با استفاده از این آموزش فتوشاپ ویرایش ویدئو و افزودن گرافیک و انیمیشن های سفارشی به پروژه های خود را در Photoshop CS6 بیاموزید.
آموزش طراحی وب: عناصر فرم یک ظاهر طراحی شده
Design the Web: Styling Form Elements
بیاموزید که چگونه یک فرم HTML را با CSS سبک کنید تا تجربه طراحی شخصی تر و منسجم تری داشته باشید.
آموزش Adobe Animate CC: ایجاد آگهی تبلیغاتی HTML5
Adobe Animate CC: Creating an HTML5 Banner Ad
یک بنر تبلیغاتی متحرک خیره کننده ایجاد کنید که در تمام مرورگرهای وب مدرن با استفاده از Adobe Animate CC کار می کند.
آموزش طراحی وب: ایجاد گرافیک های کوچکتر با PNG-8
Design the Web: Creating Smaller Graphics with PNG-8
تصاویر فشرده PNG-8 ایجاد کنید که به سرعت و به زیبایی در وب سایت های مختلف به ویژه آنهایی که دستگاه های تلفن همراه را نشان می دهند ، نمایش داده می شود.
آموزش طراحی وب: اندازه های گرافیکی چندگانه
Design the Web: Multiple Graphic Sizes
اشیا Smart هوشمند ، ماسک های برش دهنده و برش ها را در فتوشاپ استفاده کنید و گرافیکی بسازید که از هر اندازه صفحه نمایش تیغ داشته باشد.
آموزش طراحی وب: طراحی یک لیست شماره دار
Design the Web: Styling a Numbered List
بیاموزید که چگونه CSS بنویسید تا ظاهر لیست ها را در وب سایت ها و برنامه های خود افزایش دهید. برای سبک دادن به لیست ها و موارد لیست ، لیست های مرتب شده و ویژگی های اصلی CSS را کاوش کنید.
آموزش طراحی وب: استفاده از نمادها در SVG
Design the Web: Using Symbols in SVG
گرافیک جدید SVG ایجاد کنید و سپس آنها را به نمادهای کارآمد و قابل استفاده مجدد تبدیل کنید.
آموزش طراحی وب: ایجاد پس زمینه تکرار در فتوشاپ
Design the Web: Creating a Repeating Background in Photoshop
بیاموزید که چگونه با Adobe Photoshop یک پس زمینه تکرار بهینه شده برای وب سایت ها و برنامه ها ایجاد کنید.
آموزش روتوش تصاویر VR (360 عکس) با فتوشاپ و افتر افکت
Retouching VR Images (360 Photos) with Photoshop and After Effects
با رایج‌تر شدن پانورامای کروی، به‌ویژه در پلتفرم‌های رسانه‌های اجتماعی، گام منطقی بعدی شروع به ویرایش و بهبود این تصاویر است - درست مثل...»
آموزش ایجاد یک طراحی وب Responsive: تکنیک های پیشرفته
Creating a Responsive Web Design: Advanced Techniques
بیاموزید که چگونه منوهای جمع شونده ایجاد کنید و گرافیک برداری مقیاس پذیر (SVG) به طرح های طراحی وب پاسخگو خود اضافه کنید.
آموزش شورت CSS
CSS Shorts
کنترل بیشتری بر سبک ، طرح و حتی تجربه کاربری طراحی وب خود داشته باشید. برای ایجاد وب سایت های زیباتر با CSS نکاتی را دریافت کنید.
آموزش ایجاد یک ابزار محاسبه با AngularJS 1
Creating a Calculation Tool with AngularJS 1
بیاموزید که چگونه یک ماشین حساب آنلاین مانند ماشین حساب حمل و نقل یا ماشین حساب رهن با HTML ، CSS ، JavaScript و AngularJS ایجاد کنید.
آموزش طراحی وب: ایجاد و محافظت از پیوندهای ایمیل
Design the Web: Creating and Protecting Email Links
بیاموزید که چگونه با استفاده از این راه حل های هوشمند توسعه دهنده وب Chris Converse آدرس های ایمیلی را که در وب نمایش می دهید از عنکبوت ها و ربات ها پنهان کنید.
آموزش طراحی وب: تصاویر Responsive SVG
Design the Web: Responsive SVG Images
بیاموزید که چگونه گرافیک برداری مقیاس پذیر را با پرس و جوهای رسانه CSS ترکیب کنید تا تصاویر واکنشی برای وب سایت ها و سایر پروژه های تعاملی ایجاد کنید.