Adobe XD: Alat Desain UI dan UX Gratis yang Dapat Anda Gunakan Saat Ini

Iklan

Tidak sering Anda mengaitkan Adobe dengan unduhan "gratis", tetapi itulah yang dilakukan oleh perusahaan itu Adobe XD. Ini adalah aplikasi prototyping antarmuka cepat untuk perangkat seluler dan situs web, yang memungkinkan desainer untuk dengan cepat menghasilkan desain untuk platform tertentu.

Hal terbaik tentang Adobe XD adalah betapa mudahnya menggunakannya. Bahkan jika Anda memiliki sedikit pengalaman mendesain sesuatu, hanya ada kurva belajar yang sangat bertahap untuk menahan Anda.

Bahkan UI benar-benar segar, tanpa semua alat dan panel yang membuat begitu banyak orang pergi aplikasi seperti Photoshop, Illustrator, dan Lightroom 15 Alternatif Gratis untuk Adobe Lightroom, Illustrator, dan PhotoshopApakah Anda ingin mendapatkan Adobe Photoshop, Lightroom, atau Illustrator gratis? Berikut adalah beberapa alternatif Creative Cloud terbaik. Baca lebih banyak . Di artikel ini, kami akan memperkenalkan Anda ke Adobe XD dan menjelaskan apa yang Anda bisa dan tidak bisa lakukan dengan itu.

Apa itu Adobe XD?

Adobe XD adalah alat desain. Itu tidak akan membangun aplikasi Anda untuk Anda, tetapi itu akan membantu Anda menyajikan visi atau prototipe untuk apa yang Anda inginkan seperti aplikasi seluler atau tablet, situs web, atau antarmuka pengguna berikutnya. Aplikasi ini menggunakan papan seni — pada dasarnya maket layar — untuk memberikan representasi visual dari desain aplikasi Anda.

Membuat aplikasi seluler Jadikan Aplikasi Seluler Pertama Anda Dengan Bundel Kursus Diskon iniApakah Anda memiliki apa yang diperlukan untuk mengembangkan aplikasi iOS atau Android besar berikutnya? Bundel kursus yang sangat diskon ini akan mengajarkan Anda bagaimana hal itu dilakukan! Baca lebih banyak dan situs web yang berfungsi dapat mengambil banyak pengetahuan teknis. Adobe XD memberi Anda alat untuk mengubah ide menjadi bukti konsep. Saat Anda selesai, Anda akan memiliki cetak biru dari mana untuk bekerja, dan yang Anda dapat tweak tanpa henti sampai Anda puas dengan desain.

Dengan cara yang sama konsep seni begitu penting dalam upaya kreatif (lihat ini seni konsep video game yang indah Tempat Menemukan Video Game Konsep Seni Online yang IndahIngin melihat beberapa konsep seni yang indah di balik gim favorit Anda? Berikut adalah sumber daya seni video game yang Anda inginkan! Baca lebih banyak sebagai bukti), bukti konsep untuk desain antarmuka yang Anda inginkan adalah penting ketika datang ke perangkat lunak dan konstruksi situs web. Memberi pemrogram sebuah konsep yang sangat dekat dengan produk jadi adalah cara yang bagus untuk menyelaraskan harapan Anda dengan apa yang mungkin.

Yang terbaik dari semua aplikasi dirancang sedemikian rupa sehingga siapa pun dapat menggunakannya. Apakah Anda seorang desainer berpengalaman, programmer, atau seseorang yang tidak memiliki kedua keterampilan ini; Adobe XD dapat menjembatani kesenjangan antara visi Anda dan pengetahuan teknis. Anda bahkan tidak perlu melakukannya belajar kode Belajar Kode dengan Mencampur Aplikasi Yang Ada secara GratisSitus ini memungkinkan Anda membuat atau membuat ulang aplikasi, memungkinkan Anda untuk menjadi kreatif tanpa takut merusak apa pun. Baca lebih banyak untuk merancang aplikasi.

Apa Yang Dapat Adobe XD Lakukan?

Adobe XD dirancang dengan beberapa aplikasi spesifik dalam pikiran, tetapi Anda juga dapat berpikir di luar kotak. Aplikasi ini mempermudah semuanya dengan memasukkan templat untuk:

