20 Tutorial Desain UI Terbaik untuk Pemula

Diterbitkan: 2016-12-30

Lihatlah tutorial menakjubkan yang mudah diikuti ini yang memberi Anda informasi terpandu tentang cara membuat elemen desain UI yang indah. Di sini Anda akan menemukan informasi berguna tentang cara membuat berbagai desain yang pasti akan berharga untuk proyek Anda. Selain menciptakan elemen luar biasa, Anda akan mempelajari trik-trik rapi yang akan membantu Anda meningkatkan produktivitas dan meningkatkan keterampilan Anda. Anda akan bekerja dengan gradien, bayangan, warna, gaya, latar belakang, dan banyak lagi.

Daftar Isi sembunyikan
Cara Membuat Kontrol Kenop Putar Audio yang Mendetail
Buat Penghitung Waktu Mundur Datar – Terinspirasi iOS 7
Buat Widget Instagram
Buat Antarmuka Aplikasi Twitter yang Bersih
Cara Mendesain Ikon Kopi Bawa Pulang yang Realistis
Buat Aplikasi Kalender Seluler
Rancang UI Tabel Harga Modern yang Apik
Cara Membuat Ikon Pensil Super Mengkilap
Mendesain UI Aplikasi iPad
Rancang Widget Pinboard yang Bersih dan Modern
Cara Mendesain UI iPhone Ruang Obrolan
Buat Keypad Telepon Realistis Menggunakan Layer Styles
Desain Ikon Aplikasi Fotorealistik
Cara Mendesain Antarmuka Aplikasi Pemutar Musik iPhone
Mendesain Slider dengan Ribbon Elements (CS6)
Buat Formulir Masuk Web 2.0 yang Bersih
Buat Formulir Kontak Sederhana
Rancang Tombol UI Kontak Saya yang Lezat di Photoshop
Cara Membuat Tombol UI Daya Hi-Tech yang Sangat Detail di Tutorial Photoshop
Desain Tombol UI Shining Circle Play (Web) di Photoshop

Berikut adalah pilihan bagus dari 20 Tutorial Desain UI Terbaik untuk Pemula yang akan membantu Anda mencapai hasil yang sangat baik. Tutorial ini dapat digunakan oleh semua desainer, pemula, menengah, berpengalaman.

Mari kita mulai!

Cara Membuat Kontrol Kenop Putar Audio yang Mendetail

Ini adalah tutorial hebat yang menunjukkan kepada Anda cara membuat elemen antarmuka tombol putar yang indah yang terinspirasi oleh alat musik dan peralatan mixing.

cara-membuat-detail-audio-rotary-knob-control Pin

Buat Penghitung Waktu Mundur Datar – Terinspirasi iOS 7

Tutorial ini menunjukkan cara mendesain penghitung waktu mundur sederhana yang terinspirasi oleh iOS 7. Anda akan bekerja dengan warna, gaya, dan latar belakang untuk mendapatkan hasil ini.

buat-penghitung waktu mundur-datar Pin

Buat Widget Instagram

Tutorial menakjubkan ini akan menunjukkan cara membuat widget Instagram dengan menggunakan Adobe Photoshop. Ini sangat mudah dibuat dan akan terlihat cantik di situs web Anda.

buat-an-instagram-widget-di-adobe-photoshop Pin

Buat Antarmuka Aplikasi Twitter yang Bersih

Dalam tutorial ini, Anda akan belajar cara membuat antarmuka aplikasi Twitter minimalis. Anda akan bekerja dengan lapisan dan bentuk vektor dasar. Menikmati!

buat-bersih-twitter-aplikasi-antarmuka-di-photoshop Pin

Cara Mendesain Ikon Kopi Bawa Pulang yang Realistis

Ini adalah tutorial hebat yang menunjukkan cara membuat ikon realistis dari cangkir kopi takeout. Ini memiliki desain yang realistis dengan detail yang indah.

tutorial_-cara-desain-a-realistis-takeout-kopi-ikon Pin

Buat Aplikasi Kalender Seluler

Dalam tutorial singkat ini, Anda akan belajar cara mendesain aplikasi kalender seluler di Adobe Photoshop. Ini adalah tutorial yang mudah diikuti yang akan menunjukkan kepada Anda trik-trik yang rapi.

buat-a-aplikasi-kalender-seluler Pin

Rancang UI Tabel Harga Modern yang Apik

Dalam tutorial hebat ini, Anda akan belajar bagaimana mendesain UI tabel harga modern yang apik ini. Ini memiliki desain minimalis yang indah dan sangat cocok untuk langganan.

