Author Archives: Riska

Branding

10 Inspirasi Infografis Keren Menggunakan Gambar Animasi

Everyone loves infographics! Iya, mungkin itu memang kenyataan. Lalu, apakah Anda pernah mendengar tentang infografis itu sendiri? Infografis adalah sebuah informasi yang ada di media cetak maupun di media sosial dalam bentuk gambar yang bertujuan untuk memudahkan pembaca untuk memahaminya. Setelah Anda melahap habis informasi tentang gambar tipografi, yang tidak lain adalah seni tatanan huruf. Nah infografis lebih cenderung pada gambar animasi yang memuat tentang berita suatu permasalahan.

evolution-of-insight

 

Animasi dan infografis interaktif, terutama yang dirancang menggunakan HTML5, sangat mungkin menentukan masa depan infografis. Animasi infografis terlibat dengan pembaca yang dapat membantu menambah minat untuk topik yang lain.

Berikut adalah daftar 10 Animasi infografis dan interaktif yang dapat Anda nikmati dan kami berharap Anda dapat menemukan inspirasi dari sini.

 

The Complete History Of Media Sosial

Infografis ini menggunakan Flash untuk menampilkan gambaran singkat dari sejarah media sosial. [Visit page]

complete-history-social-media

 

Hungry Tech Giants

Infografis interaktif ini adalah waktu sortable akuisisi dari lima perusahaan teknologi terbesar di dunia selama 15 tahun terakhir. [Visit page]

hungry-tech-giants

 

HTML5 & CSS3 Readiness. Infografis interaktif ini adalah rincian dari HTML5 dan CSS3 mendukung semua web browser utama hingga tahun 2013. [Visit page]

html5-css3-readiness

 

The Evolution Of The Web. Infografis ini menggunakan elemen SVG, timeline browser dan teknologi, serta pertumbuhan internet itu sendiri. [Visit page]

evolution-of-the-web

 

Plug In: Bagaimana Usaha Kecil Menggunakan Teknologi. Infografis ini memanfaatkan HTML5 interaktif untuk menunjukkan bagaimana bisnis kecil yang memanfaatkan teknologi untuk meningkatkan produktivitas. [Visit page]

plugging-in

 

Web Browser & Resolution. Infografis animasi ini menggunakan unsur-unsur gambar animasi yang cerdik untuk menunjukkan pentingnya pengujian website dengan beberapa resolusi, browser, dan bahkan sistem operasi. [Visit page]

web-browsers-resolutions

 

Evolution Of Social Collaboration. Infografis interaktif ini membawa Anda menuju sejarah evolusi secara cepat dan kolaborasi sosial dari sebelum tahun 1960-an sampai hari ini. [Visit page]

evolution-social-collaboration

 

Evolution Of Insight. Ini adalah Infografis interaktif yang bercerita tentang riset pasar, dari awal abad ke-20 sampai ke tahun 2000-an. [Visit page]

evolution-of-insight

 

Evolution Of the Games Console. Dengan grafis vektor yang menawan, infografis interaktif ini akan menjadi sangat bagus, walaupun berjalan sangat cepat melalui sejarah dan evolusi konsol video game. [Visit page]

evolution-games-console

 

8 Epic Journeys From Console Gaming. HTML5 Infographic interaktif ini memiliki ikhtisar singkat dari beberapa perjalanan epik dari terbaru videogame hit konsol. [Visit page]

epic-journeys-console-gaming

Ilmu desain tentunya sangat banyak macamnya ya guys, ada desain logo, desain website, desain grafis dan lainnya. Semua itu dibuat bukan tanpa tujuan. So, semua ada ilmunya lho.. Ilmu tentu dominan dengan inspirasi.

 

Read More
Freelancer

5 Ide Kreatif Menjadi Web Designer yang Lebih Baik

Web design seperti halnya seni desain lain, yaitu sering berubah. Sehingga para web designer perlu memperbarui tren terbaru untuk dapat merancang website kreatif. Beberapa tahun terakhir ini, para web designer mencoba menampilkan konten mereka dengan cara yang interaktif. Fokus mereka saat merancang sebuah website, lebih tentang menarik pengguna dan membuat mereka terikat secara emosianal.

Web-Design

Untuk memahami dan menggunakan konsep-konsep ini, kita dapat melihat beberapa ide desain paling umum yang harus diperhatikan di masa mendatang. Ini menyoroti beberapa tips penting dengan contoh-contoh yang dapat digunakan untuk web design. Banyak web designer berbakat yang sudah sadar tentang tips ini, namun, mereka cenderung kurang memperhatikannya.

 

