Kumpulan Tutorial Mendesain Antarmuka Website (Bagian 1)

Kumpulan Tutorial Mendesain Antarmuka Website (Bagian 1)

Untuk mendesain antarmuka sebuah website atau desain interface-nya, seorang UI Desainer (user interface designer) biasanya menggunakan salah satu dari dua buah aplikasi antara Adobe…

Untuk mendesain antarmuka sebuah website atau desain interface-nya, seorang UI Desainer (user interface designer) biasanya menggunakan salah satu dari dua buah aplikasi antara Adobe Photoshop atau Firework. Walaupun Firework lebih memudahkan pada proses slicing-nya, tetapi Photoshop lebih banyak dipakai karena banyak desainer yang sudah familiar dan terbiasa menggunakan Photoshop.

Pada aplikasi Photoshop seorang UI Desainer bisa dengan lega bermain style effect pada button, mengatur kesempurnaan pixel, membuat ilustrasi icon yang menarik, dan berbagai sentuhan-sentuhan yang mencengangkan. Dan banyak sekali resource file psd (untuk Photoshop) khususnya untuk desain interface yang bisa Anda dapatkan secara gratis sebagai referensi dalam mendesain.

Selain berbagai resource file psd dan file icon yang bisa Anda dapatkan, berbagai tutorial langkah demi langkah dalam mendesain antarmuka sebuah website juga banyak sekali Anda temukan di dalam website atau magazine blog yang biasa membahas seputar website desain. Berikut adalah kumpulan dari beberapa tutorial untuk mendesain antarmuka sebuah website dengan menggunakan aplikasi Adobe Photoshop bagian yang pertama.

Design An Innovative Portfolio Site Using Alternative UI/UX

Sumber : webdesign.tutsplus.com

Design a Warm, Cheerful Website Interface in Adobe Photoshop

Sumber : webdesign.tutsplus.com

Design a Clean e-Commerce Website Interface in Photoshop

Sumber : webdesign.tutsplus.com

Create a Promotional iPhone App Site in Photoshop

Sumber : psd.tutsplus.com

Photoshop a Paper Texture from Scratch then Create a Grungy Web Design with it!

Sumber : psd.tutsplus.com

Create a Dark Themed Web Design from Scratch

Sumber : psd.tutsplus.com

Create a Sleek, High-End Web Design from Scratch

Sumber : psd.tutsplus.com

Web 2.0 Style Design 

Sumber : tutzor.com

Professional Modern Web Layout

Sumber : adobetutorialz.com

Create a Nature Inspired Painted Background in Photoshop

Sumber : designreviver.com

Penutup

Banyak tutorial untuk mendesain antarmuka yang bertebaran di dunia maya yang belum kami sajikan kepada Anda. Oleh sebab itu nantikan lanjutan kumpulan artikel tutorial bagian yang kedua ini hanya di BisaKomputer. Semoga bermanfaat :)

Tag: , , , ,

2 Comments

Leave Comment
  1. iToru says:

    Mas, punya referensi contoh E-Commerce asli punya orang indonesia yang makek Bootstrap gak ?
    Butuh refrensi nih :D

    Terimakasih

Write Comment

Your email will not be published. The marked label is required.