Temui "Arah Seni Untuk Web," Buku Smashing Baru Oleh Andy Clarke

Sebuah halaman di Web tidak seperti halaman yang dicetak. Banyak dari kita belajar bahwa dengan cara yang sulit ketika kita meninggalkan tata letak lebar tetap dan merangkul fleksibilitas dan daya tanggap yang melekat pada web. Baca bab kutipan.

Teknologi web modern seperti CSS Grid, Flexbox, dan Shapes telah memungkinkan kami untuk mengimplementasikan desain cetak yang sering kali berbeda, dan web sekarang penuh dengan tutorial tentang cara menggunakannya. Tapi pertanyaan yang paling penting bukanlah “bagaimana” kita dapat menggunakan teknik art direction untuk meningkatkan desain kita untuk web, melainkan “kapan” dan “mengapa”.

Inilah alasan mengapa Andy Clarke menulis buku barunya Art Direction for the Web. Ini adalah buku tentang mengapa arahan seni penting dan bagaimana Anda dapat mengarahkan pengalaman seni yang menarik dan efektif di seluruh perangkat dan platform.

Andy mengeksplorasi karya beberapa direktur seni paling berpengaruh, tokoh-tokoh seperti Alexey Brodovitch, Bea Feitler, dan Neville Brody. Dia tidak mendorong kita untuk hanya meniru karya dari era dan media sebelumnya, tetapi untuk memahami pemikiran mereka dan belajar bagaimana menerapkan pengetahuan itu ke arah seni untuk web.

Andi menulis,

“Anda tidak perlu pergi ke sekolah seni untuk belajar dan menerapkan prinsip-prinsip yang saya ajarkan kepada Anda. Sama seperti art direction itu sendiri, mereka adalah sesuatu yang semua orang — tidak peduli apa latar belakang dan bidang keahlian Anda saat ini — dapat digunakan setiap hari untuk meningkatkan efektivitas desain produk atau situs web.”

Tujuan Andy adalah untuk mengajari orang-orang tentang pentingnya art direction untuk web dan menjelaskan bagaimana art direction dapat membantu orang bercerita dengan menggunakan desain. Dengan begitu, produk dan situs web akan terhubung dengan audiens dan juga berhasil membuat mereka tetap terlibat. Setelah penyelidikan mendalam tentang metodologi arahan seni, Andy mengajarkan cara mencapainya dengan merangkul web menggunakan CSS modern.

Art Direction untuk Web akan membantu Anda membuat situs Anda lebih efektif dalam berkomunikasi, membujuk, dan menjual. Jika Anda mengembangkan produk, buku ini akan membuatnya lebih menarik dan lebih menyenangkan untuk digunakan. Baca kutipan bab →

Daftar isi

Bagian 1: Menjelaskan Arahan Seni

• Apa Arti Arah Seni
  Tanyakan apa arti arah seni bagi pengembang, dan mereka mungkin menjawab: menggunakan elemen <picture> atau atribut sizes dalam HTML untuk gambar responsif; menyajikan tanaman, orientasi, atau ukuran alternatif pada berbagai ukuran layar. Tapi ada lebih dari itu.
• Seratus Tahun Arah Seni
  Bradley, Brodovitch, Brody, dan Feitler — bersama-sama, nama mereka terdengar seperti biro iklan era Mad Men. Dalam bab ini, kita akan melihat karya ikonik mereka, dari tahun 1930-an hingga 1980-an.
• Pengalaman Penyutradaraan Seni
  Apakah kita menulis fakta atau fiksi, menjual atau membuat produk, cara untuk melibatkan orang, menciptakan keinginan, membuat mereka bahagia, dan mendorong mereka untuk tetap seperti itu, adalah dengan menciptakan narasi. Jadi apa yang perlu kita pertimbangkan saat melakukannya?
• Pengarah Seni Dan Tim Kreatif
  Mari kita lihat bagaimana kita dapat merangkul kolaborasi dan membentuk tim yang mengikuti strategi yang dibangun berdasarkan tujuan bersama.

Bagian 2: Merancang Untuk Arah Seni

• Prinsip Desain
  Apakah prinsip-prinsip yang telah memandu desain di media lain selama beberapa generasi relevan dengan dunia produk digital dan situs web? Tentu saja! Dalam bab ini, kita akan mengeksplorasi prinsip-prinsip simetri, asimetri, rasio, dan skala.
• Mengarahkan Grid
  Grid memiliki sejarah panjang dan beragam dalam desain, dari buku paling awal, melalui gerakan seperti konstruktivisme hingga popularitas grid saat ini dalam kerangka seperti Bootstrap dan desain material. Bab ini menjelaskan anatomi dan terminologi grid dan bagaimana menggunakan grid modular dan majemuk.
• Tipe Penyutradaraan
  Ruang putih, skala tipografi, dan penggunaan tipe secara kreatif menjadi fokus dalam bab ini.
• Mengarahkan Gambar
  Gambar dan cara kami menampilkannya memiliki dampak besar pada cara orang memandang desain kami, apakah itu di situs web komersial atau editorial, atau di dalam produk. Dalam bab ini, Anda akan belajar bagaimana memposisikan dan mengatur gambar untuk mengarahkan mata.

