Isi
- 01. Perancangan Sistem Repo
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. Stackswell
- 05. Font Variabel
- 06. Stripe Billing
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradien
- Dapatkan tiket Anda ke Generate New York
Tema pengumpulan kami bulan ini adalah kecepatan dan efisiensi: beberapa di antaranya alat desain web akan melakukan hal-hal luar biasa untuk alur kerja Anda dengan memotong tugas-tugas membosankan dan menjengkelkan yang tidak ada hubungannya dengan desain. Ambil Stackswell - ini mengotomatiskan semua bagian yang mengganggu dalam melakukan desain responsif di Sketch. Alat kami lainnya mempercepat Anda dengan mengekstrak dan mengatur semua aset dari file .sketch.
Selain itu, ada produk penagihan baru yang keren dari Stripe, alat jaringan hebat untuk materi iklan oleh Tina Roth Eisenberg, dan alat fantastis untuk mengukur berbagai hal di layar Anda dalam piksel.
01. Perancangan Sistem Repo
Jika Anda telah ditugaskan untuk mengerjakan beberapa bahan untuk sistem desain organisasi Anda, atau mungkin bahkan membangun atau mengkodifikasi sistem itu sendiri, Anda pasti ingin mengetahui dengan cepat sumber daya terbaru tentang topik tersebut.
Untuk ini, Design Systems Repo adalah teman Anda. Ini adalah kumpulan buku, artikel, ceramah, situs web, alat, sistem desain, perpustakaan pola, dan panduan gaya yang dapat Anda gunakan untuk mendapatkan pemahaman tentang bagaimana organisasi teratas dan pemikir terkemuka melakukan sesuatu.
02. PixelSnap
PixelSnap adalah aplikasi yang sangat bagus yang membuat pengukuran berbagai hal di layar Anda tidak terlalu mengganggu. Tempatkan kursor Anda di antara dua elemen seperti gambar dan judul, dan secara otomatis memberi tahu Anda jumlah piksel di antara keduanya. Gambar persegi panjang di sekitar elemen dan itu terkunci di sekitarnya dan memberi tahu Anda dimensinya. Iya. Anda dapat mengukur berbagai hal dengan cepat.
Lihat video di beranda untuk mendapatkan idenya. Harga aplikasinya $ 15, dan satu-satunya kekurangannya adalah aplikasi ini hanya tersedia sebagai aplikasi Mac untuk saat ini. Namun jika Anda pengguna Mac, itu hal yang luar biasa.
03. Sketch.The.Ripper
Mengekspor dan menyiapkan aset dari Sketch untuk diserahkan ke tim lain dapat menjadi hambatan yang nyata, sehingga prospek alat yang melakukannya untuk Anda dengan satu klik agak mengasyikkan. Sketch.The.Ripper mengekstrak dan mengatur layar, menyalin dan raster gambar dari semua artboards dalam file .sketch, dan menyajikannya dengan cara yang nyaman. Anda dapat melihat contoh output dari file ripped di sini.
Alat ini berbasis web sehingga berfungsi pada OS apa pun, yang dapat menghilangkan beberapa gesekan dari alur kerja Anda jika orang menggunakan sistem yang berbeda. Itu dibuat oleh Icons8, dan Anda dapat membaca lebih lanjut tentang itu di sini.
04. Stackswell
Stackswell mempercepat alur kerja desain responsif Anda dengan menghadirkan kueri media ke Sketch, dan mengotomatiskan proses pembaruan gaya jenis dan simbol untuk setiap breakpoint. Alih-alih melakukan pekerjaan ini secara manual, saat Anda menyesuaikan lebar artboard, gaya diperbarui secara otomatis.
Stackswell juga menghemat pekerjaan Anda karena harus memeriksa jarak vertikal Anda untuk setiap breakpoint, sehingga Anda mendapatkan jarak yang konsisten dengan sedikit kerumitan. Anda dapat membaca lebih lanjut tentang itu di artikel ini.
05. Font Variabel
Font variabel memungkinkan Anda menggunakan banyak font dengan berat dan lebar tanpa harus menyertakan file terpisah untuk masing-masing: Anda menyertakan satu file dan kemudian memodifikasi font menggunakan CSS. Ini adalah situasi yang bagus karena memungkinkan Anda menggunakan tipografi untuk efek terbaiknya dalam desain Anda, tanpa harus menambah bobot halaman Anda.
Tidak semua font variabel sama; beberapa lebih fleksibel dari yang lain. Alat ini memungkinkan Anda menemukan font yang berbeda dan bereksperimen dengannya untuk melihat apakah sesuai dengan kebutuhan Anda. Untuk informasi lebih lanjut tentang font variabel dan untuk mendapatkan gambaran tentang apa yang dapat dicapai, coba demo ini.
06. Stripe Billing
Produk penagihan baru Stripe untuk bisnis online menawarkan cara ketiga bagi perusahaan untuk mempertimbangkan dilema apakah akan membangun atau membeli sistem penagihan (untuk lebih lanjut tentang ini, lihat artikel kami tentang solusi toko online). Stripe Billing API terintegrasi dengan mudah ke situs yang ada dan memungkinkan Anda menggunakan elemen penyusun untuk membuat sistem fleksibel yang disesuaikan dengan kebutuhan Anda.
Saat sistem Anda disiapkan, semuanya dikelola dari dasbor tempat Anda dapat terus memantau langganan, faktur, dan laporan keuangan. Anda juga mendapatkan fitur canggih seperti sistem pembayaran global Stripe, yang menangani berbagai mata uang dan kartu kredit, dan komponen penagihan fleksibel yang memungkinkan Anda bereksperimen dengan harga.
07. CreativeGuild
CreativeGuild adalah spin-off dari CreativeMornings, seri kuliah bulanan gratis yang didirikan oleh Tina Roth Eisenberg di Brooklyn satu dekade lalu. Konsep ini menjadi hit dan sekarang ada cabang CreativeMornings di lebih dari 185 kota di seluruh dunia, masing-masing dengan komunitas dinamisnya sendiri yang memelihara dan menginspirasi anggotanya.
CreativeGuild dimaksudkan untuk menghadirkan beberapa aspek komunitas secara online sehingga dapat diakses oleh lebih banyak orang. Anda dapat menganggapnya seperti LinkedIn, tetapi untuk materi iklan. Ada direktori perusahaan kreatif, individu, dan pekerjaan, dan Anda dapat menelusuri berdasarkan lokasi untuk menemukan peluang di kota Anda.
08. Mobbin
Mobbin adalah galeri desain aplikasi seluler yang dapat Anda gunakan untuk mendapatkan ide untuk proyek Anda sendiri - alih-alih memasang banyak aplikasi, Anda dapat menjelajahinya di satu tempat untuk melihat bagaimana orang lain memecahkan masalah desain. Enam layar untuk setiap aplikasi ditampilkan sehingga Anda bisa mendapatkan gambaran tentang perjalanan pengguna dan pola desain masing-masing. Ada juga bilah sisi yang menampilkan daftar pekerjaan.
09. HueSnap
Anda tidak pernah tahu kapan inspirasi akan datang; mungkin dekorasi hotel atau lampu di taman akan terasa seperti skema warna yang tepat untuk pekerjaan Anda. Jika itu terjadi, Anda dapat mengambil foto dan menggunakan HueSnap untuk mengekstrak warna dari gambar dan menjadikannya palet.
Aplikasi ini ditujukan untuk penggunaan seluler sehingga berfungsi paling baik di ponsel Anda, dan Anda dapat menyimpan serta membagikan palet Anda dengan orang lain. Terdapat berbagai fitur untuk membantu Anda memodifikasi palet, seperti opsi untuk memilih warna komplementer dan gabungan. Palet Anda masing-masing dapat memiliki hingga enam warna.
Untuk lebih lanjut, lihat kumpulan alat warna terbaik kami untuk desainer web.
10. Eggradien
Siapa pun yang mengumpulkan koleksi gradien yang indah ini memiliki ketertarikan pada warna dan selera humor yang menarik. Setiap gradien ditampilkan dalam wadah berbentuk telur dan diberi nama yang mungkin berhubungan atau tidak dengan warna dalam beberapa cara. Jika ada hubungan, kami belum bisa menguraikannya.
Contoh nama termasuk 'Imigran Sukses' untuk gradien pirus, 'Hati Wozniak yang Patah' untuk biru pucat dan 'Musuh Penyayang' untuk transisi kuning ke hijau.
Dapatkan tiket Anda ke Generate New York
Acara desain web terkemuka Hasilkan New York kembali. Berlangsung antara 25-27 April, pembicara utama meliputi Dan Mall dari SuperFriendly, konsultan animasi web Val Head, pengembang JavaScript lengkap Wes Bos, dan banyak lagi. Ada juga hari lokakarya dan peluang jaringan teratas - jangan lewatkan. Dapatkan tiket Hasilkan Anda sekarang.
