Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Adobe Muse

Bagaimana Mereka Melakukan: SnoValuation, Dibangun dengan Adobe Muse

by
Length:MediumLanguages:
This post is part of a series called All About Adobe Muse.
The Ultimate Adobe Muse Resource Collection
What’s New in Adobe Muse CC 2014
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Baba Baddolo (you can also view the original English article)

Bagaimana profesional menggunakan Adobe Muse? Saya memakan waktu sepuluh menit untuk bertanya kepada Robert Tait, pria di balik 910Zen'SnoValuation, tentang alur kerja Adobe Muse-nya.

Wawancara

Jelaskan alur kerja desain Anda ketika menggunakan Adobe Muse. Apa hal pertama yang Anda lakukan? Apakah Anda membuat sketsa menggunakan kertas dan pensil? Apakah alur kerja Anda untuk web berbeda dengan media lainnya?

Alur kerja saya biasanya tergantung pada proyek dan seberapa jauh klien akan membiarkan kita berkreasi. Setiap proyek dimulai dengan kuesioner terperinci yang membantu kita mendapatkan kerangka kasar sebelum kita mulai bermain dengan desain, layout atau UI.

Saya biasanya mulai dengan pensil dan kertas dan mulai membuat sketsa sedikit thumbnail. Ide-ide itu akhirnya berakhir semakin besar dan lebih halus. Ketika saya senang dengan berbagai pilihan akan terjadi, saya akan mengambil risiko untuk membuat fail berukuran penuh (situs web dalam kasus ini) di Photoshop. Terkadang, interaktivitas merupakan bagian penting dari situs web, jadi mudah untuk beralih ke Muse untuk menunjukkan bagaimana berbagai hal dapat berjalan.

Saya telah merancang dan merencanakan situs web selama lebih dari 15 tahun, dan Adobe Muse telah benar-benar mengubah cara kerja saya. Dulu, kami merancang situs web yang biasa dan menyerahkan comps atau karya seni tersebut kepada para coders untuk digabungkan. Rasanya seperti merancang dan menciptakan semua bagian mobil, tapi kemudian Anda harus memberikan semua komponen itu kepada montir untuk disatukan. Sekarang Anda bisa merancang, membuat, sekaligus merakit semuanya. Ini benar-benar revolusioner.

Sekarang saya bisa membiarkan Muse menjadi bagian dari eksplorasi saya. Saya mendapati diri saya membangun lebih banyak interaktivitas di dalam situs web karena saya dapat mencoba semuanya secara real time dan melihat hasilnya.Mendadak yang sebelumnya biasa, situs web statis yang tidak menarik seperti sebelumnya

Saat mengerjakan proyek lain, seperti logo atau brosur, alur kerja saya tidak banyak berubah. Gagasannya muncul dari mana saja dan saya menemukan itu dengan terbebas untuk memulai dengan pensil dan kertas. ika Anda melompat ke komputer dan mulai mengklik saja, Anda tiba-tiba terikat oleh komputer, perangkat lunak, dan setiap program yang unik. Saya menemukan bahwa hanya setelah saya menemukan solusi tepat di atas kertas, dapatkah saya memilih perangkat lunak yang tepat untuk menciptakan impian saya

Seberapa besar Anda mengandalkan aplikasi desain lainnya, seperti Photoshop, Illustrator, cloud synchronization, misalnya?

Photoshop, Illustrator dan Muse adalah tiga besar saya. Dengan tiga program tersebut, saya dapat melakukan hampir semua hal yang dapat saya anggap sebagai perancang web. Sinkronisasi Creative Cloud telah menambahkan tingkat kenyamanan ekstra. Secara cepat, laptop dan desktop Anda memiliki pilihan yang sama. Anda bisa ambil aplikasi Adobe (dan ada banyak) kapan pun Anda membutuhkannya dan menginstalnya. Pembaruan dilakukan cepat dan sederhana, dan Anda bahkan dapat mengunggah fail yang sedang Anda kerjakan untuk memastikan Anda tidak pernah meninggalkan fail penting di komputer Anda yang lain.

Secara keseluruhan, Creative Cloud telah mengubah cara saya bekerja, membuat semuanya jauh lebih mulus dan nyaman dari sebelumnya.