1. Penggunaan Grafis harus Menarik

Ada banyak situs yang berdiri terpisah dari yang lain. Seorang web designer dapat menggunakan tata letak dan konsep kreatif untuk menarik pengguna. Hal ini membantu untuk menangkap perhatian pengguna sejak awal. Namun, apakah itu sudah efisien untuk menyampaikan pesan yang dimaksud? Dalam hal ini, situs interaktivitas dapat membantu untuk melibatkan pengguna pada halaman. Pengguna tinggal pada halaman ketika kita memberikan mereka beberapa tindakan yang harus dilakukan untuk menjelajahi situs dan menyediakan konten berbasis teks sederhana. Menggunakan interaktivitas pada sebuah situs web membantu untuk menangkap perhatian awal pengguna.

Sebagai contoh, sebuah situs produk dapat mencakup kutipan dari pelanggan. Ini keuntungan dari pengguna. Sebuah cara yang umum untuk menampilkan testimonial pelanggan adalah melalui penggunaan tanda kutip dengan nama dan sebutan pelanggan. Meskipun produk memiliki banyak testimonial dari pelanggan secara baik, ini tidak bisa menjamin untuk menangkap perhatian pengguna. Sebaliknya, interaktivitas yang menampilkan kutipan dan foto-foto pelanggan, pasti merupakan ide yang menarik perhatian. Ini tidak hanya akan menampilkan konten secara menarik melalui penggunaan kreatif flash interaktivitas, tetapi juga memberikan sentuhan personal kepada pelanggan yang sudah ada.

wranggg

Contoh besar lainnya : cobalah untuk menjelajahi situs Wrangler. Kita semua tahu tentang popularitas brand Wrangler. Website ini menampilkan produk dengan cara yang sangat unik. Ini melibatkan pengguna untuk melakukan tindakan seperti tarik kemeja untuk melihat desain kaos, dan untuk menelusuri website lebih lanjut. Visual kemudian terungkap dalam cara yang sangat menarik.

Sebuah website bahkan dapat meningkatkan tampilan dalam cara yang unik untuk terhubung dengan pengguna.

Website ini telah membuat kombinasi kreatif interaktivitas dan animasi untuk menyajikan informasi tentang perusahaan.

 

2. Meningkatkan Elemen Umum

Website kreatif memiliki penekanan besar pada warna dan tata letak. Ini berarti bahwa ada beberapa elemen yang mungkin tidak mendapatkan banyak perhatian, seperti peta situs yang tidak selalu disajikan dengan cara yang kreatif.

Kita dapat mengambil contoh lain yang akan menyoroti mengapa kita perlu untuk meningkatkan elemen halus pada sebuah situs web. Sebuah peta situs normal yang terlihat pada sebagian besar situs berisi rincian dalam teks dan format link.

Apakah kamu tahu JKRowling dan Harry Potter-nya yang terkenal? Apakah kamu pernah mengeksplorasi situsnya? Situsnya juga kreatif seperti buku Harry Potter. Lihat screen shot dari website-nya di bawah ini.

2

Website ini berisi layout visual menarik seperti yang terlihat dalam contoh. Elemen yang tersebar adalah kunci untuk peta situs. Ada banyak penggunaan fitur interaktif yang berisi rincian tentang situs tersebut.

Tab seperti Biography, Wizard of the Month, Tales of the Beedle and the Bard dan bahkan tab kontak yang digunakan sangat kreatif dalam tata letak ini.

Dalam website ini, seseorang dapat menyaksikan penggunaan kreatif display produk. Fitur produk yang ditampilkan dalam cara yang unik dan bentuk-bentuk khas tata letak.

Bagian tengah dapat dipindahkan sekitar dengan kursor yang mengubah penempatan cahaya untuk menampilkan berbagai fitur produk.

3. Menginduksi Tindakan dari Pengguna

Tujuan akhir dari situs yang dibuat oleh para web designer adalah untuk membuat pengguna melakukan tindakan yang diinginkan pada halaman. Tindakan ini bisa mendaftar untuk percobaan gratis atau menanyakan tentang layanan.

Jika kamu memiliki situs web yang berkembang pada pendapatan iklan, maka sangat mungkin bahwa halaman akan memiliki banyak iklan. Dalam kasus tersebut sebagian besar iklan gagal untuk menangkap perhatian pengguna dalam kerumunan iklan. Ini menjadi blind spot untuk sebagian besar pengguna. Ini adalah ketika situs interaktivitas dapat digunakan untuk menangkap perhatian pengguna.

