Aplikasi yang Dapat Mengurangi Beban "Ilmu" Anda dalam Desain

Apa yang paling tidak disukai desainer web? Mungkin pengkodean. Dan mungkin yang kedua adalah membuat prototipe untuk semua perangkat. Dan apa pun yang dapat membuat hal-hal semacam itu lebih mudah memungkinkan seorang desainer untuk menghabiskan lebih banyak waktu pada aspek kreatif karyanya.

Dengan mengingat hal itu, ada sejumlah aplikasi baru yang hebat yang harus dijelajahi oleh setiap desainer sebagai tambahan potensial untuk toolkitnya!

DEPAN

Situs yang luar biasa bagi Anda untuk membuat panduan gaya Anda sendiri dan menyimpannya di awan untuk referensi di masa mendatang dan untuk dibagikan. Ada template panduan gaya untuk logo dan gambar, palet warna, tipografi, ikon, dan teks serta media Anda sendiri. Kelebihan besar lainnya di sini adalah Anda tidak perlu secara manual membuat panduan gaya PDF Anda sendiri – Anda menyimpannya di Frontify dan mereka dapat dikonversi ke file PDF untuk diunduh, dicetak, dan dibagikan. Pembuatan versi membuat semua versi yang lebih lama di latar belakang untuk ditarik kapan saja. Anda dapat mulai dengan templat mereka atau contoh buku merek penelitian untuk menyesuaikan milik Anda sendiri. Semua fungsi dapat diakses melalui API. Berikut adalah contoh yang dapat Anda lakukan hanya dengan logo, menggunakan milik Frontify:

Ini adalah logo dasar. Frontify memutuskan bahwa "tetesan" adalah kuncinya di sini, tetapi mereka dapat melakukan banyak hal lain, tetap menjaga logo tetap konsisten. Berikut adalah perubahan warna:

Dan berikut adalah contoh variasi dari logo dasar :

Ini hanyalah salah satu contoh template desain dan warna yang dapat Anda gunakan untuk membuat panduan gaya yang unik, dan semua komponen dapat dipertukarkan.

KOMPOSER VISUAL

Aplikasi ini telah ada selama beberapa waktu, dan Anda mungkin sudah mengetahuinya, tetapi Anda akan kesulitan menemukan yang lain dengan paket opsi desain. Ini pada dasarnya telah menghilangkan tugas-tugas perencanaan dan pengkodean yang sulit. Anda dapat memiliki tata letak desain hanya dalam hitungan menit, menambahkan elemen dengan satu klik. Label harga $25 sangat berharga. Tombol untuk semuanya; banyak pilihan animasi, pilihan berbagi langsung, dan lain sebagainya. Lebih dari 40 elemen konten dalam bayi ini! Ini benar-benar alat serba guna! Jika Anda tidak yakin tentang semua fiturnya dan bagaimana Anda dapat menggunakan aplikasi ini, lihat tutorial video di sini.

Ada fitur hebat yang memungkinkan Anda mendesain halaman dengan sangat cepat dan Anda dapat memodifikasi hampir semua elemen. Misalnya, ada beberapa elemen kisi yang telah ditentukan sebelumnya yang dapat Anda modifikasi atau opsi untuk mendesain kisi Anda sendiri.

Jika ada kelemahan pada Visual Composer, itu adalah bahwa ia meninggalkan banyak kode kecil di belakang ketika Anda menonaktifkan yang harus dihapus sebelum memulai tema baru. Berikut adalah contoh desain yang dibuat melalui Visual Composer.

PERburuan DESAIN

Ketika inspirasi Anda baru saja terhenti, Anda mungkin mencarinya dengan mencari situs web baru yang dapat memberi Anda ide-ide hebat. Itu bisa menjadi sedikit tugas yang memakan waktu, jadi mengapa tidak menggunakan metode yang jauh lebih nyaman? Design Hunt adalah semacam "clearinghouse", tetapi mengubah seluruh repertoarnya setiap hari. Ini menggambar desain baru yang hebat yang ditemukan di Pinterest, Dribble, Designer News, DesignInspiraton, dan banyak lagi dan menerbitkannya untuk desainer yang mencari inspirasi dan ide baru. Sekarang, Anda dapat pergi ke satu tempat setiap hari dan menemukan koleksi yang benar-benar baru.

TOOKAPI

Sebagai pendatang baru dalam bisnis stok foto, Tookapic sekarang memiliki lebih dari 11.000 stok foto, sebagian besar gratis, sisanya dengan harga murah. Anda mungkin benar-benar menyukai ini lebih baik daripada sumber foto stok yang sekarang Anda gunakan – warna dan kejernihan yang fenomenal dan foto yang sangat unik. Akses situs mereka dan lihat apa yang mereka miliki. Anda mungkin terkejut!

