Image for post
Image for post

jadi ceritanya, saya dapat task untuk membuat design system, dimana component-component dalam screen, harus terhubung dengan design system. jadi kalau ada perubahan, cukup merubah yang ada di design system, maka seluruh elemen yang ada di dalam screen juga berubah.


Image for post
Image for post

Amikom adalah salah satu universitas yang “lebih” berfokus pada bidang IT di yogyakarta. Amikom juga memiliki cabang di beberapa daerah seperti Solo dan Purwokerto. namun yang akan saya bahas kali ini adalah tentang redesain aplikasi untuk mahasiswa Amikom yang bernama Amikom One.


Image for post
Image for post

Sesuai janji di grup WA design, saya akan membuatkan tutorial simple untuk membuat showcase shoot untuk dribble. banyak yang menyarankan untuk mengexportnya ke jpeg dan menggunakan mockup di Photoshop. cara tersebut tidak salah, tapi kurang efektif karena ukuran gambar yang diexport dari Adobe XD terlalu kecil (Iphone X 375x812px). ada cara yang lebih mudah dan hanya memerlukan Adobe XD, dan pastinya juga memiliki resolusi jauh diatas cara diatas. langsung saja

Persiapkan desain

saya disini akan langsung to the pointnya saja. jadi pertama adalah mengexport desain yang kita buat ke SVG. jangan diexport ke jpeg atau png


Image for post
Image for post

Langsung to the point saja, kali ini saya akan memberikan tutorial tentang fitur Auto-animate di Adobe XD. sebagai UI Designer, kadangkala animasi sangat penting untuk kepentingan portofolio walau sejatinya, animasi adalah tugas dari interaction designer, tapi gak papa lah. hitung-hitung juga nilai plus dalam portofolio :D.

Hasil akhir dari tutorial kali ini adalah sebagai berikut :


Image for post
Image for post

The size of smartphone that become bigger, forced designer to create app design that reachable by finger of users, where the one right-handed still dominate.

At this time, i would explain about the process for redesigning twitter search page. for now, i am only focusing on UX, so the UI would be look the same.

Problem


Image for post
Image for post

Ukuran smartphone yang semakin besar, membuat para desainer harus memutar otak untuk membuat design aplikasi dapat dijangkau oleh jari penggunanya, yang mana sebagian besarnya masih menggunakan jari jempol kanan sebagai jari utama untuk menggunakannya.

Dalam tulisan saya kali ini, saya akan menjelaskan proses dari redesign halaman pencarian Twitter. kali ini saya hanya akan berfokus pada UX, sehingga tampilan UI-nya akan terkesan sama.

Masalah


Image for post
Image for post

Ada banyak jalan menuju Roma, begitu juga mempercantik tampilan desain UI mu. berikut ini beberapa cara yang bisa kamu lakukan supaya desain UI tampil lebik menarik.

1. Tambahkan detail kecil


Image for post
Image for post

Dribbble : https://dribbble.com/shots/6678201-Design-Exploration-MapShare

Pada suatu hari, saya melakukan traveling dengan teman saya menggunakan 3 sepeda motor (1 motor untuk 2 orang). sebelum berangkat, kami bersiap-siap dan menyiapkan rute menggunakan sebuah aplikasi yang cukup populer, dan kami pun berangkat.

kami menikmati perjalanan kami, melihat pemandangan sawah yang luas, bukit-bukit yang berjejer, dan banyak lagi, sampai kami menyadari bahwa 2 anggota rombongan yang menggunakan sebuah motor telah hilang dan tak ada yang tau dimana mereka! jadi kami memutuskan untuk putar balik guna mencari teman kami.

disaat yang bersamaan, teman kami yang hilang tidak tau ada dimana mereka. mereka mencoba untuk menyiapkan rute menuju tujuan dengan anggapan mungkin saja mereka bisa berpapasan di jalan, namun kenyataan berkata lain, mereka pun juga tidak bisa menemukan kami. …


Image for post
Image for post

Dribbble : https://dribbble.com/shots/6678201-Design-Exploration-MapShare

Once upon a time, i was traveling with my friends using 3 motorcycles. we have a plan to going to a beach, about 50 km away from my dorms. the day has come, we were prepared and set destination using one of the most popular map app, and ready to GO!

we were enjoying our trip, looking at ricefields, a hills, forest, and much more. until we were realized, one of our motorcycle (which ride by 2 of our friends) has gone, nobody know where they are! so we make a decision to doing U-Turn to find our friends. in the meantime, our friends who lost, don’t know where they are, they were trying to set destination and following the path but they could not find us! …


Image for post
Image for post

Hello, Medium! This is my first article on this platform, and this article, i am going to discuss about my redesign process from the previous old design. because my lack of writing skill, probably this time, my language would be clumsy.

Old Design

About

Imam Fajar

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store