Apa yang membuat desain menjadi profesional?

Adakah yang bisa menjelaskan mengapa sesuatu mungkin tidak terlihat "profesional"?

Apa yang membedakan antara desain profesional / tidak profesional?

Saya memiliki klien yang mengatakan desain saya tidak terlihat sangat profesional. Saya mengikuti semua hal untuk menjadikannya profesional - mungkin saya tidak cukup tahu tentang desain? Saya telah melihat banyak template desain "profesional" yang terlihat mudah & mirip dengan milik saya. Sebagian besar waktu, ketika saya tidak memiliki cara untuk pergi, saya mengikuti desain template ini - tetapi ketika saya selesai saya mendapat umpan balik bahwa "Ini tidak terlihat profesional" . Ini tidak membantu saya. Apakah ada orang di sini yang memiliki bantuan / pengalaman / saran di dunia nyata akan membantu saya mengenai penampilan, font, gaya ... semuanya . Tolong beri saya jalan!

Singkatnya:
Apa yang membuat desain menjadi profesional?

Saya membuat ini jawaban lain karena ini adalah mengomentari desain Anda:

Anda memberi tahu kami bahwa Anda dapat dengan mudah membuat ulang template profesional. Sebenarnya saya meragukannya. Anda benar-benar harus belajar banyak tentang desain web. Serius jauh untuk pergi, tetapi Anda ingin belajar dan karenanya saya membuat maket ini untuk menjelaskan beberapa hal. Ini bukan untuk menampar Anda, serius tidak bermaksud menyinggung, saya hanya bersikap jujur.

Kisah dasarnya adalah bahwa ia tidak memiliki keselarasan dan kedalaman ... banyak kedalaman.

Saya juga akan memasukkan salah satu desain saya. Saat ini saya sedang mengerjakan overlay grid sehingga Anda dapat melihat apa yang saya maksud. Ini masih jauh dari selesai, tetapi Anda akan mengerti maksud saya. Tolong jangan gunakan bagian dari desain yang saya kerjakan karena mereka memiliki hak cipta.

Lihatlah bagaimana saya membuat kedalaman dengan gradien, tekstur dan bayangan yang halus. Selain itu, lihat bagaimana jaraknya.

Sunting: Asal tahu saja, saya mengedit lebar untuk hak cipta. Jadi ini bukan rasio aspek nyata.

Semoga ini bisa membantu Anda.

Robin Williams, teman bagi semua desainer pemula, menunjuk ke empat hal yang sangat penting: Kontras, Pengulangan, Alignment dan Proximity (dan ya, akronimnya adalah CRAP!). Anda harus mendapatkan bukunya, " Buku Desain Bukan Desainer " dan mempelajarinya. Semua yang ada di dalamnya berlaku untuk web sebanyak halnya untuk mencetak. Sangat mudah dibaca dan sangat jelas. Kemudian dapatkan " Buku Web Yang Bukan Desainer " dan pelajari itu. Saya akan menambah kuartetnya: Pesan, Harmoni dan Relevansi.

• The Pesan klien ingin menyeberang adalah hal pertama yang perlu Anda ketahui, karena menginformasikan segala sesuatu yang lain. Dalam fotografi yang sukses, desain, melukis, menulis, ada trio aturan sederhana yang tidak pernah dilanggar: 1) Punya pesan; 2) Sertakan hanya apa yang berkontribusi pada pesan; 3) Hapus apa pun yang mengalihkan perhatian dari pesan. Dalam foto seorang atlet, Anda akan menggunakan foto dirinya di udara terlihat anggun dengan mudah, dan mengkloning kaleng kokas kosong dan sandwich yang setengah dimakan di latar belakang. Sebagai seorang seniman, Anda harus tahu apa yang ingin Anda katakan. Sebagai seorang desainer, Anda harus tahu apa yang klien katakan. Lagi pula, inilah yang dibayar klien untuk Anda.

• Harmoni adalah persyaratan lain yang sangat luas yang harus Anda pertimbangkan sejak dini. Jika klien memiliki logo dan warna korporat, situs Anda harus menggunakannya dan warna yang selaras dengannya. Anda tidak bisa menggunakan tipografi yang mirip-tetapi-berbeda untuk tajuk utama dan salinan. Aturan yang baik untuk desainer pemula adalah menggunakan satu sans dan satu serif yang berjalan bersama, dan hanya menggunakan keduanya dalam desain.

