Tag Archives: Material Design

[Panduan Pemula] Chrome dengan Material Design

Sekitar empat tahun yang lalu, Google memperkenalkan desain baru mereka ke sistem operasi Android. Desain tersebut bernama Material Design. Desain tersebut cukup memukau pada saat sistem operasi Android Lollipop diperkenalkan karena memang berbeda dari sebelumnya.

Jika sebelumnya Material Design belum diimplementasikan ke beberapa produk Google di luar Android, kali ini pun berbeda. Beberapa bulan belakangan ini, Google sedang berusaha membawa desain Material ke desktop dan mobile. Dan hal tersebut pun dapat kita rasakan saat ini.

Chrome Material

 

Google Chrome versi 68 ternyata sudah membawa Material Design. Desain yang satu ini sudah dapat dicoba pada versi Windows 10 maupun iOS. Untuk versi Android, Material Design belum dapat dicoba. Akan tetapi, hal tersebut bukan berarti bahwa desain tersebut diaplikasikan secara default.

Material Design pada versi desktop Windows 10 memiliki address bar yang melengkung, design tab yang kotak, dan warna putih yang mendominan. Untuk versi iOS, Google mengubah menu dari atas ke bawah dengan address bar tetap berada di atas. Selain itu, tombol-tombol navigasi seperti back dan forward serta refresh juga dipindah ke bawah.

Chrome Material Design

 

Untuk mendapatkan desain baru tersebut, ikut saja cara berikut:

Chrome Windows

  • Buka Chrome dan browse URL: chrome://flags/#top-chrome-md
  • Di bagian “UI Layout for the browser’s top chrome” pindahkan pilihan dari default ke refresh
  • Restart Chrome Anda

Chrome Material Design Option

Chrome untuk iOS

  • Buka aplikasi Chrome dan browse URL: chrome://flags/#top-chrome-md
  • Scroll ke bawah dan temukan “UI Refresh Phase 1”
  • Pilih enabled
  • Restart Chrome dengan cara menghilangkan Chrome dari daftar recent app

Selamat mencoba desain terbaru dari Google!

Gamber header: Pixabay.

Tampilan Situs YouTube Dirombak, Kini Adopsi Gaya Material Design

Tahun 2017 ini Anda mungkin sudah jarang mendengar frasa “Material Design”, gaya desain minimalis yang Google perkenalkan pertama kali pada tahun 2014, bersamaan dengan Android Lollipop 5.0. Pun begitu, Material Design masih menjadi acuan utama buat Google sampai detik ini.

Hampir semua produk dan layanan Google – terutama di mobile – menerapkan gaya desain ini supaya semuanya terasa koheren dan konsisten. Namun ternyata masih ada yang tertinggal, yakni situs YouTube versi desktop, yang masih kelihatan kuno jika dibandingkan dengan aplikasi mobile-nya.

Tim YouTube rupanya tidak mau berlama-lama, mulai hari ini juga mereka telah merilis preview dari tampilan baru situsnya yang telah dirombak dengan mengacu pada Material Design. Tampilan barunya ini terlihat lebih bersih dan rapi, ditujukan supaya pengguna bisa lebih berfokus pada konten yang tersaji.

Sejumlah elemen visual yang dinilai bisa mengalihkan perhatian telah ditiadakan, dan semuanya pun jadi tambah mirip dengan aplikasi mobile-nya. Pun begitu, YouTube memastikan bahwa tidak ada fitur-fitur lama yang tertinggal.

Malahan, pengguna sekarang bisa mengaktifkan fitur Dark Theme, sangat berguna ketika menikmati YouTube di malam hari. Dark Theme ini bisa terwujud berkat penggunaan framework baru bernama Polymer, yang diyakini bisa membantu mempercepat proses pengembangan ke depannya.

YouTube belum resmi merilis tampilan barunya ini ke semua orang, akan tetapi Anda yang tertarik bisa mencobanya dengan mengunjungi youtube.com/new. Untuk mengaktifkan Dark Theme atau kembali ke tampilan lawas, Anda bisa memilih opsinya lewat menu akun dengan mengklim foto profil Anda di atas kanan.

Sumber: YouTube.

Google Luncurkan Update Aplikasi Gmail dan Google Calendar untuk iOS

Kabar gembira bagi pengguna Gmail dan Google Calendar di perangkat iOS. Google baru-baru ini meluncurkan update untuk kedua aplikasi tersebut yang membawa pembaruan cukup signifikan.

Untuk Gmail, update ini sebenarnya sudah ditunggu-tunggu sejak lama. Bagaimana tidak, Google seakan lupa bahwa tampilan Gmail di iOS masih terlihat sangat kuno. Sampai akhirnya mereka merombaknya habis-habisan, mengadopsi konsep Material Design seperti pada versi Android-nya, dan memolesnya supaya performanya juga ikut meningkat.