Kamu mungkin berpikir bagaimana bisa interaktivitas membantu dalam iklan? Yah, kita harus berpikir kreatif! Dan tidak ada yang mustahil di dunia kreativitas! 🙂

Alih-alih memiliki banner polos, pengguna dapat tertarik untuk melihatnya dengan memiliki banner yang dirancang sebagai pelepas interaktivitas. Ini berarti, pengguna perlu untuk melepas layer pertama guna mengungkapkan pesan di bawahnya. Hal ini dapat sangat efektif terutama untuk kampanye iklan.

Bayangkan layer pertama mengatakan ” Jangan melihat ke bawah! Ini akan sulit bagi Anda untuk menolak tawaran itu! ” Apakah kamu pikir pengguna akan memiliki dorongan untuk melihat apa yang di bawah? Jelas! Itu akan membuat mereka merasa penasaran untuk melihat isi dari layer berikutnya. Bagi para web designer, hal ini tentu bisa dicoba.

 

4. Melibatkan Pengguna, sembari Mereka Melakukan Tindakan

Ada banyak situs yang menyediakan berbagai layanan untuk berbagai jenis pengguna. Sebagai contoh, jika kamu pergi ke situs belanja, ada segala macam hal yang dijual di situs tersebut. Desain website untuk topik tersebut tidak mengarahkan pengguna untuk mencadangkan barang yang mereka cari.

Seorang pengguna mungkin tidak memiliki waktu atau kesabaran untuk melihat melalui berbagai kategori dan mengetahui informasi yang diperlukan. Dan para web designer harus memikirkan hal tersebut.

Sebagai contoh, sebuah situs fotografi dapat memiliki tab seperti fotografi alam, kamera yang berguna untuk fotografi alam, fotografi satwa liar, dll. Jika elemen ini disajikan bersama-sama, dapat membuat pengguna mengunjungi semua tab dalam mencari informasi.

Sehingga seorang pengguna akan bergerak sementara, mengacu pada tab ini dan cukup termotivasi untuk melakukan suatu tindakan.

Mari kita lihat sebuah website yang telah menggunakan interaksi untuk menampilkan koleksi musim panas dan gugur terbaiknya. Koleksi ditampilkan melalui desain daun yang melingkar pada tanaman.

Tidak inginkah kamu melihat beberapa koleksi lengkap dengan mengklik beberapa daun yang melingkar? Mungkin kamu akan merasa penasaran. Ini adalah cara yang unik untuk melibatkan pengguna dan mendorong mereka agar menelusuri koleksi terbaru mereka! Bukankah begitu?

Website ini dirancang dengan kreatif untuk membawa minat para pengguna agar mengeksplorasi lebih jauh. Di sini, rasa produk F & N dapat dilihat dengan mengkliknya. Ketika kamu mengklik kaleng, rasa yang berbeda akan segera terungkap. Hal ini ternyata menjadi faktor menarik bagi pengguna untuk mendapatkan informasi produk.

5. Menambahkan Interaktivitas untuk Website

Setelah membaca poin di atas, kamu pasti akan setuju bahwa interaktivitas adalah cara untuk mencapai tujuan pada desain website.

Menciptakan interaksi tersebut akan menghabiskan banyak waktu. Namun, saat ini mungkin akan jauh lebih mudah. Beberapa perangkat lunak yang baik seperti Raptivity Web Expert memungkinkan penciptaan interaktivitas menggunakan kustomisasi berbasis wizard sederhana. Ini benar-benar akan menghemat waktu dalam pemrograman!

 

Seorang web designer memang terpacu untuk menjadi kreatif pada setiap pekerjaannya dalam menciptakan elemen penting website bisnis. Agar pekerjaan yang mereka ciptakan dapat terwujud dengan baik. Untuk mengasah kemampuan desain, kamu diwajibkan agar selalu memiliki pekerjaan desain. Daftar dirimu sebagai freelancer di Sribulancer yuk!

Read More
Marketing

7 Tips Dahsyat Marketing untuk Designer

Kami di Sribu sering ditanya oleh designer muda yang bersemangat, bagaimana mereka dapat terus relevan, berubah, dan terus berkembang dalam dunia desain. Ada beberapa tips untuk mengembangkan keahlian sebagai designer grafis. Selain itu, ada hal penting lainnya yaitu selalu mencoba hal baru dan mengulangi pembelajaran di masa lampau.