• Aplikasi smartphone: Dari iPhone 5 dan SE hingga model terbaru; dan template Android generik juga.
• Aplikasi tablet: Dengan templat untuk iPad, baik ukuran iPad Pro, Surface Pro 3 dan 4, dan templat tablet Android generik.
• Situs web / aplikasi web: Dengan beberapa preset untuk dipilih, termasuk Full HD.

Anda tidak harus tetap menggunakan templat ini, mereka ada di sana untuk membuat hidup Anda lebih mudah. Anda juga dapat menentukan ukuran antarmuka sepenuhnya khusus (yaitu layar), dan mulai mendesain untuk hampir semua platform yang dapat Anda bayangkan.

Jika Anda merancang aplikasi seluler, Anda dapat mengunduh aplikasi Adobe XD gratis untuk platform Anda dan mengekspor desain Anda untuk pratinjau langsung di perangkat Anda.

Kit UI Membuat Hidup Lebih Mudah

Jika Anda memikirkannya mendesain untuk iOS 7 Alasan Bahasa Pemrograman Swift Layak BelajarAnda harus mempelajari bahasa pemrograman Swift lebih cepat daripada nanti jika Anda tidak ingin ketinggalan. Berikut adalah beberapa alasan bagus yang dapat meyakinkan Anda. Baca lebih banyak , Android, Windows, atau platform mapan lainnya; Anda dapat menggunakan kit UI untuk mendapatkan bantuan. Ini pada dasarnya adalah templat proyek yang dikelola oleh Apple, Google, Microsoft dan lainnya, yang dapat diunduh dalam format file .XD Adobe.

Dengan kit UI Anda dapat mempercepat produksi, memungkinkan Anda merancang aplikasi dalam batasan dan elemen umum yang terlihat di platform pilihan Anda. Karena dikelola oleh pengembang platform, umumnya mereka selalu terbarui dan teliti.

Misalnya, kit UI iOS Apple mencakup dimensi layar kosong untuk berbagai perangkat, contoh dari Keyboard iOS, elemen navigasi seperti pita di bagian atas layar, tombol sakelar iOS, dan lebih. Anda dapat dengan mudah menyalin dan menempel elemen ke papan desain Anda, dan membuat prototipe yang akurat.

Adobe juga memelihara beberapa kit UI lainnya, termasuk sampel jam tangan pintar yang sesuai dengan watchOS, kit situs web e-commerce, dan serangkaian contoh untuk membuat aplikasi telepon pintar mata uang digital 10 Aplikasi Bitcoin dan Cryptocurrency Terbaik untuk iPhoneSekarang lebih mudah daripada sebelumnya untuk membeli Bitcoin, mengonversi ke altcoin, dan bahkan berinvestasi dalam ICO, semuanya dari ponsel Anda dengan aplikasi cryptocurrency. Baca lebih banyak . Anda harus mengunduh yang sesuai Kit UI untuk iOS, Desain Bahan Google dan Microsoft Windows terpisah.

Satu Set Sederhana Alat Bawaan

Tidak seperti aplikasi grafis dan desain rumit lainnya dari Adobe, XD memiliki UI bersih yang bagus dengan hanya beberapa alat sederhana. Anda memiliki bentuk dasar: persegi panjang, lingkaran, garis, dan alat pena untuk membuat bentuk khusus. Ada juga alat teks sederhana, dengan akses ke pustaka font Typekit (tetapi tidak semuanya).

Anda kemudian dapat mengubah berbagai atribut yang berkaitan dengan elemen-elemen ini, seperti opacity, mengisi warna, batas, bayangan, dan perilaku menggulir. Akhirnya ada kaca pembesar dan alat artboard untuk memperluas desain Anda.

Adobe XD membantu Anda menempatkan elemen di tempat-tempat yang menyenangkan secara estetika dengan “membidik” ke sekeliling tepi layar, titik tengah kanvas, dan ke elemen lainnya. Anda dapat menimpa ini jika Anda mau dengan menahan tombol (pada versi Mac itu Cmd).