• Relevansi muncul di awal siklus desain. Ini berlaku untuk warna, tipografi, dan tata letak umum. Anda tidak akan menggunakan bubuk biru dan baby pink untuk desain untuk situs web perusahaan teknologi tinggi, atau untuk artis hip-hop. Jenis huruf grunge yang luar biasa tegang ini tidak akan bekerja untuk pengacara atau akuntan, tetapi Times Roman mungkin. (Anda akan menghindari Times untuk situs yang perlu terlihat modern.) Pita logam berat membutuhkan bentuk dan warna yang berani, kontras tinggi, tetapi klinik medis atau situs pakaian bayi akan membutuhkan tampilan yang jauh lebih lembut.

• Kontras berarti gelap vs terang, warna kaya vs. warna, gelap pada terang atau terang pada gelap. Jika desain Anda membutuhkan kontras yang tebal, kuncinya adalah membuatnya BOLD sehingga jelas disengaja. Hanya satu hal yang memecahkan desain lebih cepat dari "hampir-tetapi-tidak-cukup-sama-sama," yang akan saya bahas sebentar lagi.

• Pengulangan menempatkan jenis elemen yang sama di tempat yang sama dan dengan warna atau judul atau bentuk yang sama setiap kali. Jarak konsisten. Tata letak visual memiliki ritme, seperti halnya musik. Jika elemen Anda tidak jatuh "tepat", penonton dibuat tidak nyaman, seperti halnya band yang irama tidak aktif sulit untuk didengar.

• Alignment , kurangnya, adalah cara paling pasti untuk merusak suatu desain. Tidak ada yang berteriak "amatir" lebih keras daripada hal-hal yang tidak cukup berbaris. Dalam cetakan, kami bekerja dengan akurasi kurang dari 1/1000 inci. Anda dapat menempatkan hal-hal cara keluar dari keselarasan, disediakan perpindahan tebal, jelas dan berunding. Tetapi tidak pernah, memiliki bantalan 7px pada tag ap dan 8px pada h1. (Sebagai catatan: hindari tata letak terpusat untuk apa pun selain undangan pernikahan atau pemakaman. Tata letak terpusat berada dalam posisi tenang, tenang, tidak bergerak, yang hampir tidak pernah seperti yang Anda inginkan. Pemula menggunakan tata letak terpusat karena mereka tidak tahu cara menyelaraskan sesuatu.)

Alignment and Repetition adalah mengapa grid adalah alat yang sangat berguna. Memahami poin-poin ini akan menjawab banyak pertanyaan tentang penggunaan grid.

• Kedekatan berarti menjaga hal-hal yang menjadi milik bersama berdekatan satu sama lain. Judul harus lebih dekat ke paragraf yang mengikuti daripada yang di atas, misalnya.

Dapatkan dua buku itu. Mereka akan mengubah desain Anda. Sementara itu, inilah latihannya: tulis tujuh poin ini dalam daftar, lalu kunjungi 10 situs web yang Anda anggap sangat brilian dan temukan di mana masing-masing poin ini telah diterapkan. Jangan curang. Mereka semua akan ada di sana, jadi jangan berhenti sampai Anda menemukan semuanya. Sekarang lihat desain Anda sendiri, dan temukan di mana satu atau lebih dari ini telah dilanggar.

Latih tujuh poin ini secara sadar dan sengaja. Tak lama, mereka akan menjadi naluriah, dan desain Anda akan mencapai tingkat yang sama sekali baru. Itu janji.

Cara membuat situs web Anda terlihat profesional di mata saya, tanpa urutan tertentu, oh ... dan singkatnya :) Jika Anda perlu penjelasan lebih lanjut tentang apa yang saya maksud, katakan saja:

• Basiskan palet warna Anda di sekitar identitas korporat klien.
• Dengarkan kebutuhannya dengan cermat sehingga Anda dapat menyesuaikan gaya yang diinginkannya
• Desain untuk kegunaan. Anda dapat membuat desain menjatuhkan rahang tetapi jika konversi tidak bagus itu tidak berguna.
• Pilih tipografi Anda dengan cermat (misalnya: Anda tidak akan melihat produk Apple dengan font seperti grafiti)
• Gunakan sistem 960gs sebelum Anda mulai mendesain, dengan cara ini Anda yakin keselarasan Anda baik
• Jelaskan dan pertahankan desain Anda. Beri tahu klien mengapa Anda memilih elemen tertentu dan jelaskan kepadanya mengapa itu bagus. Ingat, kita sebagai desainer tidak selalu benar.
• Terus belajar. Ikuti blog dan majalah online untuk tutorial jQuery baru dll. Membaca adalah kuncinya.
• Pastikan kode Anda W3C valid dan ukurannya tidak terlalu besar.