social-sharing designerKali ini, Saya akan membahas tentang tips dasyat marketing untuk designer. Hal ini sangat berguna bagi Anda sebagai designer pemula untuk mulai meningkatkan profil Anda di dunia kerja Anda. Seperti apakah tips-tips itu? Selamat membaca.

 

1) Tunjukkan Pribadi Anda

wbdesign1

Apakah Anda berada di sebuah pesta makan malam atau shopping pada hari minggu? Dengan setiap gambar Instagram yang Anda posting, secara tidak langsung, Anda telah menceritakan kisah Anda. Ini adalah kesempatan untuk menunjukkan kepribadian Anda, estetika Anda, dan membantu dunia mengidentifikasi apa yang Anda sukai sebagai seorang desainer.

 

2) Tetap Terinformasi

8295-practice-act-science-draw-conclusions-question

Informasi ada dimana-mana, sehingga ambil 15 menit di pagi hari sebelum Anda memulai hari Anda untuk check-in di blog design favorit Anda. Cari tahu berbagai informasi dari dunia Anda dan diluar dari itu, serta apa saja yang menciptakan semangat bagi Anda. Jadilah inspirasi dan sumber informasi pada saat dimana orang lain membutuhkan itu.

 

3) Menemukan Mentor

Mentor word cloud

Ada begitu banyak orang berbakat dan cemerlang dalam dunia design. Belajarlah cara marketing dari orang yang lebih tinggi. Timba ilmu yang ada pada diri mereka dan terapkan pada diri Anda. Tentunya Anda tidak ingin berdiri tegap di tempat saja bukan? Jangan takut untuk melangkah maju.

 

4) Dapatkan Citra yang Baik

i_'m_a_nice_person-3151

Menghadiri acara design, mengunjungi undangan dari orang lain, pergi ke seminar dan pameran, dan menjadi relawan. Apa pun itu, libatkan diri Anda, karena Anda tentu akan sangat gembira tentang apa yang Anda lakukan selama itu baik bagi Anda dan orang lain. Saat Anda ramah, bersemangat, dan terlibat di berbagai acara, kontak dan koneksi akan mengikuti Anda dan memudahkan marketing Anda. Percayalah.

 

5) Berbagi Ide

share_ideas

Desainer muda banyak memiliki banyak ide untuk menawarkan diri. Hubungi situs design favorit Anda atau editor website  tersebut tawarkan konsep ide cemerlang atau project yang menarik. Konten adalah raja, dan mereka selalu mencari sesuatu yang segar dan profil yang menarik. Buatlah konten yang menarik untuk strategi marketing Anda.

 

6) Bersosial

social-mediaApakah saya menyebutkan media sosial? Ini adalah salah satu aset terbesar Anda. Bersenang-senang dengan itu dan sering posting untuk mendapatkan lebih banyak koneksi di semua bidang. Pekerjaan yang Anda akan dapatkan, tidak selalu datang dari orang yang bekerja di dunia design saja. Mereka justru akan mendapati rekan mereka yang membutuhkan seorang designer, maka mereka akan menghubungi Anda.

 

7) Tetap Asli

you-were-born-an-original-dont-die-a-copy-quote-1Jadilah diri sendiri. Tapi ingat, dengan media sosial ada yang perlu Anda edit. Anggap saja sebagai diri Anda yang terbaik. Tahu jenis pekerjaan yang Anda ingin lakukan, dan klien yang ingin Anda temui. Anda tidak bisa menjadi segalanya bagi semua orang. Jadi jangan mencoba untuk menyesuaikan sesuatu yang bukan benar-benar Anda. Biarkan bakat dan kreativitas bersinar.

 

Dunia marketing untuk designer membutuhkan strategi marketing yang jelas harus berbeda dari biasanya. Hal ini juga perlu diterapkan pada pekerjaan Anda. Karena keduanya membutuhkan sifat inovatif Anda. Jika Anda memiliki masukan lain, silakan isi kolom komentar dan berbagilah dengan kami.

Bagaimana dengan Anda? Apakah Anda sudah pernah mencoba salah satu tips atau mempunyai  tips selain diatas? Yuk bagi pengalaman Anda melalui kolom komentar di bawah ini.

Read More
Freelancer

Catat! Ini Dia 10 Tips UX Blog untuk Pemula

User Experience atau  UX adalah cabang ilmu pengabungan antara keindahan desain dan kenyamanan dalam penggunaan suatu produk. Kali ini Sribu akan berbagi ilmu tentang mendesain UX sebuah blog untuk pemula.