desain-a-slick-modern-pricing-table Pin

Cara Membuat Ikon Pensil Super Mengkilap

Pelajari cara membuat alat ikon pensil super mengkilap yang indah ini dengan desain HD. Anda akan bekerja dengan gradien, bayangan, dan alat transformasi.

ikon cara-membuat-pensil-super-mengkilap Pin

Mendesain UI Aplikasi iPad

Tutorial rapi ini akan menunjukkan kepada Anda cara membuat UI aplikasi iPad dengan desain yang indah. Lihatlah dan gunakan untuk desain Anda. Menikmati!

20-ui-desain-photoshop-tutorial Pin

Rancang Widget Pinboard yang Bersih dan Modern

Pelajari cara mendesain widget pinboard yang bersih dan modern. Anda akan bekerja di Adobe Photoshop dan mempelajari trik baru dan rapi.

desain-a-bersih-dan-modern-pinboard Pin

Cara Mendesain UI iPhone Ruang Obrolan

Pelajari cara membuat desain UI iPhone ruang obrolan yang dapat Anda gunakan untuk aplikasi seluler Anda. Ini memiliki desain yang indah dan mudah diikuti. Lihatlah!

tutorial_-cara-mendesain-a-chatroom-iphone-ui Pin

Buat Keypad Telepon Realistis Menggunakan Layer Styles

Dalam tutorial ini, Anda akan belajar cara membuat papan tombol telepon dengan menggunakan gaya lapisan. Item hebat ini memiliki desain realistis yang indah. Menikmati!

buat-tombol-telepon-realistis Pin

Desain Ikon Aplikasi Fotorealistik

Dalam tutorial hebat ini, Anda akan belajar cara membuat ikon aplikasi yang bagus. Ini memiliki desain yang realistis dan akan terlihat luar biasa pada proyek Anda. Ikuti tutorial ini untuk mencapai item ini.

desain-a-fotorealistik-ikon-aplikasi-dalam-photoshop Pin

Cara Mendesain Antarmuka Aplikasi Pemutar Musik iPhone

Pelajari cara membuat antarmuka aplikasi pemutar musik iPhone yang bagus ini yang memiliki desain resolusi tinggi yang indah.

bagaimana-untuk-desain-iphone-musik-pemutar-aplikasi-antarmuka-dengan-photoshop Pin

Mendesain Slider dengan Ribbon Elements (CS6)

(tidak lagi tersedia)

Ini adalah tutorial Adobe Photoshop hebat yang mengajarkan Anda cara membuat slider menakjubkan ini dengan elemen pita. Ini adalah tutorial yang mudah diikuti dan Anda akan mempelajari trik baru.

build-a-slick-rich-user-interface Pin

Buat Formulir Masuk Web 2.0 yang Bersih

Dalam tutorial ini, Anda akan belajar cara membuat form login web 2.0 dengan desain minimalis. Ini adalah tutorial langkah demi langkah dan Anda akan bekerja di Adobe Photoshop.

buat-a-bersih-web-2-0-login-form Pin

Buat Formulir Kontak Sederhana

Berikut adalah tutorial rapi yang mengajarkan Anda cara mendesain formulir kontak yang bagus dengan desain yang sederhana dan bersih. Itu dibuat menggunakan Adobe Photoshop. Menikmati!

buat-form-kontak-sederhana-di-adobe-photoshop Pin

Rancang Tombol UI Kontak Saya yang Lezat di Photoshop

Ini adalah tutorial yang luar biasa tentang cara mendesain tombol kontak saya UI yang indah ini. Ini adalah tutorial yang mudah diikuti yang juga mengajarkan Anda trik-trik rapi di Adobe Photoshop.

tombol-kontak2-png Pin

Cara Membuat Tombol UI Daya Hi-Tech yang Sangat Detail di Tutorial Photoshop

Dalam tutorial ini, perancang akan menunjukkan kepada Anda, langkah demi langkah cara membuat tombol UI daya yang sangat detail ini. Anda akan bekerja dengan Illustrator dan Adobe Photoshop.

cara membuat tombol daya hi-tech yang sangat detail Pin

Desain Tombol UI Shining Circle Play (Web) di Photoshop

Berikut adalah tutorial hebat yang memberi Anda panduan hebat tentang cara mendesain tombol Play UI lingkaran yang bersinar ini dengan menggunakan Adobe Photoshop. Ini memiliki informasi yang mudah diikuti dan sangat cocok untuk desainer mana pun.

desain-a-lezat-bersinar-lingkaran-play-web-button-in-photoshop Pin