Beberapa hal yang perlu diingat untuk desain yang terlihat menarik:

Jadi kita akan belajar 4 aturan yang luar biasa dari aturan desain grafis yang akan membantu Anda dalam membagikan keterampilan mendesain Anda. Jadi 4 aturan tersebut adalah:

1. Alignment & Distribusi
2. Balancing & Grouping
3. Kontras
4. Pola & Gradien

Alignment & Distribution: Ini aturan yang paling penting dari desain yang mengagumkan, hebat, atau menarik secara visual. Desain selaras yang tepat terlihat bagus di mana-mana baik Anda mendesain untuk media cetak, media iklan, penerbitan desktop atau desain yang berhubungan dengan web. Kedengarannya bagus ya! tetapi pertanyaannya adalah bagaimana belajar menggunakan penyelarasan yang tepat atau memahami penyelarasan yang tepat. Mari kita masuk jauh dalam penyelarasan & distribusi tetapi pertama-tama lihat contoh gambar di bawah ini:

• Alignment: Alignment berarti mengatur elemen desain yang serupa atau lainnya dalam dimensi atas, bawah, tengah, kiri atau kanan untuk membuat desain menarik secara visual. Lihat contoh gambar di atas untuk memahaminya.

• Distribusi: Distribusi berarti memberi atau mempertahankan jarak yang sama antara elemen yang sama atau berbeda dari desain apa pun untuk membuat tata letak grafis bersih dan layak. Lihat contoh gambar di atas untuk memahaminya.

Balancing & Grouping: Balancing & Grouping adalah aturan terpenting kedua dari setiap desain visual. Dalam aturan ini kita harus fokus pada elemen desain misalnya jika kita memiliki beberapa teks dan beberapa gambar dalam desain kita sehingga kita harus mengaturnya sedemikian rupa sehingga mereka menyeimbangkan diri mereka sendiri dan juga terlihat hebat. Anda bisa melakukannya dengan dua cara.

• Metode Pertama - Menggunakan Berbagai Elemen: Dalam aturan ini kami mengatur setiap elemen satu sama lain untuk menyeimbangkannya satu sama lain. Anda dapat memahaminya dengan mudah dengan memberikan contoh di bawah ini:

Jadi seperti yang Anda lihat pada contoh di atas, kami memiliki dua jenis elemen teks dan gambar dan kami telah mengaturnya satu sama lain untuk membuat tata letak yang menarik dan secara visual hebat. Mereka menyeimbangkan satu sama lain. Sekarang mari kita lihat metode kedua.

• Metode Kedua - Mengelompokkan Elemen Individu: Dalam aturan ini kami membuat kelompok berbeda dari elemen yang berbeda dalam desain. Lihatlah contoh untuk memahaminya.

Jadi seperti yang Anda lihat pada contoh di atas, kami telah membuat grup berbeda dari elemen teks dan grup berbeda dari elemen teks juga. Metode tata letak ini juga baik untuk membuat tata letak yang layak dan tampak hebat. Anda juga dapat menggunakan kedua metode ini secara bersamaan untuk membuat tata letak desain yang mengagumkan.

Kontras: Kontras adalah bagian penting dari setiap desain grafis yang baik. Dalam aturan ini kita harus membuat elemen desain kita terpisah dari elemen-elemen lain. Aturan ini digunakan untuk menetapkan elemen-elemen pentingnya dalam desain.

Pola & Gradien: Anda dapat membuat desain Anda lebih dahsyat dengan menambahkan pola di latar belakang desain Anda atau elemen lain dari desain Anda. Gradien sangat berguna untuk membuat desain Anda lebih hidup dan menyenangkan. Selalu ingat ketika menggunakan gradien, coba gunakan dua gradien warna dengan perbedaan warna yang sangat halus.

Apa yang membuat desain Anda profesional atau tidak adalah apakah Anda dibayar atau tidak untuk melakukannya.

Sedangkan untuk menggunakan istilah 'profesional' sebagai semacam komentar estetika, itu cukup berguna. Anda harus bekerja dengan klien Anda untuk menjadikan mereka lebih spesifik mengenai apa yang mereka cari dalam hal sasaran dan sasaran bisnis mereka - khususnya siapa yang mereka coba targetkan dan pendekatan visual mana yang paling masuk akal untuk demografis tertentu.