Saya tidak bisa menggambar. Bagaimana saya bisa membuat aplikasi yang dipoles?


41

Saya bukan desainer grafis. Saya sangat buruk dalam menggambar apa pun. Saya berjuang untuk membangun hal-hal yang terlihat sama baiknya dengan aplikasi "sampel" yang dibundel dengan alat pengembangan; terutama karena saya tidak jongkok dalam hal aset seni.

Strategi apa yang mungkin saya ambil untuk mengurangi ini?


3
Untuk lebih jelasnya: Anda ingin membuat GUI yang tidak menggunakan tampilan & nuansa platform default? Pertanyaan pertama adalah: mengapa tidak mengandalkan OS untuk menggambar UI Anda?
Konrad Rudolph

2
@KonradRudolph: Bahkan dengan tampilan dan rasa default (yang sebenarnya lebih menyenangkan daripada yang lainnya), masih ada aset seni yang biasanya diperlukan untuk aplikasi yang dipoles, seperti ikon.
Billy ONeal

5
Aset ikon: Gunakan set ikon Sumber Terbuka. ;-) Ada beberapa yang berkualitas tinggi, misalnya Silk Icons atau Glyphicons milik FamFamFam ... Secara pribadi saya lebih suka menghindari terlalu banyak grafik lain tetapi untuk pekerjaan kontrak itu mungkin solusi terbaik ...
Konrad Rudolph

method.ac mungkin bisa membantu, setelah diluncurkan.
Maks.

Jawaban:


24

Saya pribadi tidak berpikir Anda harus baik secara artistik untuk membuat antarmuka pengguna yang menyenangkan .

Apa yang membuat UI yang baik tidak tergantung pada kreativitas, tetapi lebih terkait dengan beberapa pedoman yang sudah mapan. Jika Anda mengikuti panduan ini dan berlatih beberapa, Anda dapat membuat antarmuka yang hebat sendiri.

Saya sarankan melakukan hal berikut ...

  • Baca tentang apa yang membuat antarmuka pengguna yang baik. (sebagian besar online)
  • Teliti dan temukan beberapa antarmuka pengguna yang menyenangkan bagi Anda.
  • Bandingkan beberapa desain bagus dan cobalah untuk memilih hal-hal yang serupa di antara mereka.
  • Sekarang lihat desain Anda sendiri dan lihat apakah Anda memiliki elemen itu.
  • Cobalah untuk membuat ulang antarmuka pengguna Anda agar mirip dengan yang Anda sukai.

Saya memperkirakan bahwa jika Anda melakukan latihan ini selama satu atau dua minggu (dan jika Anda bertanya kepada saya, satu atau dua minggu untuk belajar bagaimana merancang antarmuka yang baik bukanlah waktu yang lama), Anda akan mempelajari sebagian besar dari apa yang membuat antarmuka pengguna yang baik .

Hanya beberapa hal yang saya temukan yang membuat antarmuka pengguna menyenangkan:

  • Kesederhanaan
  • Konsistensi (warna, font, penggunaan tombol, tautan, dll ...)
  • Jarak
  • Less is more (sembunyikan sebanyak mungkin dari pengguna tanpa mengurangi kegunaan)
  • Jangan gunakan latar belakang putih dan font hitam. Pastikan kontrasnya cukup baik, tetapi biasanya ubah latar belakang Anda ke warna abu-abu terang sementara font Anda menjadi abu-abu gelap.

Juga ... jangan mulai dengan desain. Mulailah dengan fungsionalitas dan biarkan desain berkembang. Juga, bereksperimen! Jangan marah jika tidak terlihat sempurna setelah 1-2 'iterasi'. Semakin baik seiring waktu. Tetapi yang paling penting, Anda harus mencoba .


3
Saya berbicara tentang Polandia, bukan UX. Mengetahui cara mendesain UI "menyenangkan" tidak membantu (misalnya) ikon Anda terlihat lebih baik.
Billy ONeal

5
@BillyONeal: Maaf tapi pertanyaan Anda kepada saya jauh lebih luas daripada 'mendesain ikon'.
c_maker

