محتوا
- 01. سیستم های طراحی Repo
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. استکس ول
- 05. قلم های متغیر
- 06. صورتحساب راه راه
- 07. CreativeGuild
- 08. مببین
- 09. HueSnap
- 10. طعم دهنده ها
- بلیط خود را برای تولید نیویورک تهیه کنید
موضوع خلاصه این ماه ما سرعت و کارایی است: چند مورد از این موارد ابزار طراحی وب با قطع کارهای خسته کننده و ناامیدکننده که هیچ ارتباطی با طراحی ندارند ، کارهای شگفت انگیزی برای گردش کار شما انجام خواهد داد. Stackswell را بگیرید - این کار تمام بیت های آزار دهنده انجام طراحی واکنش گرا در Sketch را خودکار می کند. یکی دیگر از ابزارهای ما با استخراج و سازماندهی کلیه دارایی ها از یک پرونده .sketch سرعت کار را برای شما افزایش می دهد.
علاوه بر این ، یک محصول جدید جالب از Stripe وجود دارد ، یک ابزار عالی شبکه برای خلاقیت های Tina Roth Eisenberg و ابزاری خارق العاده برای اندازه گیری چیزهای روی صفحه نمایش شما در پیکسل.
01. سیستم های طراحی Repo
اگر وظیفه شما این بوده است که روی برخی از مواد تشکیل دهنده سیستم طراحی سازمان خود کار کنید یا حتی ممکن است خود سیستم را بسازید یا کدگذاری کنید ، می خواهید با جدیدترین منابع موجود در این موضوع سرعت بگیرید.
برای این ، Design Systems Repo دوست شما است. این مجموعه ای از کتاب ها ، مقالات ، گفتگوها ، وب سایت ها ، ابزارها ، سیستم های طراحی ، کتابخانه های الگو و راهنماهای سبک است که می توانید با استفاده از آنها درک درستی از چگونگی انجام کارها توسط سازمان های برتر و صاحب نظران برجسته داشته باشید.
02. PixelSnap
PixelSnap یک برنامه بسیار عالی است که اندازه گیری چیزهای روی صفحه شما را بسیار آزاردهنده می کند. نشانگر خود را بین دو عنصر مانند یک تصویر و عنوان قرار دهید ، و به طور خودکار تعداد پیکسل های بین آنها را نشان می دهد. یک مستطیل را به دور یک عنصر بکشید و به دور آن چسبیده و ابعاد آن را به شما بگوید. آره. می توانید به سرعت چیزها را اندازه بگیرید.
برای دریافت ایده ، فیلم را در صفحه اصلی ببینید. قیمت این برنامه 15 دلار است و تنها ایراد آن این است که در حال حاضر فقط به عنوان یک برنامه Mac در دسترس است. اما اگر کاربر Mac هستید ، چیز خوبی است.
03. Sketch.The.Ripper
صادرات و آماده سازی دارایی از Sketch برای واگذاری به تیم دیگر می تواند یک کشش واقعی باشد ، بنابراین چشم انداز ابزاری که این کار را با یک کلیک برای شما انجام دهد بسیار جالب است. Sketch.The.Ripper صفحه نمایش ها را کپی کرده و تصاویر رستر را از همه صفحه های هنری در یک فایل .sketch استخراج و سازماندهی می کند و آنها را به روشی مناسب ارائه می دهد. می توانید نمونه ای از خروجی یک فایل پاره شده را در اینجا مشاهده کنید.
این ابزار مبتنی بر وب است بنابراین بر روی هر سیستم عامل کار می کند ، اگر افرادی از سیستم های مختلف استفاده می کنند می تواند اصطکاک را از گردش کار شما حذف کند. این توسط Icons8 ساخته شده است ، و می توانید اطلاعات بیشتر در مورد آن را اینجا بخوانید.
04. استکس ول
Stackswell با آوردن درخواست های رسانه ای در Sketch و اتوماتیک کردن روند به روزرسانی سبک ها و نمادها برای هر نقطه شکست ، گردش کار طراحی پاسخگو شما را سرعت می بخشد. به جای اینکه این کار را دستی انجام دهید ، وقتی عرض یک صفحه هنری را تنظیم می کنید ، سبک ها به طور خودکار به روز می شوند.
Stackswell همچنین از کار شما برای بررسی فاصله عمودی برای هر نقطه شکست ، صرفه جویی می کند ، بنابراین با حداقل دردسر ، فاصله ثابت خواهید داشت. بیشتر می توانید در این مقاله بخوانید.
05. قلم های متغیر
قلم های متغیر شما را قادر می سازد تا از وزنه ها و عرض های مختلف قلم استفاده کنید بدون اینکه برای هر کدام یک پرونده جداگانه داشته باشید: شما یک فایل را شامل می شوید و سپس قلم را با استفاده از CSS اصلاح می کنید. این یک موقعیت عالی است زیرا به شما امکان می دهد بدون نیاز به افزایش وزن صفحه ، از تایپوگرافی به بهترین شکل در طراحی خود استفاده کنید.
همه فونت های متغیر با هم برابر نیستند. برخی از انعطاف پذیرتر از دیگران هستند. این ابزار به شما امکان می دهد فونت های مختلف را پیدا کنید و با آنها آزمایش کنید تا ببینید آیا متناسب با نیازهای شما است. برای کسب اطلاعات بیشتر در مورد فونت های متغیر و ایده گرفتن از آنچه می توان به دست آورد ، این نسخه ی نمایشی را امتحان کنید.
06. صورتحساب راه راه
محصول جدید صورتحساب Stripe برای مشاغل آنلاین ، با توجه به معضل ساخت یا خرید سیستم صدور صورت حساب ، راه سوم را برای شرکت ها ارائه می دهد (برای اطلاعات بیشتر در این مورد ، به مقاله ما در مورد راه حل های فروشگاه آنلاین نگاهی بیندازید). Stripe Billing API به راحتی در یک سایت موجود ادغام می شود و شما را قادر می سازد تا از بلوک های ساختمانی برای ایجاد یک سیستم انعطاف پذیر متناسب با نیازهای خود استفاده کنید.
وقتی سیستم شما راه اندازی می شود ، همه چیز از داشبوردی مدیریت می شود که می توانید علاوه بر اشتراک ، فاکتورها و گزارش های مالی آن را نگه دارید. شما همچنین دارای ویژگی های قدرتمندی مانند سیستم پرداخت جهانی Stripe’s هستید که ارزهای مختلف و کارت های اعتباری را کنترل می کند و م componentsلفه های انعطاف پذیر صورتحساب است که به شما امکان می دهد قیمت گذاری را تجربه کنید.
07. CreativeGuild
CreativeGuild یکی از بخشهای سخنرانی ماهانه CreativeMornings است که توسط Tina Roth Eisenberg در بروکلین یک دهه پیش تاسیس شد. این مفهوم مورد توجه قرار گرفت و اکنون فصل های CreativeMornings در بیش از 185 شهر در سراسر جهان وجود دارد که هرکدام دارای یک جامعه پر جنب و جوش خاص خود هستند که اعضای خود را پرورش و الهام می بخشد.
CreativeGuild در نظر گرفته شده است تا برخی از جنبه های جامعه را به صورت آنلاین فراهم کند تا در دسترس افراد بیشتری قرار گیرد. می توانید تصور کنید که کمی شبیه به LinkedIn باشد ، اما برای خلاقیت است. فهرست راهنمای شرکت ها ، افراد و مشاغل خلاق وجود دارد و می توانید براساس موقعیت مکانی جستجو کنید تا فرصت هایی را در شهر خود پیدا کنید.
08. مببین
Mobbin یک گالری از طراحی برنامه های تلفن همراه است که می توانید برای ایده گرفتن از پروژه های خود از آن استفاده کنید - به جای نصب بسیاری از برنامه ها ، می توانید آنها را در یک مکان مرور کنید تا ببینید دیگران چگونه مشکلات طراحی را حل می کنند. شش صفحه برای هر برنامه نمایش داده می شود تا بتوانید از سفر کاربر و الگوی طراحی برای هر یک ایده بگیرید. همچنین یک نوار کناری وجود دارد که لیست های شغلی را نمایش می دهد.
09. HueSnap
شما هرگز نمی دانید چه زمانی الهام می گیرد. شاید دکوراسیون هتل یا نور پارک مانند یک رنگ بندی مناسب برای کار شما باشد. اگر چنین اتفاقی بیفتد ، می توانید یک عکس بگیرید و با استفاده از HueSnap رنگ ها را از تصویر استخراج کرده و به صورت پالت درآورید.
این برنامه برای استفاده از تلفن همراه است بنابراین بهترین عملکرد را در تلفن شما دارد و می توانید پالت های خود را ذخیره کرده و با دیگران به اشتراک بگذارید. ویژگی های مختلفی برای کمک به شما در اصلاح پالت وجود دارد ، مانند گزینه هایی برای انتخاب رنگ های مکمل و ترکیبی. پالت های شما می توانند تا شش رنگ داشته باشند.
برای اطلاعات بیشتر ، نگاهی به خلاصه بهترین ابزارهای رنگی برای طراحان وب بیندازید.
10. طعم دهنده ها
هرکسی که این مجموعه از شیب های زیبا را گرد هم بیاورد ، چشمش به رنگ و شوخ طبعی جالب توجه است. هر گرادیان در ظرف تخم مرغی شکل نمایش داده می شود و نامی به آن داده می شود که ممکن است به نوعی با رنگها ارتباط داشته باشد یا نداشته باشد. اگر رابطه ای وجود داشته باشد ، ما نتوانسته ایم آن را رمزگشایی کنیم.
نام های مثال شامل "مهاجر موفق" برای یک شیب فیروزه ای ، "قلب شکسته Wozniak" برای آبی کمرنگ و "دشمن مهربان" برای انتقال زرد به سبز است.
بلیط خود را برای تولید نیویورک تهیه کنید
رویداد پیشرو در زمینه طراحی وب نیویورک ایجاد کنید برگشته بین 25 تا 27 آوریل ، سخنرانان تیتر شامل SuperFriendly’s Dan Mall ، مشاور انیمیشن وب Val Head ، توسعه دهنده جاوا اسکریپت Wack Bos و سایر موارد. همچنین یک روز کارگاه و فرصت های برتر شبکه وجود دارد - آن را از دست ندهید. اکنون بلیط Generate خود را تهیه کنید.