Tampilan Gmail untuk iOS kini mengadopsi gaya Material Design / Google
Tampilan Gmail untuk iOS kini mengadopsi gaya Material Design / Google

Tampilan tidak penting buat Anda? Oke, Gmail untuk iOS kini juga dibekali fitur Undo Send seperti di desktop, memungkinkan Anda untuk membatalkan email sesaat setelah terkirim. Dengan demikian, setidaknya alasan “maaf lampirannya tadi kelupaan” bisa diminimalkan.

Fitur-fitur pendukung lain mencakup fitur pencarian yang kini bisa menampilkan hasilnya secara instan. Kemudian ada juga gesture swipe untuk mengarsip atau menghapus email dengan cepat.

Dua pilihan tampilan baru Google Calendar / Google
Dua pilihan tampilan baru Google Calendar / Google

Beralih ke Google Calendar, pembaruannya memang tidak sesignifikan Gmail, tapi setidaknya sekarang ada dua opsi tampilan baru: Month view dan Week view dalam orientasi landscape. Harapannya, tidak ada agenda yang terlewatkan ketika Anda sekadar membuka aplikasi sepintas.

Tidak kalah penting adalah dukungan Spotlight Search bawaan iOS, sehingga pengguna bisa menemukan reminder maupun goal langsung dari homescreen tanpa perlu membuka aplikasi Calendar terlebih dulu. Terakhir, pengguna sekarang juga bisa menambahkan kalender khusus seperti kalender Hijriyah, Hindu dan Tiongkok.

Sumber: Google Blog.

Aplikasi Twitter untuk Android Punya Wajah Baru

Aplikasi Twitter untuk Android mendapatkan polesan tampilan baru yang tak hanya jauh lebih manis tapi juga lebih memudahkan navigasi antar menu dan halaman. Twitter secara resmi mengumumkan kabar menggembirakan ini pada hari Selasa (7/6) melalui blog-nya. Bagi Anda yang terus memantau perkembangan Twitter barangkali tidak terkejut dengan tampilan baru Twitter, sebab memang sejak beberapa bulan lalu Twitter sudah membawa racangan ini ke fase beta.

Material Design adalah tema utama dari tampilan baru Twitter, menghadirkan rasa khas yang terasa lekat dengan pengguna Android. Polesan baru Twitter ini juga diklaim mempunyai cita rasa interface yang cocok dengan garis desain di Android 6.x Marshmallow.

Desain baru ini dibuat agar pengguna makin merasakan kemudahan ketika melompat dari satu navigasi ke navigasi lainnya. Memberikan dukungan halaman tab yang responsive, di mana pengguna dapat men-swipe dari sisi ke sisi untuk berpindah tab di antara lini masa, Twitter Moments, notifikasi dan Direct Message.

Tampilan baru aplikasi Twitter untuk Android

Tombol untuk masing-masing menu juga sekarang dibuat dengan ukuran yang lebih besar. Hal ini bertujuan agar pengguna tidak keliru men-tap tombol dengan alasan tombol yang terlalu kecil.

Masih di bagian navigasi, bukan cuma memberikan navigasi yang mudah diakses. Twitter juga menempatkan navigasi tersembunyi yang memberikan akses cepat ke panel profile, settings, highlight dan list.

Terakhir, Twitter juga menambahkan ikon melayang bergaya material design yang berguna untuk membuat kicauan secara cepat dari panel manapun. Tombol ini akan selalu muncul ke manapun pengguna mengarahkan jari jemarinya. Bagi Anda yang ingin menjumpai tampilan baru Twitter ini, silahkan update aplikasi di smartphone Android Anda sekarang. Twitter memastikan wajah barunya sudah bisa dijumpai oleh semua orang.

Sumber gambar header Pixabay.

Facebook Messenger untuk Android Punya Desain Baru yang Lebih Manis

Tidak lama setelah menerima update fitur multi akun, aplikasi Facebook Messenger untuk Android kembali mendapat update yang sudah ditunggu-tunggu banyak pengguna, yakni seputar penampilannya. Selama ini tampilannya sengaja dibuat mirip seperti di iOS, tapi semuanya bakal berubah dalam waktu dekat.

Kabar gembira ini diumumkan langsung oleh pimpinan tim Facebook Messenger, David Marcus, melalui akun pribadinya. Setelah sekian lama, Facebook Messenger akhirnya punya tampilan bercita rasa Material Design yang mencakup berbagai elemen khas, seperti salah satunya sebuah tombol aksi di ujung kanan bawah.

Update kali ini rupanya tidak membawa fitur baru lain selain perubahan tampilan antarmuka yang lebih segar ini. Meski kedengarannya sepele, menghadirkan desain baru untuk sebuah aplikasi yang tiap harinya digunakan oleh ratusan juta orang tidaklah semudah yang kita bayangkan.

