Desain Flat

8/19/2019 Desain Flat

1/29

FlatDesign

Dkv 1Unindra


2/29

Flat Design

Dasar dari desain iniadalah menghilangkankarakter gaya yangmembuat unsur-unsurdesain seolah-olah

tampakmengambang dihalaman.

Secara mudahnya iniberarti menghilangkankarakter gaya sepertibayangan, gradien,tekstur dan karakterlain dari desain yang


3/29


4/29

Flat Design pada kala itu sangatsederhana sekali tidak ada 'ariasi

sama sekali.

(amun sekarang, berbalik 1&0derajat bah!a design )atsekarang kembali dikembangkandengan cara-cara baru dan kreati"untuk merancang design yanglebih baik. Sekarang design )atini sudah menjamur di kalangan!eb design bahkan sering ditemui di desain pada aplikasi

mobile. Seperti *oogle denganFlat Design yang telah diterapkanpada beberapa #tur *oogleselama ini.


5/29

Di era sekarang, )at design bukanmeruapakan design yang sangatmembosankan. +eskipun sekarangmasih banyak desainer berpikirbah!a mereka harus

menambahkan desain yang ramaidengan banyak hiasan di situsnyamaupun di desainnya agar terlihatmenarik. deologi seperti itusekarang sudah tidak berlaku.Sekarang eranya dimana desain

digital itu bersi"at simple namunmenarik.


6/29

Tehnik Flat Design


7/29

Flat Design sangat bermain dengan Warna. eran !arna dalam )atdesign ini sangat penting sekali.Dengan memilih !arna yang pasdengan tema yang digunakan dalamdesain sangat membantu sekalidalam membentuk )at design yangindah dan terlihat cantik.Penggunaan logo yang simple

dengan 1 warna dan penerapannya pun antara konten dan logo desainharus sesuai konsep baik warnamaupun bentuk.

+asalah konten dalam design inimempunyai konten yang simple dengan desain yang simple dan tidakramai. (amun penggunaan typogra#dengan )at design ini sangat penting.

Dengan menghindari !arna-!arnahitam dan putih sebagai ba!aan


8/29

emen UI dan Ikon yang sederhana


9/29


10/29


11/29

lemen ikon dari )at designini harus dirancangsesederhana mungkin.Sederhana tapi mengena,itulah yang harusditerapkan dalam danikon )at design.

+enggunakan ikon denganbentuk yango'er$berlebihan% sangat

tidak e"ekti". 2arenamemang Flat Design sendirimerupakan desain yangsimple. Sehingga elemendan ikonnya pun harus juga

menerap-kan simplenya


12/29


13/29


14/29

Metro Design


15/29

+etro merupakan istilahbahasa baru yang dikenal setelahmeluncurnya system operasiWindows 8. 3ampir semuaorang mengenal istilah ini karena kemunculannya bersamaan

indo!s &.

Desain +etro ini yang tidakditemukan pada 'ersi indo!s 5ini mempunyai daya ketertarikan

yang luar biasa. Dengan desain modern dan typogra# yangmenakjubkan yang belum pernahditemui sebelumnya.


16/29

Fokus utama dalam +etro Designadalah meningkatkan penggunaan

pembaca dan pengamat denganmenampilkan desain yang rapi danlebih menarik .

+etro design lebih mengandalkan

banyaknya grid layout yang simpledan pengunaan typogra# sans-seri".+etro tidak hanya "okus padagambar dan bentuk yang mencoloksaja, tetapi juga "ocus pada

penggunaan konten bahkan "ocusdengan keperluan na'igasi juga.+etro termasuk design yangsukses hingga dia memikat jutaanorang di dunia ini yang telahmenggunakan design dengan

konsep metro.


17/29

+etro datang dengan desain yangsangat menarik, simple dan indah

dengan e"ekti#tas kesederhanaanyang colourul.

+etro merupakan design yangsangat cocok diterapkan di semuaperangkat device baik itu 6,

laptop, layar sentuh, tablet dansmartphone.


18/29


19/29

7erbeda dengan Flat Design, ikon pada metrodesign lebih terkesan minimalis dan didonimasi!arna putih.


20/29


21/29


22/29

+etro i adalah desain yang indahyang sangat menguatkan padapengunaan typogra#.

/ypogra# dalam metro ui ini sangatpenting sekali. +etro ui mempunyai

konten dengan konteks yang singkatnamun mudah untuk dipahami.2esederhanaan typogra# ini mampudibaca dan dimengerti dalambeberapa detik saja.


23/29


24/29


25/29


26/29


27/29


28/29


29/29

Desain Flat

Documents

Transcript of Desain Flat