Di sepanjang tepi atas aplikasi, Anda akan melihat dua matikan: Rancangan dan Prototipe. Desain adalah tempat Anda akan menghabiskan sebagian besar waktu Anda untuk menciptakan visi Anda. Beralih ke mode Prototipe untuk menambahkan berbagai interaksi antar elemen di layar. Anda dapat memicu acara dan beralih ke artboards yang berbeda, memberikan pengalaman pengguna yang sederhana tanpa menulis baris kode.

Ini dilakukan melalui antarmuka drag and drop sederhana, misalnya: membuat tombol dengan alat lingkaran, membuat artboard baru dengan yang diinginkan hasil dari tombol itu tekan (mis. tab berbeda di aplikasi Anda), beralih ke mode Prototipe dan seret panah dari tombol ke yang baru artboard. Tekan tombol "Mainkan" atau pratinjau di perangkat langsung Anda untuk melihat bagaimana hasilnya.

Anda bahkan dapat menentukan transisi dan efek agar terlihat mewah. Ada beberapa batasan yang cukup besar untuk mode Prototipe. Anda tidak bisa terlalu mendalam dengannya, tetapi ini memiliki tujuan dan penerapannya yang sederhana membuatnya mudah digunakan.

Seberapa Terbatas Apakah Versi Gratis Adobe XD?

Menjadi produk gratis, Adobe XD dirancang untuk membuat Anda terhubung dengan alur kerja yang sederhana dan alat yang mudah digunakan tanpa mengeluarkan uang sepeser pun. Kelemahan terbesar untuk versi gratis adalah ketidakmampuan untuk memiliki lebih dari satu prototipe bersama aktif atau serangkaian spesifikasi desain pada satu waktu.

Jadi untuk desain atau proyek pertama Anda, versi gratis mungkin sudah cukup. Ketika datang untuk berbagi lebih banyak desain atau proyek dengan tim atau pengembang aplikasi Anda, Anda akan dengan cepat membentur tembok. Anda selalu dapat mengekspor berbagai artboards Anda sebagai file .PNG secara gratis, selamanya melalui File> Ekspor pilihan.

Namun prototyping dan interaktivitas bersama antara artboards adalah salah satu fitur menonjol di sini. Aplikasi ini masih berguna tanpanya, hanya saja tidak pada tingkat yang sama. Anda tidak dapat membuat prototipe yang terwujud sepenuhnya, tetapi Anda dapat dengan cepat meletakkan desain Anda.

Batasan lain dari versi gratis termasuk sejumlah font Typekit, dan 2GB penyimpanan cloud (berbeda dengan 100GB) untuk pelanggan Creative Cloud. Jika Anda memutuskan untuk menambah uang tunai versi berbayar, Adobe XD akan dikenakan biaya $ 9,99 / bulan untuk aplikasi ini saja atau $ 52,99 / bulan untuk suite Creative Cloud lengkap.

Kami pikir Adobe Creative Cloud bernilai uang 5 Alasan untuk Membeli Adobe Creative CloudAdobe Cloud Kreatif hadir dengan banyak keuntungan besar. Kami telah menyusun daftar alasan untuk berinvestasi di Adobe Creative Cloud selagi Anda masih bisa. Baca lebih banyak , asalkan Anda bisa memanfaatkannya dengan cukup.

Adobe XD Adalah Alat yang Sangat Ramah Pengguna

Adobe XD adalah alat yang berguna, apakah Anda bermaksud membayarnya atau tidak. Dalam beberapa kasus, Anda mungkin lolos dengan versi gratis untuk mengerjakan proyek pribadi kecil. Ketika datang ke pekerjaan serius dan berbagi dengan tim, Anda harus meningkatkan.

Adobe XD bukan desain UI semua-dan-semua-akhir. Desainer telah menggunakan alat grafis selama bertahun-tahun untuk membuat maket untuk situs web, desain aplikasi, dan banyak lagi. Lihat alat grafis vektor Mac terbaik untuk desainer dengan anggaran terbatas Perangkat Lunak Vektor Terbaik untuk Desainer Mac dengan Anggaran MurahBerikut adalah perangkat lunak vektor terbaik untuk macOS yang dapat Anda gunakan secara gratis atau membeli dengan anggaran terbatas. Sempurna untuk desainer modern! Baca lebih banyak untuk melihat beberapa alternatif yang mampu.