Marcus menjelaskan bahwa timnya harus mempertimbangkan banyak hal supaya pengguna bisa menerima perubahan ini tanpa dibuat bingung dalam mengoperasikannya. Seperti yang kita tahu, perubahan tampilan aplikasi yang terlalu drastis terkadang akan memaksa pengguna untuk mempelajarinya lagi. Itulah mengapa Facebook butuh waktu yang cukup lama dalam merancang desain baru ini.

Pada dasarnya perubahan tampilan yang cukup drastis ini sekaligus bisa menjadi bukti bahwa Facebook tidak ‘pilih kasih’ dalam hal menyempurnakan aplikasi Messenger-nya di iOS maupun Android. Untuk mendapatkannya, silakan update aplikasi Facebook Messenger ke versi yang paling baru.

Sumber: TheNextWeb.

Application Information Will Show Up Here

Google Chrome Versi Desktop Bakal Dirombak Tampilannya Mengikuti Konsep Material Design

Hampir dua tahun sejak Google memperkenalkan konsep Material Design lewat Android Lollipop. Akan tetapi hingga kini masih ada salah satu produk populer Google yang belum kebagian jatah dandanan cantik tersebut: Google Chrome.

Pada kenyataannya, Google sebenarnya sudah cukup lama merencanakan pengaplikasian Material Design pada browser Chrome. Namun belakangan ini mereka sepertinya sudah semakin siap untuk merilis Chrome versi desktop yang bercita rasa Material Design.

Chrome Material Design

Apa saja perubahan tampilan yang dibawa konsep Material Design ke Chrome? Banyak. Yang paling mencolok adalah tampilan UI yang lebih menyiku. Tombol ‘hamburger’ di sisi kanan juga berubah menjadi tiga titik vertikal, senada dengan yang ada pada Android.

Material Design juga menitikberatkan pada animasi yang menarik. Maka dari itu, setiap tombol yang diklik pada Google Chrome akan memperlihatkan animasi-animasi tertentu.

Chrome Material Design

Sejumlah icon juga telah berubah desainnya, demikian pula dengan scrolling bar di sisi kanan. Kemudian saat pengguna mengaktifkan mode Incognito, tampilan UI akan berubah menjadi serba hitam.

Chrome Material Design

Untuk menu-menu yang biasanya akan dibuka di sebuah tab baru, seperti Downloads, Extension, Settings dan History, Material Design juga telah merombak tampilannya secara drastis. Kalau diperhatikan, tampilan menu Settings-nya jadi sangat mirip dengan di Android.

Berdasarkan laporan TheNextWeb, perubahan tampilan ke Material Design ini akan terlebih dulu mampir ke Chrome OS. Setelahnya, barulah Material Design akan merambah browser Chrome di Windows, Mac dan Linux lewat update versi 50.

Sumber: TheNextWeb.

Tampilan Aplikasi Outlook untuk iOS dan Android Dipercantik

Aplikasi email favorit saya di iOS, Outlook, baru saja mendapatkan update besar. Versi 2.0 dari aplikasi email buatan Microsoft ini telah mengalami pembaruan tampilan yang cukup signifikan. Continue reading Tampilan Aplikasi Outlook untuk iOS dan Android Dipercantik

Google Siapkan Tool untuk Mengubah Tampilan Situs Menjadi Material Design

Seperti yang kita ketahui, salah satu fitur unggulan Android 5.0 Lollipop yang dirilis tahun kemarin adalah desain visualnya yang menarik. Begitu menariknya, Google tidak segan mengajak semua developer aplikasi Android untuk turut mengadopsi ide yang mereka juluki Material Design tersebut. Continue reading Google Siapkan Tool untuk Mengubah Tampilan Situs Menjadi Material Design

Update Material Design BBM untuk Android Masuki Fase Beta

Masih ingat dengan kabar minggu lalu soal kicauan BlackBerry yang katanya punya sesuatu yang baru? Tebakan kita ternyata benar adanya, BlackBerry memang sedang mempersiapkan polesan material design untuk platform Android sebagaimana dikonfirmasi lewat blogpost mereka baru-baru ini.

Continue reading Update Material Design BBM untuk Android Masuki Fase Beta

BBM Teranyar dengan Polesan Material Design Segera Dirilis untuk Android?

BlackBerry sepertinya sedang punya rencana baru. Hal ini terungkap setelah sang pembesut BlackBerry Messenger berkicau yang bunyinya, “something new is coming…” melalui akun Twitter resmi BBM yang disertai dengan sebuah foto.

Continue reading BBM Teranyar dengan Polesan Material Design Segera Dirilis untuk Android?