3
Ini; ikon hanyalah contoh sederhana. Maksud saya adalah bahwa ini bukan "bersembunyi di balik alasan" - ada bagian sah dari desain UI yang layak yang memang membutuhkan seni. Ada antarmuka yang cantik dan tidak dapat digunakan, antarmuka yang dapat digunakan dan jelek, antarmuka yang tidak dapat digunakan dan jelek, dan antarmuka yang dapat digunakan dan cantik; aplikasi yang dipoles harus dapat digunakan dan menarik secara visual. Anda mengatasi kegunaan dengan baik dalam jawaban ini (+1); tetapi "cantik" juga merupakan keprihatinan yang sah.
Billy ONeal

Saya pikir hal warna font / warna latar belakang sedang menuju jalan yang benar di sini. Yang kontras adalah salah satu hal pertama yang saya dapatkan dari umpan balik publik dari situs pertama yang saya publikasikan. Mungkin beberapa tips lain, seperti bagaimana memilih / mengaplikasikan warna - berapa banyak? Satu atau dua? Lebih? Terang atau gelap? Taruh di pos? Perbatasan? Latar Belakang? Semua / tidak ada / beberapa di atas?
Stoive

12

Kemampuan seni saya sekitar kelas 5 pada hari yang baik :). Saya mempekerjakan seorang desainer grafis, baik secara profesional saat bekerja, atau istri saya, yang memiliki keterampilan seni yang sangat baik dan suka menggunakannya.

Perhatikan bahwa desain grafis saya bukan desain UI / UX. Saya melakukan sebagian besar UX, atau mempekerjakan ahli UX untuk mempertahankan kendali atas UX, yang kemudian bekerja dengan GD untuk membuatnya terlihat cantik. Walaupun saya yakin ada kombinasi profesional UX / GD yang baik, saya memiliki pengalaman yang sangat buruk dengan GD melakukan hal-hal yang terlihat cantik, memiliki UX yang sangat buruk, dan sudah ketinggalan zaman dalam beberapa bulan, dan tidak akan mengambil risiko itu sampai saya telah bekerja dengan GD untuk beberapa proyek.


1
Jadi, membayar seseorang untuk melakukannya, atau mendapatkan pasangan yang bisa melakukannya secara gratis? : p. Bagaimana jika terlalu dini untuk membayar seorang desainer - bukti konsep, atau mencoba fungsionalitasnya? Perlu ada sedikit perhatian estetika pada perangkat lunak, jangan sampai orang-orang yang saya tunjukkan perangkat lunak saya terganggu oleh warna dan font gawdy yang saya tidak tahu bagaimana melakukannya dengan lebih baik.
Stoive

2
@ Hidup. Poin yang bagus, sekarang Anda telah membuat saya mulai. Kesan awal sangat penting. Untuk setiap non-insinyur (dan banyak insinyur), GD biasanya kritis, sayangnya itu melebihi desain dan rekayasa UX oleh beberapa urutan besarnya. Dapatkan gambar yang tampak kilat dan berkilau, dan burung gagak akan berbondong-bondong ke produk, tidak peduli seberapa buruk itu.
Kesalahan

1
Untuk menguraikan - Saya telah meyakinkan klien tentang mempekerjakan seorang desainer grafis sebelumnya (desain UI saya baik-baik saja, grafis saya menghebohkan), dengan menyatakan bahwa proyek visual yang baik kepercayaan dan kepercayaan kepada pengguna. Dalam hal ini, klien sudah membayar (ide-ide mereka, saya hanya coding), tetapi dalam keadaan lain Anda perlu menyampaikan kepercayaan dan kepercayaan kepada klien sebelum Anda bisa menyentuh uang untuk sumber daya desain grafis. Atau, sesuai OP (proyek hobi?), Uang tidak akan pernah terlibat - mempekerjakan seorang desainer tidak layak, namun presentasi masih penting.
Stoive

9

Jika Anda mencari aset grafis, ada beberapa situs web yang mengumpulkan gambar berkualitas tinggi secara gratis :

Dan masih banyak lagi, seperti proyek seni GNOME yang mencakup banyak aset grafis gratis juga.

