Dwinawan
@dwinawan_
Followers
37,340
Following
348
Media
4,180
Statuses
14,475
Design exploration • Building gunpla • Diecast Garage • Writing UI Design tutorial
Yogyakarta
Joined June 2019
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#ทําไมดูเป็นคนดีจัง
• 388249 Tweets
Chan
• 330066 Tweets
Kalafina
• 149601 Tweets
#Number_i_LIVETOUR
• 37690 Tweets
梶浦さん
• 36070 Tweets
渋沢栄一
• 29252 Tweets
Into the Depth with YUTA
• 21272 Tweets
GORGEOUS ORCHID X LOVERRUKK
• 15021 Tweets
Gセルフ
• 10711 Tweets
Senjata utama belajar secara otodidak adalah kemampuan merangkai keyword saat googling.
342
11K
48K
Cara bikin foto makanan jadi terlihat clean dan simple pada desain UI
124
4K
31K
Cara bikin postingan Instagram dengan perpaduan fotografi dan typography menggunakan figma, dalam waktu kurang dari 5 menit.
64
3K
16K
Buat yang penasaran ngikutin cerita Gundam, tapi bingung kenapa ini kok perang2 mulu robot2nya. Jadi begini ceritanya.
Populasi manusia semakin banyak, Bumi udah enggak muat, akhirnya luar angkasa dijadikan tempat tinggal, nama tempat tinggal di luar angkasa namanya Koloni.
180
2K
10K
Buat yg mau belajar UI Design dari awal banget bisa kesini
- Enggak harus pake laptop Mac
- Enggak harus punya background design
- Enggak perlu instal aplikasi, praktek nya pake Figma (Web based)
- Bisa langsung mulai baca & praktek
Semoga bermanfaat 🙏
49
1K
4K
Buat yang pengen belajar UI Design dari awal bisa kesini ya
16
758
4K
Tidak semua hal musti ada aplikasi nya dan tidak semua masalah solusi nya musti aplikasi.
161
1K
4K
Ciri2 UI Designer yang disayang Developer
- Selalu pake grid
- Selalu bikin design untuk beberapa viewport (1440, 1024, 768, 480, 360)
- Selalu pake container (e.g 24x24) untuk setiap icon
- Grouping Layer
Ada lagi? 🤔
53
455
3K
Buat yang tertarik belajar marketing, bisa pake aplikasi Google Primer. Materi nya disajikan secara bit sized, jadi berasa kayak makan snack. Dan design nya bagus 😁
10
428
3K
Buat temen temen yang pengen belajar UI Design dari dasar banget bisa mengunjungi link ini
- Tidak perlu punya background design
- Tidak perlu menginstal aplikasi apapun, design tool nya pake Figma (web based)
19
586
3K
Apa yang dibutuhkan untuk menjadi UI Designer?
❌ Background Design
❌ Background IT
✅ Komputer
✅ Listrik
✅ Internet
✅ Suka lihat referensi
✅ Suka bikin design
✅ Suka baca
✅ Suka mencari tahu
26
368
3K
📚 Belajar UI Design dari awal
↳
🔖 Artikel UI/UX
↳
↳
💡 Inspirasi eksplorasi design
↳
🗃️ UI Design assets
↳
🤖 Hobi Gundam
↳
0
467
2K
UI Design Tips:
Biasanya warna hitam pada teks itu ada 3. Untuk judul, untuk deskripsi dan untuk secondary informasi (Informasi yang bukan prioritas utama)
7
291
2K
Salah satu cara saya melatih UI Design terutama dalam hal style atau visual direction adalah dengan melihat lihat website atau produk, lalu kalau ketemu yang bagus langsung diamati dan coba bikin versi saya sendiri, tapi dengan style yang mirip.
6
304
2K
Buat yang pengen belajar bikin brand dari awal banget hingga akhir bisa kesini, kualitas konten dan cinematography nya sekelas film dokumenter nya Netflix 🙌
↳
5
296
2K
💡 UI Design Quick Tips
- Tinggi tombol: 48px
- Ukuran teks tombol: 14px - 16px
- Padding tombol: atas & bawah (x), kanan & kiri (2x)
- Line Height paragraph: font size + 10px
- Jarak antar huruf: 0px , 0.3px , 0.5px , 1px (kapital)
- Margin: 4, 8, 12,...kelipatan 4px
11
274
2K
Akun Unsplash dan Pexels yang banyak gambar dengan background polos
1.
5
227
2K
Baru tahu kalau Apple bikin UI Design Dos and Don'ts. And guess what? penggunaan spacing termasuk di dalam nya 👍
↳
16
305
2K
Tips eksplorasi design
❌
- 3 jam: Nyari inspirasi
✅
- 30 menit: nyari inspirasi & pilih satu
- 1 jam berikutnya: Dicoba praktek & jangan berekspektasi langsung bagus.
Belum bagus? ulangi nyari inspirasi selama 30 menit. At least dalam 3 jam sudah menghasilkan sesuatu.
17
352
2K
Addicted to landing page design because there's a lot of room for layout creation.
28
72
2K
📚 - Semoga bisa membantu proses belajar UI Design nya
1. Bacaan tentang UI/UX. Tips, Proses, dll
2. Assets UI Design untuk bahan belajar
3. Tahapan belajar UI Design dari awal
15
435
2K
Yok share sumber kalian belajar UI Design, biar temen temen yang laen makin banyak referensi dan sumber untuk belajar 🙌
31
290
2K
UI Tips:
- Tinggi tombol ideal: 48px
- Ukuran teks di tombol: 14 - 16 px
- Ukuran teks di header: 13 - 16 px
- Ukuran teks di paragraf: 14 - 16 px
- Background abu kebiruan: f5f6f8
7
218
2K
Today's theme is: Bento Layout 🍱
18
75
2K
Kamu biasanya pake berapa jenis warna hitam untuk teks? Jangan banyak2 ya biar menjaga konsistensi nya gampang 😁
5
195
1K
Belajar bikin design Ads untuk ditampilkan di Instagram Story. Sejauh ini mendapatkan formula sebagai berikut:
1. Graphics atau Foto untuk jadi point of interest atau hal yang menarik perhatian
9
238
1K
Buat yang mau belajar UX, channel Youtube nya NNgroup ini mantebh banget. Rata rata durasi video nya 4-5 menit, tapi pembahasan nya singkat padat berbobot.
Link:
7
234
1K
1. (special thanks to
@darylginn
)
2.
3.
4. Behance
5. Dribbble
6. Instagram
7. Pinterest
8. Majalah
4
147
1K
Menurut saya copywriting dari Starbucks cukup menarik perhatian. Yang paling nyantol ya "Promo beli 1 gratis 1" dinamakan "Treat a Friend". Lucu tapi berkarakter.
Buat yang penasaran dengan dokumentasi tone of voice nya Starbucks bisa kesini.
↳
5
229
1K
Ini bagus. Above the fold tidak diisi dengan berita atau data statistik. Tapi langsung kolom pencarian dilanjutkan dengan link ke layanan publik. 👍
29
251
1K
Bye bye 2020 🥳👋 , yang mau ngisi liburan nya dengan eksplorasi design blog bisa ambil UI Component nya disini ya, have fun
9
152
1K
Buat yang mau belajar UI Design
↳
Buat yang suka baca2 blog design
↳
Buat yang butuh assets UI Design
↳
Buat yang suka gundam
↳
Bagi yang ada pertanyaan design
↳ DM terbuka 📬
5
248
1K
Raditya Dika bisa coding HTML dan bisa bikin design dengan Photoshop. 👍
20
87
1K
Career Switch ke Industri UI/UX.
Beberapa hal yang sebaiknya diperhatikan:
1. Jangan buru2 resign dari kerjaan sekarang. Cari tahu dulu motivasi kenapa kepengen switch ke UI/UX? apakah kepengenan sesaat? apakah faktor burn out? atau karena memang bidang yang sesuai passion.
7
191
1K
Tips design biar UI Design terlihat rapih. Coba dipraktekkin dan tag hasil nya ya 😁
6
198
1K
Beberapa publikasi medium saya
Insight - Belajar UI Design
↳
Paperpillar - Case Study & Tips Design
↳
Life at Work - Cerita dunia kerja
↳
Suara Lain - Random Thoughts
↳
5
201
1K
Hi
#PortfolioDay
👋, Dwinawan from Surakarta, Indonesia. I love to create something simple and clean.
🏠 Personal Website
↳
🏀 Dribbble
↳
🤖 Hobby
↳
✍️ Medium
↳
17
135
1K
💡 Ide belajar UI Design
- Pake Slack
- Bikin beberapa channel dengan nama level1,2,3,4 dst
- Setiap level / channel diisi 4 orang
- Setelah menyelesaikan pelajaran di level 1, akan dipindahkan ke level 2, dst sampai level terakhir
- Setelah selesai semua level wajib leave group
23
149
1K
Buat yang mau mengisi liburan dengan belajar online course 💻 atau baca buku 📚, bisa DM link online course yang jadi incaran nya ya. Beberapa yang terpilih akan saya checkout kan. Selamat tahun baru! 🥳
58
184
1K
Mau nyoba sharing proses bikin animasi UI, semoga menarik ya 😅
[A Thread]
18
225
1K
Beberapa eksplorasi untuk membuat design UI terlihat unik dan berbeda
1. Menambahkan ornamen
5
141
1K
App design exploration I did a few months ago. The idea was to create a simple and relaxing journaling app, where user can choose the main illustration as the first step.
14
48
1K
Hari ini Paperpillar merilis aplikasi Dongeng. Ini adalah aplikasi pertama yang kami buat secara in-house. Congrats untuk semua team Developer, Ilustrator, Copywriter, UI Designer dan Project Manager. 🥳🍻
Aplikasi dapat di download di Play Store dan App Store.
54
324
1K
Akhirnya kesampean, walaupun bentuk nya bukan buku 😅
Wooooaa, bikin tutorial design pake figma untuk dibukukan seru juga, detail2 nya jadi kelihatan, enak buat jelasin spacing dan whitespace nya 🤩
10
4
56
23
150
1K
Kalau figma, dribbble, behance, upwork, wise, github, gitlab, vercel sampe diblokir, gue mau ngapain ya? 🤔
85
212
968
UI Design Tips:
❌ Belajar Figma / Sketch / Adobe Illustrator
✅ Belajar membuat design website dengan Figma / Sketch / Adobe Illustrator
Jangan mempelajari tools nya, pelajari cara membuat sesuatu dengan tools, maka proses belajar akan lebih terarah.
7
166
915
UI Design Trends 2022
- 3D
- Gradient
- Glass Morphism
- Dark Mode
- Asymmetrical Layout
- Bold Typography
- Neon Effects
- Cyberpunk Vibes
- Everything that Stripe team do
9
186
909
Buat yang tertarik belajar UI Design dari awal. Bisa langsung kesini , semua nya bisa belajar, enggak harus dengan background pendidikan tertentu. Selamat belajar 😄
9
170
917
Design Exploration Tips:
✔️ - It's okay not to overthink.
✔️ - It's okay to create a common app concept.
✔️ - It's okay to create an app for reading articles, for example.
✔️ - Choose a topic you love.
✔️ - The most important thing is that you create something.
6
66
950
Fonts Knowledge from Google Fonts. Great resouce to learn about Font.
0
133
874
Bento Tips 🍱:
✔️ - Start Small
✔️ - Focus on one component first
✔️ - Don’t place similar components side by side.
✔️ - It's okay to work at relaxed pace
10
59
893
Design exploration tips 👨🏻💻:
1. Open your old files.
2. Make small tweaks.
3. Change the topic or theme.
4. And voilà, you’ve got a new design exploration!
6
60
883
💡 - Project Management Tips: Manajemen Ekspektasi.
Ketika menyampaikan ke klien bahwa hari ini akan membuat wireframe, kasih lihat dulu contoh2 wireframe yang pernah dibuat, sehingga ekspektasi klien akan sama dengan apa yang kita sampaikan.
4
164
834
Tahun 2013. Pertama kali mengenal tentang UX. Browsing2 internet dan menemukan slide dari Mas
@borryshasian
, dan slide ini yang memberikan pemahaman yang begitu jelas tentang UX. Terima kasih Mas atas ilmu nya, sehat selalu dan berkah selalu 🙏
Link:
3
158
836
Sudah tayang, artikel terbaru berjudul "Grid Website" dalam seri belajar UI Design. Membahas tentang langkah langkah membuat design website menggunakan grid. Semoga bermanfaat
↳
8
152
823
Adding this little guy in the bottom corner to freshen up the interface. 👀
20
36
853
Karena lebih dari 50% konten yang kita lihat pada produk digital (web, app) adalah teks.
8
112
825
Buat yang tertartik belajar UX Writing, ada artikel cakep neh. Bisa jadi acuan untuk mencoba bikin copy mu sendiri.
↳
2
126
815
Yup2 boleh banget. Buat temen2 yang membutuhkan design untuk keperluan latihan design ataupun portfolio frontend, bisa kesini ya
11
142
800
Friendly reminder 👋 If you need design assets for your learning process. Feel free to grab my design assets here:
✔️ Landing Page
✔️ Mobile App
✔️ Dashboard
✔️ Pitch Deck
✔️ Ornaments
✔️ UI Elements
✔️ Photo Graphics
15
122
796
Cara memakai inspirasi dari referensi
1. Cari referensi yang bagus
9
106
745
Masa muda kalau punya ide aplikasi berkaitan dengan belanja online, bank sampah, dan antrian. Kini beranjak ke kepala 4, ide aplikasi yang muncul adalah aplikasi yang memudahkan untuk menghubungi jasa reparasi rumah, AC, Saluran mampet, service pompa air dan sejenis nya.
29
124
744
New Layout is done! I hope the article can be published as soon as possible.
6
85
748
Belajar UI Design -
Basic - Done ✅
Typography - Done ✅
Landing Page - On Progress ⏳
E-Commerce - Coming Soon 🚀
Dashboard - Coming Soon 🚀
Responsive - Coming Soon 🚀
App - Coming Soon 🚀
Layout - Coming Soon 🚀
User Flow - Coming Soon 🚀
13
121
734
Mau share tentang proses pembuatan eksplorasi design kali ini, semoga bermanfaat 😄🙏
21
154
726
Hi
#PortfolioDay
👋
I'm Dwinawan, UI Designer based on Indonesia, Love something simple and clean interface.
12
77
723
Buat kalian yang sedang mengerjakan project tentang kesehatan atau medis dan butuh icons yang berhubungan dengan tema tersebut, bisa ke | Thanks a lot to
@dburka
who created this awesome resources!
7
104
721
Tahun 2022 ini berarti sudah 8 tahun di Industri UI/UX. Berikut beberapa design tahun tahun awal jadi UI Designer.
Project Freelance dengan teman di tahun 2014, masih pake style Skeumorphism. Tombol glossy dengan kesan timbul, penggunaan noise di background untuk ngasih tekstur.
11
84
708
💡 - UI Design Tips
Setelah lihat2 referensi dan masih tetep bingung dengan ide atau konsep design layout mau dibikin kayak gimana, jangan nambahin referensi. Nanti bisa makin bingung. Tapi coba bikin komponen2 nya dulu.
6
105
701
UI Design Course [Short Roadmap]
1. Typography
Size, Weight, Spacing, Line-height, Hierarchy
2. Layouting
Best Practices, References, Composition, Grid, Hierarchy, Whitespace
3. Website Design
4. Responsive Design
5. App Design
6. User Flow
Bakal jadi project weekend 😎
23
127
703
Buat temen2 yg mau belajar UI Design dari awal, bisa berkunjung ke , disini saya coba menuliskan materi dari awal
Mulai dari apa itu UI, dari mana mulai belajar UI, Typography, dll. Untuk materi nya akan rilis secara bertahap. Saat ini baru ada 4 materi
16
156
705
Yok share tempat kamu belajar (Blog, Podcast, Youtube Channel, Group Telegram, Discord, Website, etc) biar temen2 yang laen juga bisa tahu. Thanks 🙏
21
174
686
Cara cepat belajar membuat design landing page dengan Figma
1. Buat frame
2. Screenshot sebuah website lalu tempatkan di frame tadi
3. Jiplak elemen satu persatu, samakan ukuran nya
4. Ubah sedikit demi sedikit
1 hari belajar 1 website, dalam 2 minggu rasakan perbedaan nya 🙌
8
99
693
Mumpung libur, mau ngobrolin tentang cara menentukan harga design. Semoga thread nya menarik 😁
[A Thread]
16
176
677
Kemaren ditanyain temen "Kepuasan apa atau kesenengan apa yang didapat dalam bermain gunpla?" Pertanyaan menarik, coba saya breakdown satu satu 🤔
33
141
687
Skill wajib yang harus dikuasai UI Designer?
Typography.
Bukan hanya tentang pemilihan font.
Tapi pengaturan font.
- Ukuran Teks
- Jarak antar huruf
- Jarak antar baris pada paragraf
- Ketebalan teks
- Warna teks
Kenapa penting?
Karena 50% lebih konten pada UI adalah Teks.
8
123
676
Some thumbnail ideas if you want to post landing page design.
1. Hero Section only
5
88
671