Bagaimana Anda menemukan proses bergerak Muse dari desain statis menjadi interaktivitas di dalam situs web?

Saat merancang situs web, saya selalu mencoba merencanakan dengan cara unik untuk melibatkan pengguna dengan beberapa tingkat interaktivitas. Mereka tidak selalu membuat potongan, dan Anda perlu memperhatikan target demografis Anda, jadi beberapa ide bisa ditinggalkan di lantai ruang pemotongan.

Dalam kasus ini, kami harus mengesampingkan interaktivitas lebih karena target pasarnya adalah pemilik pondok ski atau bankir. Mereka cenderung berada di lokasi untuk mendapatkan fakta saja. Saya benar-benar kagum bahwa saya bisa lolos dengan tingkat desain yang saya miliki, dengan proyek ini. Untungnya, pemilik situs tersebut kebetulan cukup muda dan modern. Jika Anda melihat beberapa situs web di industri ini, mereka semua terlihat seperti dirancang pada pertengahan tahun 90an di Microsoft Word. Situs ini benar-benar menonjol dari kebanyakan situs serupa.

Di situs yang lebih banyak interaktivitas, lebih diterima, saya menemukan Adobe Muse memiliki sarana yang menakjubkan karena menyediakan perkumpulan sarana "In The Box" (boleh dikatakan), yang memungkinkan Anda untuk mencoba hal-hal dengan cepat dan melihat apa yang berhasil dan mana yang tidak.

Hal ini menyegarkan untuk tidak bergantung pada coder untuk menerjemahkan visiku ke kenyataan.

Bagaimana Anda membayangkan / merancang elemen interaktif seperti efek waypoint, di mana elemen yang dianimasikan masuk saat page scrolls?

Saya tidak dapat menggunakan efek apa pun di situs ini, tetapi itu bagus untuk memiliki semua jenis trik di tangan Anda. Anda tidak pernah tahu kapan klien akan meminta sesuatu atau butuh sesuatu yang memberikan efek yang kuat di beberapa titik. Semua opsi parallax scrolling itu fantastis dan mencakup rentang yang begitu luas sehingga mudah untuk mengenalkan beberapa gerakan untuk memamerkan produk, membuat pengguna tetap tertarik atau hanya bersenang-senang.

Apakah ada aspek dari situs Anda yang sangat menantang untuk dibuat menggunakan Adobe Muse?

Parallax scrolling yang lebih rumit dapat membawa beberapa eksperimen untuk dipahaminya tetapi tidak ada yang benar-benar muncul karena terlalu menantang untuk dibangun di Muse.

Pada SnoValuation, saya awalnya menggunakan tab untuk beralih di antara dua peta google (pantai barat dan pantai timur), namun ketika saya membalik di antara peta di situs web manapun, peta (yang awalnya disembunyikan di belakang yang lain), tidak akan pernah terpusat dengan benar. Akhirnya saya menemukan itu adalah kesalahan Google Map dan tidak ada hubungannya dengan Adobe Muse.

Berapa banyak kebebasan dalam merancang yang Anda berikan saat menggunakan komponen off-the-shelf, seperti formulir kontak, kotak-kotak, peta dll?

Sekali lagi, situs ini pada dasarnya dirancang untuk pemilik pondok ski dan bankir sehingga saya benar-benar tidak memiliki aturan bebas, tapi saya cukup beruntung memiliki klien progresif yang tidak menginginkan penilaian "khusus" situsmya.

Komponen built-in dan faktanya bahwa mudah untuk menanamkan kode di manapun Anda inginkan, membuatnya sangat fleksibel. Jika Anda tidak dapat menemukan apa yang Anda butuhkan di widget (dan ada banyak pilihan), Anda biasanya hanya bisa menanamkan kode dari situs pihak ke-3.

Termasuk widget besar dan mendapatkan lebih baik dengan setiap update.

Saya mampu untuk menggunakan bentuk built-in untuk halaman kontak, dan menyematkan google maps secara langsung. It's great untuk memiliki unsur-unsur ini sebagai bagian dari aplikasi, dan setiap versi baru dari aplikasi berisi kemungkinan-kemungkinan yang lebih dan lebih berguna.

Di luaran beberapa widget ini terlihat sederhana, tapi sungguh menakjubkan apa yang bisa Anda lakukan, dengan seperangkat alat standar, dengan sedikit kreativitas.