Tidak sedikit pun kreatif, dan tidak memiliki pendidikan dalam desain, saya selalu berusaha di sisi konservativisme: menggunakan pola yang sudah mapan (yaitu kerangka kerja) dan menyimpang sesedikit mungkin dari jalur yang diinjak. Ini tidak akan selalu sangat menarik tetapi setidaknya Anda meminimalkan peluang kegagalan dan bencana UX Anda.

Picasso mengatakan bahwa "seniman hebat mencuri" tetapi pada kenyataannya sebagian besar merupakan peretasan tanpa bakat, dan lihat di mana ini telah membawa Microsoft dan Samsung: ke platform yang laris.


8

Anda dapat menyewa spesialis untuk hal semacam ini, tetapi Anda tidak perlu kemampuan artistik bawaan untuk mempelajari beberapa teknik dasar. Gelar sarjana saya sebenarnya membutuhkan satu semester "seni untuk insinyur." Mengambil satu atau dua kelas di community college lokal Anda bisa sangat bermanfaat. Anda masih tidak akan sebagus orang-orang yang dilatih khusus di bidang ini, tetapi Anda pasti dapat meningkatkan ke titik di mana program Anda terlihat lebih profesional.

Ada juga buku-buku yang ditujukan untuk para amatir relatif. Satu buku yang saya temukan berguna untuk desain web adalah The Principles of Beautiful Web Design oleh Jason Beaird. Bahkan jika desain Anda tidak banyak berkembang, mendapatkan sedikit pendidikan dapat membantu Anda lebih baik mengungkapkan apa yang salah dengan desain. Alih-alih selalu mengatakan, "Saya tahu itu terlihat buruk, tetapi saya tidak tahu mengapa," Anda akan dapat menunjukkan dengan tepat masalah seperti kerning buruk atau kurangnya ruang negatif, dan mendefinisikan masalah adalah setengah dari pertempuran.


3

Apa yang mungkin Anda cari adalah "Desain UI / UX untuk Pengembang". Satu buku yang terkait dengan topik ini adalah Desain Antarmuka Pengguna untuk Pemrogram

Jika Anda tidak mencari desain UI / UX tetapi ingin meningkatkan keterampilan desain grafis, saya akan merekomendasikan mencari kelas tentang cara menggunakan Adobe Photoshop atau Adobe Illustrator (jika tidak, setidaknya beberapa tutorial di internet). Dengan mempelajari beberapa teknik dan melihat inspirasi karya orang lain, Anda akan terkejut betapa sedikitnya kreativitas artistik yang Anda butuhkan.

Misalnya, Anda dapat mempelajari Gradient Tool di Photoshop, bersama dengan Rounded Rectangle tool, dan Anda dapat membuat sesuatu yang mirip dengan tombol "Sign up for the buletin" di sebelah kanan (walaupun dalam hal ini dilakukan dengan CSS murni).


Sebagian besar (semua?) Buku Joel dapat ditemukan di situsnya: joelonsoftware.com/uibook/fog0000000249.html
Fara

Sepertinya sekitar 2/3 dari buku itu ada di sana. Itu tidak memiliki bab 13-18.
Steve Bennett

1

Biarkan orang lain "melakukan pekerjaan untuk Anda" dalam bentuk menggunakan kerangka kerja, templat, dan komponen gui yang dibuat sebelumnya. Misalnya saya tidak bisa menggambar atau mendesain begitu juga untuk setiap proyek web baru saya lakukan, saya mulai dengan template css (dari banyak situs template css gratis) untuk tata letak dan desain dan kemudian 'tweak' dari sana. Template ini termasuk desain lengkap yang dapat membantu Anda mengatasi kesenjangan ini.

Saya setuju dengan c_maker dalam kegunaan yang baik adalah desain yang baik, meskipun kedengarannya Anda lebih spesifik pada ujung desain 'arty'.

Jika Anda melakukan pekerjaan desain dan tata letak web di sini adalah beberapa situs css tersebut:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/


Ini berfungsi baik untuk web devs kurasa. Benar-benar berpikir lebih banyak bahasa -agnostik di sini. Klien yang tebal membutuhkan cinta UI juga.
Billy ONeal
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.