{"id":11144,"date":"2018-05-10T00:00:00","date_gmt":"2018-05-10T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2018\/05\/10\/implementasi-design-trend-2018-ke-dalam-website-binus\/"},"modified":"2024-09-24T02:20:30","modified_gmt":"2024-09-24T02:20:30","slug":"implementasi-design-trend-2018-ke-dalam-website-binus","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2018\/05\/10\/implementasi-design-trend-2018-ke-dalam-website-binus\/","title":{"rendered":"Implementasi Design Trend 2018 ke dalam website BINUS"},"content":{"rendered":"

Memasuki pertengahan tahun 2018 banyak sekali <\/span>challenge <\/span><\/i>yang diterima oleh seorang <\/span>web designer <\/span><\/i>karena pesatnya perkembangan teknologi saat ini. Salah satu <\/span>challenge<\/span><\/i> besarnya adalah ‘bagaimana cara menyajikan website yang <\/span>user-friendly, <\/span><\/i>inovatif, konsisten, mampu beradaptasi di semua <\/span>platform<\/span><\/i> dengan tampilan yang semakin menarik?’. Melihat kembali pada tahun 2017, penggunaan <\/span>mobile phone<\/span><\/i> semakin marak, jelajah dunia maya pun lebih banyak menggunakan <\/span>mobile phone<\/span><\/i> dibanding <\/span>dekstop<\/span><\/i>. Ini berarti di 2018 harus memanfaatkan penuh fungsi mobile<\/em> dan mengembangkan dekstop<\/em> agar semakin relevan.\u00a0<\/span><\/p>\n

Para<\/span> web designer <\/span><\/i>dunia berlomba-lomba untuk memenuhi <\/span>challenge<\/span><\/i> tersebut dan munculah\u00a0<\/span>design trend <\/span><\/i>yang paling banyak digunakan desainer untuk menjadikan tampilan website yang mereka buat semakin menarik, <\/span>user-friendly<\/span><\/i>, inovatif, baik di dalam <\/span>desktop <\/span><\/i>maupun <\/span>mobile. Trend design <\/span><\/i>tersebut menginspirasi kami, <\/span>web designer <\/span><\/i>Binus dalam mengembangkan website sekarang ini. Dilansir dari <\/span>https:\/\/99designs.com\/blog\/trends\/web-design-trends-2018\/<\/span><\/i><\/a> terdapat 9 <\/span>web design trend <\/span><\/i>di tahun 2018 ini.<\/span><\/p>\n

    \n
  1. Drop shadows & depth<\/span><\/em><\/li>\n
  2. Color schemes<\/span><\/em><\/li>\n
  3. Particle backgrounds<\/span><\/em><\/li>\n
  4. Mobile first<\/span><\/em><\/li>\n
  5. Custom illustrations<\/span><\/em><\/li>\n
  6. Big, bold typography<\/span><\/em><\/li>\n
  7. Asymmetry and broken grid layouts<\/span><\/em><\/li>\n
  8. Integrated animations<\/span><\/em><\/li>\n
  9. Dynamic gradients<\/span><\/em><\/li>\n<\/ol>\n

    Dari 9 <\/span>design trend <\/span><\/i>tersebut ada 4 yang sudah diimplementasikan ke dalam website BINUS.<\/span><\/p>\n

      \n
    1. Drop shadow<\/strong>
      \nDrop shadow <\/i>sudah diimplementasikan ke dalam sebuah kartu di website BINUS. Mengapa bentuk \u201ckartu\u201d? Karena bentuk kartu adalah alternatif yang paling pas untuk menampilkan suatu data yang biasanya ditampilkan dalam bentuk tabel, agar mampu menjadikan website tersebut mobile-friendly. <\/i>Bentuk kartu diberi efek drop shadow <\/i>supaya terlihat memiliki volume sehingga website terlihat semakin dinamik dan ber-volume<\/em>.<\/span><\/span><\/span><\/p>\n

      \"\"
      Gambar 1. Card Content pada dasboard BITS<\/figcaption><\/figure>\n<\/p>\n

       <\/li>\n

    2. Color schemes
      \n<\/strong><\/strong>Di BINUS memiliki co<\/i>lor sche<\/i>mes <\/i>yang sudah menjadi ciri khas corporate. Color schemes <\/i>ini membuat kami, web designer<\/i> BINUS menjadi konsisten dalam mendesain website untuk BINUS.
      \n<\/span>
      \n<\/strong><\/strong><\/strong><\/p>\n

      \"\"
      Gambar 2. BINUS Color Scheme<\/figcaption><\/figure>\n<\/p>\n

       <\/li>\n

    3. Big, Bold Typography
      \n<\/strong><\/strong><\/strong>Typography <\/span><\/i>adalah <\/span>visual tool<\/span><\/i> yang sangat powerfull<\/em> dalam menyampaikan informasi. Sekarang ini sudah banyak browser<\/em> yang mendukung <\/span>custom typography <\/span><\/i>yang diaktifkan oleh CSS untuk web browser. <\/span>Big and Bold Typography<\/span><\/i> merupakan jenis tipografi yang paling banyak diminati oleh desainer-desainer dunia, karena memudahkan dan menjaga <\/span>user <\/span><\/i>dalam membaca informasi serta menjelajahi website yang mereka buat. Untuk website BINUS, jenis tipografi ini digunakan dalam penulisan judul sebuah artikel yang ditampilkan di <\/span>slideshow <\/span><\/i>website.<\/span><\/span><\/p>\n

      \"\"
      Gambar 3. Website BINUS Art Center<\/figcaption><\/figure>\n<\/p>\n

       <\/li>\n

    4. Dynamic Gradient
      \n<\/strong><\/strong><\/strong><\/strong>\u201cOver the last few years, flat design has been a much preferred web design trend over dimensional colors, but gradients are making a big comeback in 2018\u201d<\/i>, kata Lennart de Ridder. Dan terbukti, di tahun 2018 ini gradient <\/i>menjadi sangat populer di kalangan desainer dunia. Dari desain yang memiliki warna gradasi yang complex<\/em> hingga\u00a0simple<\/i> sekalipun menjadikan tampilannya semakin fresh<\/i> dan menarik. Di website BINUS sendiri sudah mulai mengaplikasikan warna gradient <\/i>di dalamnya, sebagai contoh gradient<\/i> untuk filter foto pada slide show<\/i> dashboard BITS (BINUS Interactive Software).<\/p>\n

      \"\"
      Gambar 4. Dasboard BITS<\/figcaption><\/figure>\n<\/p>\n

       <\/li>\n<\/ol>\n

      * * *<\/p>\n

       <\/p>\n","protected":false},"excerpt":{"rendered":"

      Memasuki pertengahan tahun 2018 banyak sekali challenge yang diterima oleh seorang web designer karena pesatnya perkembangan teknologi saat ini. Salah satu challenge besarnya adalah ‘bagaimana cara menyajikan website yang user-friendly, inovatif, konsisten, mampu beradaptasi di semua platform dengan tampilan yang semakin menarik?’. Melihat kembali pada tahun 2017, penggunaan mobile phone semakin marak, jelajah dunia maya […]<\/p>\n","protected":false},"author":10,"featured_media":11145,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11144","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11144"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11144\/revisions"}],"predecessor-version":[{"id":12006,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11144\/revisions\/12006"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11145"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}