Skip to main content

Posts

Showing posts with the label UI

Modern Prototyping Tool for UI Designer and UI Engineer to Build Collaboration using Wondershare Mockitt

Hello everyone, how are you guys? I hope you are always fine. If you're new to this channel, my name is Abdul Aziz Ahwan. Usually, I make tutorial videos and productivity tools. So if you want to get insight and to be more productive, please consider subscribing to me. As a UI Engineer, I translate UI Design or Prototype from a UI Designer to an initial product or MVP (Minimum Viable Product). Good prototyping, straightforward and easy to understand by us is crucial. So, of course, we need the right prototyping tools. But first, we have to know what prototyping is and what it's used for. Reference (Interaction Design) Source: https://www.interaction-design.org/literature/topics/prototyping What’s Prototyping Prototyping is an experimental process where design teams implement ideas into tangible forms, from paper to digital. Teams build prototypes of varying degrees of fidelity to capture design concepts and test on users. With prototypes, we can refine and validate our designs

Flutter UI Designing Travel App UI Design Dribbble

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Travel App UI Design Dribbble on Android Studio. In this section, we will implement many widgets and concepts, such as Stack, Flutter SVG, ClipRRect, Backdrop Filter, ImageFilter, Google Fonts,  Custom Widget, and much more.  Project Starter Code  flutter_travel_app_starter.zip Packages we are using: flutter_svg:  get package google_fonts:  get package smooth_page_indicator: get_package Fonts Lato  get font Playfair Display get_font UI Credit Design by: Icha Mawaddah Febriyana  see the profile You can get Project file from the link below: Flutter Final Project Link ►  get file Watch in on YouTube PART 1 PART 2

Designing Modern Dashboard UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Dashboard Screen UI Design with Flutter on Android Studio. In this section we will implement like many concepts and widgets such as Stack, Container, Column, Row, Circle Avatar, Flutter SVG, and much more. You can get Assets file and Project file from the link below: Asset File Link ► https://gum.co/cDQTr Flutter Final Project Link ► https://gum.co/ytieD

How to Customize Background Shape Bottom Navigation View Material Design Component in Android Studio

#CustomShape #BottomNavigationView #AndroidStudio #Modern Hi everyone, I am Abdul Aziz Ahwan . In this post, we are going to Learn How do I Customize Background Shape Bottom Navigation View Material Design Component in Android Studio. To customize background shape it's so simple, we can simply create drawable resource file and set that file as the background. If you want to learn more, you can watch the tutorial below. Android Studio Project File ( abdulazizahwan.androidstudio )