MARVELPP

Alat prototyping gratis ini memungkinkan Anda untuk membuat sketsa dan membuat maket dari ponsel Anda atau perangkat lain dan segera melihat prototipe. Dari sana, Anda dapat mengatur ulang, memodifikasi, menambahkan warna, teks, mengubah formulir, dan melakukan hampir semua hal, dengan kompatibilitas langsung dengan perangkat apa pun. Setelah Anda memberi nama proyek Anda, Anda segera pergi ke antarmuka utama dan mulai. Setelah selesai, Anda dapat melihat pratinjau seluruh desain dan berinteraksi dengannya untuk memastikan semuanya bekerja dengan baik.

Untuk mempelajari lebih lanjut tentang alat fenomenal ini, kunjungi situs web dan tonton demo – Anda akan senang dengan kemudahan penggunaan. Salah satu fitur terbaik adalah kemampuan untuk memasukkan gambar dari mana saja (bahkan Dropbox dan sketsa) dan dari jenis gambar apa pun. Anda juga dapat menambahkan tim jika ini adalah proyek kolaboratif. Kelemahan terbesar dari Marvel adalah ada batasan dengan versi gratisnya, jadi Anda pasti perlu memutakhirkan. Tetap saja, ini sangat mudah digunakan – sebagus Justinmind.

ANIMASI CSS

Jika Anda membuat banyak animasi, Anda pasti menginginkan alat ini. Fitur yang sangat keren tanpa harus menulis kode apa pun. Ada perpustakaan efek animasi yang siap digunakan – sebenarnya lebih dari 50 – dan Anda dapat dengan mudah menyesuaikan jumlah loop dan durasi. Animasi menambahkan keterlibatan dan hiburan yang luar biasa selama Anda tidak melakukannya secara berlebihan!

Namun, jika Anda mencari serangkaian fitur dan opsi yang sangat lengkap, CSS saja tidak akan memenuhi tagihan. Meskipun perdebatan tentang CSS dan JavaScript terus berlanjut, pasti ada cara di mana keduanya dapat digunakan bersama. Misalnya, Anda memiliki desain animasi CSS yang bagus, tetapi Anda ingin itu meluncur dari kiri saat pengguna mencapai titik tertentu saat menggulir ke bawah. Anda harus menambahkan JS untuk menyelesaikannya. Memahami bahwa CSS memiliki keterbatasan dan dapat ditingkatkan oleh JS adalah dengan bijak menggunakan alat yang tersedia.

Meskipun demikian, Animate CSS sangat mudah dijalankan. Anda mengunduhnya, Lampirkan CSS serta jQuery dan komponen lain yang Anda inginkan dan mulai membuat animasi. Ada tutorial bagus di YouTube untuk membantu Anda memulai.

WARNA

Jika Anda buta warna atau hanya memiliki masalah skema warna, alat ini akan mengembangkan skema warna keseluruhan untuk Anda, atau membuatnya jika Anda tahu dari mana Anda ingin memulai. Saat Anda melihat warna yang Anda suka, kunci dan terus klik – Anda akan mendapatkan skema lengkap dengan warna sebanyak yang Anda inginkan. Ini sangat membantu jika Anda ingin menggunakan gradien warna. Tidak ada yang benar-benar kontroversial tentang alat ini – desainer yang menggunakannya menyukainya; yang belum coba. Satu-satunya downside? Ini tidak lagi gratis dan Anda harus memiliki akun iTunes untuk mengunduh.

Generator Skema Warna Otomatis untuk Tantangan Warna

CIRCULUS.SVG

Ini bukan alat yang komprehensif dengan banyak opsi, templat, dan semacamnya, tetapi inilah cara unik untuk mendesain menu, atau beberapa di halaman sebanyak yang Anda inginkan! Yang Anda lakukan hanyalah memasukkan secara spesifik apa yang Anda inginkan di menu Anda. Anda kemudian akan diberikan instruksi terperinci tentang cara membuatnya dan menanamkannya di halaman tertentu.

Sedikit Sesuatu untuk Melibatkan Pengunjung dengan Lebih Baik

SVG melingkar mungkin lebih unggul dari CSS untuk membuat elemen semacam ini. Setelah mengunduh, Anda memiliki 3 opsi: Anda dapat menggambar sektor Anda dalam editor grafis, seperti Sketch, lalu mengekspornya sebagai SVG, menambahkan interaksi, dan menanamkannya; Anda dapat menggambar sektor Anda dengan kode; atau Anda dapat menggunakan generator Circulus langsung di aplikasi.