Saya sudah melakukan pembicaraan dengan pemilik situs untuk membuat pembaruan baru yang akan menggabungkan sekumpulan kemampuan baru dalam kotak. Saya menanti fase kedua.

Apakah dengan menggunakan Adobe Muse menggerakan Anda untuk mencoba setiap aspek desain yang mungkin belum pernah terpikirkan / berani untuk coba?

Menggunakan Muse hampir seperti menggunakan Photoshop. Ini tidak biasa bagi saya untuk mulai membangun ide awal di Photoshop, dan kemudian memindahkan beberapa elemen mentah ke Muse untuk perakitan. Begitu di Muse, unsur-unsurnya bisa dibalik, diputar, diskalakan, animasi, pudar… Sungguh menakjubkan apa yang bisa Anda lakukan, dan keindahannya adalah "apa yang Anda lihat adalah apa yang Anda dapatkan

Adobe Muse menambahkan tahap ekstra untuk kebebasan berkreativitas.

Bekerja di Photoshop dan menyerahkan fail Anda ke coder selalu terasa sedikit kosong… seperti ada sesuatu yang hilang. Sekarang Anda bisa menyaksikan keajaiban itu menjadi nyata dan menyesuaikan segala sesuatu seperti yang biasa Anda lakukan.

Sekarang, tidak ada alasan bagi perancang untuk membuat situs web yang membosankan.

Apakah Anda bereksperimen dengan sarana Muse yang pada akhirnya tidak perlu Anda gunakan?

Saya SELALU mencoba peralatan terbaru, ketika saya memiliki waktu. Ada begitu banyak pilihan yang tersedia sehingga Anda tidak mungkin menggunakan semuanya di setiap situs. Itu konsekuensi untuk bereksperimen dengan setiap sarana, karena Anda tidak pernah tahu apakah proyek Anda berikutnya akan mendapatkan manfaat dari salah satu widget yang disertakan. Saya ingin tahu semua pilihan saya, sebelum saya mengambil keputusan

Saya selalu bersemangat untuk memperbaharui Muse karena program ini tampaknya memiliki dorongan pada tren yang akan datang. Belajar menggunakan Muse adalah seperti mempelajari apa yang akan diminta oleh klien Anda

Setelah Anda membangun produk akhir, apakah Anda merasakan output yang membutuhkan pengaturan secara manual?

Untungnya, Muse melakukan pekerjaan yang baik dalam melihat dan berperilaku serupa di berbagai situs web. Saya akan selalu mengecek perangkat sebanyak mungkin untuk memastikan tidak ada kejutan di jalan, tapi penyesuaiannya biasanya sedikit.

Satu-satunya hal yang perlu saya sesuaikan adalah membuat kotak teks header lebih lebar saat saya mendapatkan sedikit atau dua hal aneh, tapi selain itu, ada sedikit penyesuaian non-desain yang terkait.

Muse menyediakan kemungkinan untuk membangun sebuah desain layar terpisah, versi mobile dan tablet dari. Bagaimana Anda menemukan perancangan versi terpisah, dan apakah hasil akhirnya sesuai yang Anda harapkan?

Situs SnoValuation cukup sederhana, jadi tidak banyak yang hilang dalam perampingan ke versi mobile. Dalam situasi khusus ini, SnoValuation tidak meminta ukuran "tablet" dan saya merasa bahwa versi "desktop" (yang merupakan versi tablet default jika versi tablet tidak dibuat) diterjemahkan dengan cukup baik untuk membiarkannya sendirian.

Anda tidak pernah tahu perangkat yang akan digunakan seseorang untuk melihat situs web Anda. Jadi bagus kalau Muse menawarkan tiga versi yang berbeda. Tampaknya pada awalnya sedikit menakutkan, tapi biasanya tidak terlalu banyak usaha untuk mengubah ukuran situs Anda agar dioptimalkan untuk dua pilihan lainnya. Ini memerlukan sedikit penyesuaian dan bereksperimen, tapi perlu upaya ekstra untuk menyampaikan pesan Anda, apa pun perangkat yang dilihat pengguna.

Lebih lanjut mengenai Adobe Muse

Take a look at the latest offerings and features from Adobe Muse on the Adobe Muse homepage.






Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.