Bagian 3: Berkembang Untuk Arah Seni

• Mengembangkan Tata Letak Dengan Grid CSS
  CSS Grid plus konten yang bijaksana dan diarahkan pada seni menawarkan kami peluang terbaik untuk membuat situs web yang lebih baik dalam berkomunikasi dengan audiens kami. Dalam bab ini, Andy menjelaskan properti dan teknik yang paling sesuai untuk pengarahan seni.
• Mengembangkan Komponen Dengan Flexbox
  Sementara Grid sangat ideal untuk menerapkan tata letak yang diarahkan pada seni, Flexbox seringkali lebih cocok untuk mengembangkan molekul dan organisme seperti tautan navigasi, gambar, teks, input pencarian, dan tombol. Bab ini membahas cara memanfaatkannya.
• Mengembangkan Tipografi
  Dari tata letak multi-kolom dan pengaturan tipe dengan mode penulisan hingga orientasi teks dan tipografi dekoratif, bab ini menyelam jauh ke sisi kode tipe.
• Berkembang Dengan Gambar
  Bagaimana Anda menyesuaikan gambar seni yang diarahkan ke viewport pengguna? Dan apa yang dimiliki bentuk dan jalur CSS untuk desain Anda? Mari kita cari tahu di bab terakhir ini.

Webinar TV yang Menghancurkan

Untuk menemani buku ini, Andy juga memberikan serangkaian webinar di Smashing TV. Webinar gratis dengan Smashing Membership, dengan biaya beberapa cangkir kopi sebulan (batal kapan saja).

Tentang Penulis

Andy Clarke adalah seorang desainer terkenal, konsultan desain, dan mentor. Dia telah dipanggil banyak hal sejak dia mulai bekerja di web. Egonya menyukai istilah-istilah seperti “Duta Besar untuk CSS”, “nabi industri”, dan “menginspirasi”, tetapi dia paling bangga karena Jeffrey Zeldman pernah menyebutnya sebagai “bajingan berbakat tiga”.

Bersama istrinya, Sue, Andy mendirikan Stuff & Nonsense pada tahun 1998. Mereka telah membantu perusahaan di seluruh dunia untuk meningkatkan desain mereka dengan memberikan konsultasi dan keahlian desain.

Andy menulis beberapa buku populer tentang desain dan pengembangan situs web, termasuk Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design , dan Transcending CSS: The Fine Art Of Web Design . Dia adalah pembicara yang populer dan memberikan ceramah tentang arah seni dan topik yang berhubungan dengan desain di seluruh dunia.

Testimonial

Sudah menjadi tujuan kami untuk menjadikan buku ini sebagai inspirasi, praktis, dan berguna mungkin , dan kami merasa terhormat telah menerima ulasan positif seperti itu.

“Dengan 'Art Direction for the Web,' Andy menyediakan kerangka kerja untuk memanfaatkan potensi web. Dengan konteks sejarah dan contoh kehidupan nyata, Andy menginspirasi kita masing-masing untuk lebih memiliki tujuan dalam pilihan yang kita buat. Dan sesuai dengan bentuknya, dia menindaklanjuti semua inspirasi itu dengan demo dan pengetahuan praktis yang diperlukan untuk melihat ide-ide kami terwujud secara online.”

— Trent Walton, salah satu pendiri Paravel Inc.

Mengapa Buku Ini Untuk Anda

Isi buku ini didasarkan pada pengalaman Andy selama dua puluh tahun bekerja dengan klien, ditambah keahlian para direktur seni dan desainer yang dia wawancarai. Anda akan belajar :

1. Apa arti arah seni, mengapa itu penting , dan siapa yang bisa melakukannya.
2. Cara membuat arahan seni berfungsi untuk produk dan situs web digital.
3. Cara meningkatkan konversi dan menghidupkan perjalanan pelanggan Anda.
4. Cara mempertahankan nilai merek dan prinsip desain dengan menghubungkan titik kontak di seluruh pemasaran, desain produk, dan situs web.
5. Cara menggunakan prinsip arah seni seperti tata letak, tipografi, proporsi, rasio, dan kisi dengan cara yang lebih imajinatif untuk mengomunikasikan apa yang Anda coba lakukan dengan lebih baik.
6. Cara mengimplementasikan desain Anda pada platform apa pun dengan HTML dan CSS terbaru.
7. …Plus, kami akan mengeksplorasi desain luar biasa dari 100 tahun media dan penerbitan cetak untuk beberapa inspirasi arah seni tambahan.

Detail Teknis

• 344 halaman, 14 × 21 cm ( 5,5 × 8,25 inci)
• ISBN: 978-3-945749-76-0 (cetak)
• Hardcover berkualitas dengan penjilidan yang dijahit dan penanda halaman pita.
• eBuku tersedia dalam PDF, ePUB, dan Amazon Kindle.
• Pengiriman pos udara gratis ke seluruh dunia dari Jerman. Mulai pertengahan April . (Lihat waktu pengiriman.)
• Tersedia dalam bentuk cetak, hardcover berkualitas dan eBook.