CSS memungkinkan Anda untuk membuat navigasi melingkar, tetapi ada beberapa bug browser ditambah itu hanya banyak pekerjaan. Anda harus mulai dengan persegi panjang, pecahkan, lalu miringkan dan putar bagian tersebut. Dan, jika Anda menggunakan lebih dari sekadar ikon di sektor Anda, itu akan menjadi lebih rumit.

Menggunakan SVG, Anda dapat menggambar bentuk apa pun yang Anda inginkan, menggunakan garis dan perintah busur tertentu ke "irisan pai" yang Anda inginkan – berikut contohnya:

Setelah masing-masing irisan Anda digambar dan ikon dan/atau konten Anda tertanam, Anda cukup bergabung dengan mereka.

METAFLOP

Bosan dengan font dan gaya huruf lama yang itu-itu saja? Buat sendiri – tidak perlu pengkodean – cukup klik dan seret. Mengubah font dan gaya unik untuk teks dapat mendorong pengunjung untuk benar-benar membaca konten! Aplikasi ini sangat keren, Anda akan kesulitan untuk tidak memainkannya selama berjam-jam. Dan Anda tidak akan pernah mengatakan bahwa tipografi adalah bagian paling tidak seksi dari desain web lagi.

Hal ini sangat sederhana. Anda menyesuaikan font dari serangkaian slide yang memiliki karakteristik berbeda – tinggi, bukaan, dan kontras. Anda menyesuaikan sampai Anda memiliki apa yang Anda suka dan kemudian mengunduhnya sebagai paket font web (gratis). Ada juga perpustakaan font pra-bangun untuk dipilih. Teruslah bermain – Anda akan melihat mengapa desainer tipe bisa menjadi “trah yang sekarat.”

Tangkap Perhatian dengan Font dan Gaya Unik

FONTFLAME

Ini benar-benar "anak baru di blok". Fontflame mencoba untuk membebaskan desainer dari satu beban lagi – menemukan pasangan font yang benar-benar berfungsi. Saat ini, ia memiliki 10 pasangan yang diterbitkan di situsnya tetapi bertambah setiap hari. Contoh pemasangan, menggunakan pustaka font gratis Google, termasuk "Lobster-Asap" dan "Roboto-Open Sans." Perpustakaan tambahan akan segera ditambahkan. Awasi situs ini – akan ada banyak hal yang ditawarkan dalam pasangan segera.

PODCAST FREELANCER

Bukan aplikasi atau alat – ini adalah podcast mingguan untuk desainer dan pengembang yang tidak ingin Anda lewatkan. Diselenggarakan oleh Paul Jarvis, Anda akan memiliki akses ke tren, aplikasi, dan alat baru, dan banyak saran yang sangat praktis.

DI-VISI

Inilah alat prototyping hebat yang memiliki beberapa fitur yang tidak ditemukan pada yang lain. Seperti yang lainnya, Anda membuat mockup untuk salah satu atau semua perangkat – Anda memilih yang Anda inginkan. Setelah prototipe Anda dibuat, Anda dapat mempratinjaunya di semua perangkat, lalu mengirimkannya ke klien atau anggota tim untuk ditinjau. Mereka dapat mengomentari desain itu sendiri, yang merupakan nilai tambah yang besar. Dua fitur bagus lainnya dari In-Vision adalah mode riwayat, yang memungkinkan Anda melihat semua versi desain sebelumnya, dan 3 proyek demo untuk dikerjakan oleh desainer hingga mereka merasa nyaman dengan semua fitur.

Dalam membandingkan In-vision dengan aplikasi Marvel, perbedaan penting mungkin adalah sebagai berikut:

1. InVision memiliki lebih banyak fitur daripada Marvel, tetapi itu juga membuatnya lebih kompleks. Misalnya, ia memiliki lebih banyak fitur kolaborasi langsung, alat untuk tangkapan layar anotasi, dan elemen sejarah yang hebat.
2. Marvel memiliki aplikasi iOS dan saat ini sedang mengerjakan aplikasi untuk Android dan iPad – InVision tidak memilikinya.
3. InVision mungkin lebih baik untuk tim yang lebih besar, Marvel lebih baik untuk tim solo atau kecil.

Komentar dari pengguna kedua aplikasi ini akan lebih memperjelas mana yang terbaik untuk tujuan apa.

Anda mungkin memiliki beberapa aplikasi favorit yang ingin didengar oleh sesama desainer. Beri tahu kami apa itu, dan bagaimana mereka memberi Anda lebih banyak waktu untuk menjadi seorang seniman.