Saya seorang pengembang web yang cukup mampu. Saya bisa meletakkan barang-barang ke tempat yang saya inginkan dan meletakkan beberapa barang JQuery di sana jika perlu. Namun, jika saya membuat situs web sendiri (yang mulai saya lakukan), saya tidak tahu cara mendesainnya. Jika seseorang duduk di sebelah saya di layar dan berkata "letakkan gambar ini di sana, teks di sana" Saya dapat melakukannya dengan mudah. Tetapi mendesain situs saya sendiri dengan pilihan warna dan teks saya akan terlihat seperti seorang balita yang menciptakannya.

Adakah yang tahu situs web / buku yang bisa saya lihat atau ada yang punya tip tentang dasar-dasar desain web non-balita?

Ada beberapa hal yang harus Anda lakukan.

Kiat:

Belajar menggunakan Photoshop. (Khususnya, gaya layer sangat bagus. Hanya perlu diperhatikan bahwa mereka dapat memberikan efek yang sulit untuk diimplementasikan kembali dalam CSS2) Ini sangat membantu dalam membuat maket yang bagus.

Lihatlah situs yang dirancang secara profesional. Situs apa yang pernah Anda kunjungi yang terlihat bagus bagi Anda?

Temukan situs yang mengganggu Anda dan pertimbangkan apa yang bisa membuatnya lebih baik. Lihat juga iklan produk. Kemasan makanan. Iklan koran. Sebut saja.

Juga, begitu Anda mulai terbiasa, berlatih, berlatih, berlatih. Grafik membutuhkan waktu untuk berkembang sebagai keterampilan, terutama dari seorang programmer yang memiliki pengkodean untuk dipertimbangkan. (Gradien vs "tileability")

Alat:

(Photoshop adalah favorit pribadi. Paint.NET adalah alternatif Windows yang baik, tetapi tidak cukup kuat.)

Sistem grid 960 Nathan Smith . Ini memiliki template untuk banyak program grafik utama. Saksikan berikut ini.

Referensi:

Lihatlah beberapa situs ini: (Saya telah melihat lebih banyak, saya akan mencoba menambahkan ketika saya menemukan mereka)

• Terlepas dari Daftar
• John McCain
• BarackObama.com
• Hayon2010.com (Oke, saya membuat ini, tapi saya pikir itu bagus. Sunting: Saya juga menghargai komentar tentang itu. ;-D)

Sisi Praktis

Pasti ada beberapa aspek desain praktis langkah demi langkah yang penting untuk dipelajari. Tidak semuanya subjektif.

   • Tutorial Desain Web: http://webdesign.tutsplus.com/

   • Tutorial Photoshop: http://psd.tutsplus.com/

   • Banyak Tutorial: Lynda

Inspirasi

   • Situs web: Gaya yang Tak Tertandingi

   • Situs web: Abduzeedo

   • Buku: Pedoman untuk Sukses Online

   • Situs web: Smashing Magazine

Keterampilan Desain

Desain Umum

   • Buku: Desain Grafis: Dasar-Dasar Baru

   • Buku: Desain Grafis, Dirujuk

   • PDF: Empat Besar: Kontras, Pengulangan, Alignment, Proximity

Tipografi

   • Buku: Berpikir dengan Tipe

   • Buku: Elemen Gaya Tipografi

   • Artikel: http://en.wikipedia.org/wiki/Typography

   • Artikel: http://www.informationarchitects.jp/en/the-web-is-all-about-typography- Period/

Tata letak

   • Buku: Buku Kerja Tata Letak

Warna

   • Buku: Buku Kerja Desain Warna

   • Buku: Buku Kerja Harmony Color

Filsafat Desain

"Kesalahan paling bodoh adalah melihat desain sebagai sesuatu yang Anda lakukan pada akhir proses untuk 'membereskan' kekacauan, sebagai lawan dari memahami itu adalah masalah 'hari pertama' dan bagian dari segalanya." -Tom Peters

"Desain yang bagus membuat pengguna senang, pabrikan dalam warna hitam dan estetika tidak tersinggung." -Raymond Loewy

"Desain yang benar-benar elegan menggabungkan fungsionalitas terbaik ke dalam bentuk yang sederhana dan rapi." -David Lewis

"Desain yang bagus adalah bisnis yang bagus." -Thomas J. Watson Jr.

Lebih banyak Kutipan

Ini mungkin sedikit keluar dari topik, tetapi saya ingat Jeff Atwood sangat merekomendasikan buku Don't Make Me Think . Ini menjelaskan bagaimana Anda harus merancang situs web Anda untuk pengalaman pengguna terbaik.

Ogilvy on Advertising: buku ini membahas beberapa dasar-dasar desain grafis serta banyak akal sehat dalam membuat segala jenis selebaran, iklan, dll. Bahkan jika ditulis jauh sebelum era www.

Secara umum, jelajahi buku dan majalah tentang desain grafis, seni rupa, dekorasi interior, pembuatan film - ada banyak prinsip desain umum untuk membuat sesuatu yang menarik secara visual dan membuat informasi atau konten menarik lainnya. Seperti bagaimana elektromagnetisme biasa terjadi pada elektronik, sains planet, kimia, nuklir, dan bidang fisika dan teknik lainnya.

Buku bagus lainnya di ruang ini adalah The Design of Everday Things. Ini mencakup banyak ide-ide praktis seperti menyukai desain yang cocok untuk digunakan dengan mengambil keuntungan dari bagaimana orang secara alami mendekati hal baru. Buku ini tidak secara khusus tentang UI atau desain web, tetapi membahasnya sedikit, saya percaya.

Contoh awal dalam buku ini adalah pintu. Dia berbicara tentang bagaimana pintu dengan kenop atau pegangan di satu sisi dan engsel yang terlihat intuitif, karena Anda tahu pintu akan terbuka dengan mendorong atau menarik di sisi itu. Pintu mewah dengan engsel tersembunyi, palang dorong di seluruh pintu, atau kenop berpusat rumit dan memerlukan sedikit waktu untuk bereksperimen karena operasinya tidak intuitif.

Salah satu alat yang saya temukan sangat berharga dalam desain adalah Color Scheme Designer . Saya biasanya memilih warna yang ingin saya tempatkan di sekitar desain dan kemudian menggunakan skema "Analog" untuk mendapatkan satu set warna yang cocok. Bagi saya, mendapatkan warna yang tepat adalah bagian terburuk, jadi setelah itu sisanya hanya mendapatkan tata letak yang bagus dan menerapkan palet warna yang terbatas.