lisas_blog

Salah satu kunci untuk membuat UX sebuah blog adalah mudah digunakan, sangat sederhana dan tidak terlalu banyak bereksperimen dengan fungsi. Membuat desain blog mungkin menjadi salah satunya. Berikut adalah beberapa tips desain blog untuk pemula :

 

1. Logo & Judul

Selain penting sebagai identitas, elemen ini juga merupakan elemen penting dari navigasi. Pengguna internet umumnya akrab dengan logo atau judul blog yang mengarah kembali ke halaman depan. So, jadikan logo sebagai pengantar para pengunjung untuk kembali ke halaman utama.

 

2. Navigasi

navigation

Untuk mempermudah pencarian konten yang spesifik, navigasi adalah target utama para penjelajah. Karena di sini seluruh situs, dipisahkan menurut kategori tertentu untuk membuatnya lebih mudah dinavigasi. Penempatan navigasi pada umumnya terletak di bagian atas atau samping, dan mudah terlihat dengan serangkaian pilihan. Karena blog umumnya berfungsi sebagai publikasi jurnal, selain kategori, juga dapat menggunakan tag atau arsip sebagai alat navigasi.

 

3. Search Bar

Image3

Fitur ini sudah termasuk syarat utama, khususnya situs besar dengan ribuan atau jutaan halaman. Penempatan contact search bar memang sudah seharusnya menjadi hal utama pada desain blog, agar memudahkan pengguna menjelajahi blog kamu.

 

4. Konsistensi

konsistensi-seo

Penampilan situs harus memiliki sesuatu yang sama antara halaman sehingga mudah diikuti. Hal ini juga memungkinkan pengguna untuk mengidentifikasi konten utama dan menelusuri halaman lain. Bahwa tujuan dari penampilan dapat mencakup warna dan penempatan elemen penting.

 

5. Warna & Kontras

warna

Banyak orang yang melihat warna sebagai seni yang sangat berpengaruh. Pilihan warna yang tidak sesuai atau bahkan membuat teks sulit membaca bisa berakibat fatal. Ketika bingung dengan pemilihan warna, gunakan kontras hitam dan putih sebagai pilihan. Kontras juga menentukan berat elemen yang lebih penting dan menarik perhatian pembaca.

 

6. Teks & Paragraf

Kesalahan yang paling umum pada desain blog adalah dengan menggunakan teks terlalu kecil, sehingga setiap paragraf tampak penuh sesak. Hal lain yang perlu diperhatikan adalah ukuran perbandingan teks paragraf dengan judul (heading).

 

7. Link

link

Hati-hati! Menghilangkan garis bawah pada setiap link bisa menjadi hal buruk. Pengguna sudah akrab, bahwa link biasanya selalu digarisbawahi. Oleh karena itu, jika kamu ingin mengubah variasi link, pastikan yang masih bisa dibedakan dari teks biasa. Seperti dengan mengubah warna, dll.

 

8. White Space

finding-white-space

Penggunaan white space, atau ruang kosong, berguna untuk membantu pembaca fokus pada menu utama, dan juga memisahkan unsur-unsur, untuk beberapa alasan atau memang harus diprioritaskan secara terpisah. Gunakan white space yang sesuai untuk membantu pembaca menikmati halaman dengan lapang.

 

9. Penggunaan Widget

1358009227_screen_20130112_2232

Apakah kamu memiliki semacam widget yang berguna? Banyak blogger menggunakan banyak widget yang akhirnya membuat halaman terlihat begitu sesak. Akan lebih baik jika kita mencoba, satu per satu, jika ada widget yang tidak berguna, maka hilangkanlah.

 

10. Loading Time

147064_thegoronclub_loading-time-art

Hosting dapat menjadi sumber yang murah agar tidak lambat dalam melayani pengunjung. Kebanyakan pengunjung tidak tahan menunggu presentasi halaman yang lambat, bahkan cenderung menutup halaman dengan segera.

Membuat desain UX untuk blog bagi pemula bisa saja menjadi hal sederhana asal tahu langkah-langkah mudahnya. Semoga tips di atas dapat membantumu dalam membuat blog yang efektif dalam menarik pengunjung ya.

Apakah Anda memiliki tips lain? Jangan sungkan untuk berbagi. Silahkan tulis pendapat Anda pada kolom di bawah ini.

Read More
1 2 3 21

Diliput Oleh

[index]
[index]