<aside> 💡 UI Designer, bertugas untuk membuat tampilan sebuah layar terlihat lebih menarik dengan warna, komposisi dan layout yang baik. Digabung dengan UX designer, User Interface diharapkan memiliki tampilan yang cantik dengan kegunaan yang tepat dalam membantu user menyelesaikan suatu task. Untuk membangun sebuah desain produk, desainer menyusun komponen UI dan mendesain interface untuk mendukung produk dalam menyampaikan informasi dan mendukung penggung menyelesaikan suatu *task/*tugas pada produk.
</aside>
Component adalah bagian spesifik dari design system yang bisa digunakan kembali. Komponen juga dikenal sebagai modul, potongan, portlet, widget, blok, atau label lain yang bergantung pada konteks desain dan biasanya digabungkan untuk membuat seluruh halaman atau tampilan.
Gimana? Gimana? Paham ga nih?🤔
Simpelnya gini deh, di handphone kita pasti punya yang namanya widget, Ketika kita mau menggunakan widget jam kita tidak perlu buat jamnya melainkan sudah disediakan default dari handphone tersebut dan kita tinggal pakai/ drag and drop.
Pattern adalah solusi global untuk masalah desain umum, sehingga desainer dapat menggunakan solusi tersebut berkali-kali dan tidak perlu membuatnya dengan cara yang sama dua kali.
Pattern dan component bisa sangat saling melengkapi dan hidup berdampingan (emang cuma manusia aja yang bisa berdampingan😋) dalam membuat solusi desain, meskipun keduanya bisa dibilang bukan hal yang sama.
Pada artikel UIE, menunjukkan website fancast.com dan comcast.net untuk memberi tanda bagaimana component dan pattern bisa dibangun. Dua halaman beranda dapat dipecah menjadi beberapa components (ditandai dengan kotak oranye), banyak di antaranya digunakan kembali di halaman lain. Setiap beranda juga menggunakan banyak patterns (ditandai dengan keterangan merah).
Potongan komponen (oranye) dan patterns (merah) di beranda comcast.net (kiri) dan fancast.com (kanan). Gambar dari artikel UIE.