Задаволены
- 01. Repo Design Systems
- 02. PixelSnap
- 03. Эскіз. The.Ripper
- 04. Стэксвел
- 05. Зменныя шрыфты
- 06. Выстаўленне рахункаў у палоску
- 07. CreativeGuild
- 08. Мабін
- 09. HueSnap
- 10. Эградыенты
- Атрымайце білет у Generate New York
Тэма нашага агляду ў гэтым месяцы - хуткасць і эфектыўнасць: некалькі з іх інструменты вэб-дызайну зробіць дзівосныя рэчы для вашага працоўнага працэсу, выразаючы нудныя, расчаравальныя задачы, якія не маюць нічога агульнага з дызайнам. Вазьміце Stackswell - ён аўтаматызуе ўсе раздражняльныя фрагменты рэагавання на дызайн у Sketch. Іншы з нашых інструментаў паскарае для вас працу, вымаючы і ўпарадкоўваючы ўсе актывы з файла .sketch.
Апроч гэтага, ёсць выдатны новы білінг-прадукт ад Stripe, выдатны сеткавы інструмент для крэатываў Тыны Рот Айзенберг і фантастычны інструмент для вымярэння рэчаў на вашым экране ў пікселях.
01. Repo Design Systems
Калі вам была даручана папрацаваць над некаторымі інгрэдыентамі для дызайнерскай сістэмы вашай арганізацыі, альбо, магчыма, нават пабудаваць альбо кадыфікаваць саму сістэму, вы захочаце азнаёміцца з апошнімі рэсурсамі па гэтай тэме.
Для гэтага Design Systems Repo - ваш сябар. Гэта калекцыя кніг, артыкулаў, гутарак, вэб-сайтаў, інструментаў, сістэм дызайну, бібліятэк шаблонаў і даведнікаў па стылях, якія вы можаце выкарыстоўваць, каб зразумець, як робяць вядучыя арганізацыі і вядучыя мысляры.
02. PixelSnap
PixelSnap - гэта вельмі прыемнае прыкладанне, якое дазваляе значна больш раздражняць вымярэнне рэчаў на экране. Навядзіце курсор паміж двума элементамі, напрыклад, выявай і загалоўкам, і ён аўтаматычна паведамляе вам колькасць пікселяў паміж імі. Намалюйце прамавугольнік вакол элемента, і ён зашчоўкае вакол яго і раскажа вам яго памеры. Так. Вы можаце хутка вымераць рэчы.
Паглядзіце відэа на галоўнай старонцы, каб атрымаць ідэю. Прыкладанне каштуе 15 долараў, і адзіным недахопам з'яўляецца тое, што на дадзены момант яно даступна толькі ў якасці прыкладання для Mac. Але калі вы карыстальнік Mac, гэта выдатна.
03. Эскіз. The.Ripper
Экспарт і падрыхтоўка актываў з Sketch да перадачы іншай камандзе можа быць сапраўднай перашкодай, таму перспектыва інструмента, які робіць гэта за вас адным націскам, даволі захапляльная. Sketch.The.Ripper здабывае і арганізуе экраны, капіруе і растравыя выявы з усіх мантажных абласцей у файле .sketch і прадстаўляе іх зручным спосабам. Вы можаце ўбачыць прыклад вываду з разарванага файла тут.
Гэты інструмент заснаваны на Інтэрнэце, таму працуе на любой АС, што можа прыбраць некаторы трэнне з вашага працоўнага працэсу, калі людзі выкарыстоўваюць розныя сістэмы. Гэта зроблена Icons8, і вы можаце прачытаць пра гэта тут.
04. Стэксвел
Stackswell паскарае ваш аператыўны працэс дызайну, уключаючы медыязапыты ў Sketch і аўтаматызуючы працэс абнаўлення стыляў тыпаў і сімвалаў для кожнай кропкі спынення. Замест таго, каб рабіць гэтую працу ўручную, пры наладзе шырыні мантажнай вобласці стылі аўтаматычна абнаўляюцца.
Stackswell таксама пазбаўляе вас ад неабходнасці правяраць вертыкальны інтэрвал для кожнай кропкі разрыву, дзякуючы чаму вы атрымліваеце паслядоўны інтэрвал з мінімальнымі клопатамі. Больш падрабязна пра гэта вы можаце прачытаць у гэтым артыкуле.
05. Зменныя шрыфты
Зменныя шрыфты дазваляюць выкарыстоўваць мноства розных вагаў і шырыні шрыфта без уключэння асобнага файла для кожнага: вы ўключаеце адзін файл, а затым змяняеце шрыфт з дапамогай CSS. Гэта выдатная сітуацыя, таму што яна дазваляе выкарыстоўваць тыпаграфіку з найлепшым эфектам у вашых дызайнах, не павялічваючы пры гэтым вагу старонкі.
Не ўсе зменныя шрыфты аднолькавыя; некаторыя з іх больш гнуткія, чым іншыя. Гэты інструмент дазваляе знайсці розныя шрыфты і паэксперыментаваць з імі, каб даведацца, ці адпавядаюць яны вашым патрэбам. Для атрымання дадатковай інфармацыі пра зменныя шрыфты і атрымання ўяўлення пра тое, чаго можна дасягнуць, паспрабуйце гэтую дэманстрацыю.
06. Выстаўленне рахункаў у палоску
Новы білінгавы прадукт Stripe для Інтэрнэт-бізнесу прапануе трэці спосаб для кампаній, якія разглядаюць дылему: будаваць альбо купляць білінгавую сістэму (больш падрабязна пра гэта - у нашым артыкуле пра рашэнні інтэрнэт-крам). API Stripe Billing лёгка інтэгруецца ў існуючы сайт і дазваляе выкарыстоўваць будаўнічыя блокі для стварэння гнуткай сістэмы з улікам вашых патрэбаў.
Калі ваша сістэма наладжана, усё кіруецца з прыборнай панэлі, дзе вы можаце весці падпіску, рахункі і фінансавыя справаздачы. Вы таксама атрымліваеце такія магутныя функцыі, як глабальная плацежная сістэма Stripe, якая працуе з рознымі валютамі і крэдытнымі карткамі, а таксама гнуткія кампаненты выстаўлення рахункаў, якія дазваляюць эксперыментаваць з цэнамі.
07. CreativeGuild
CreativeGuild - гэта выдзяленне бясплатнай штомесячнай серыі лекцый CreativeMornings, заснаванай Цінай Рот Айзенберг у Брукліне дзесяць гадоў таму. Канцэпцыя стала хітом, і цяпер у больш чым 185 гарадах па ўсім свеце ёсць кіраўнікі CreativeMornings, кожны з якіх мае сваё жывое супольнасць, якое выхоўвае і натхняе сваіх членаў.
CreativeGuild закліканы перанесці некаторыя аспекты супольнасці ў Інтэрнэт, каб яны былі даступныя для большай колькасці людзей. Вы можаце думаць, што гэта падобна на LinkedIn, але для крэатываў. Там ёсць каталог творчых кампаній, прыватных асоб і працоўных месцаў, і вы можаце шукаць па месцы знаходжання, каб знайсці магчымасці ў вашым горадзе.
08. Мабін
Mobbin - гэта галерэя дызайнаў мабільных прыкладанняў, якія вы можаце выкарыстоўваць для атрымання ідэй для ўласных праектаў - замест таго, каб усталёўваць шмат прыкладанняў, вы можаце праглядаць іх у адным месцы, каб убачыць, як іншыя вырашаюць праблемы дызайну. Адлюстроўваецца шэсць экранаў для кожнага прыкладання, так што вы можаце скласці ўяўленне пра шлях карыстальніка і шаблон дызайну для кожнага з іх. Таксама ёсць бакавая панэль, якая адлюстроўвае спісы вакансій.
09. HueSnap
Вы ніколі не ведаеце, калі натхніцца; магчыма, дэкор гатэля альбо святло ў парку падасца вам правільнай каляровай гамай для вашай працы. Калі гэта адбудзецца, вы можаце зрабіць здымак і выкарыстоўваць HueSnap, каб вылучыць колеры з малюнка і зрабіць іх у палітру.
Дадатак накіравана на мабільнае выкарыстанне, таму лепш працуе на вашым тэлефоне, і вы можаце захоўваць і дзяліцца сваімі палітрамі з іншымі. Існуюць розныя функцыі, якія дапамогуць вам змяніць палітру, напрыклад, варыянты выбару дадатковых і складаных колераў. Ваша палітра можа мець да шасці кветак у кожнай.
Каб даведацца больш, паглядзіце наш агляд лепшых каляровых інструментаў для вэб-дызайнераў.
10. Эградыенты
Той, хто сабраў гэтую калекцыю выдатных градыентаў, выдатна глядзіць на колер і цікавае пачуццё гумару. Кожны градыент адлюстроўваецца ў яйкападобнай ёмістасці і атрымлівае назву, якая можа нейкім чынам суадносіцца з колерамі. Калі ёсць сувязь, мы не змаглі яе расшыфраваць.
У якасці прыкладаў можна назваць "Паспяховы імігрант" для бірузовага градыенту, "Разбітае сэрца Вазняка" для бледна-блакітнага і "Міласэрны вораг" для пераходу ад жоўтага да зялёнага.
Атрымайце білет у Generate New York
Вядучая падзея вэб-дызайну Стварыць Нью-Ёрк вярнуўся. Сярод прамоўцаў, якія праходзяць з 25 па 27 красавіка, - Dan Mall SuperFriendly, кансультант па вэб-анімацыі Валь Хэд, поўны стэк-распрацоўшчык JavaScript Вес Бос і іншыя. Таксама ёсць дзень семінараў і найлепшыя сеткавыя магчымасці - не прапусціце яго. Атрымай свой білет Generate зараз.
