If you have been reading my blog you would know that I have been working on an App Design for a while now. I am almost done. I just need a few tweaks here and there. I have learned so much about designing and connecting an app and I would like to show you the most recent thing I did that I am most proud of. I was struggling to figure out how to do a drop-down option for the app. But when I figured it out I was very relieved.
To start I had to make another artbord. Similar to the rest but without some feature so that it wouldn’t lay over on top of the other contents, and be a double. After that, I put a shape that was the size of the artboard and blurred it, because I noticed you cannot blur artboards. But also having the very top of the app were the drop-down bars and the profile picture were, on top of the blur. Then in the prototype panel, I changed the type to overlay. From there, you connect that artboard to all of the drop-down bars, in all the other artboards.
These are some images that will help see what it looks like. First, the one to the left is the final way it is supposed to look. The one on the right is how it would look in your app prototype, because it is an overlay. The one thing I still have to tweak in this is how to make you able to stay on the page you are on once you click on the three bars. Instead of going back to only one, the one that it is connected to.
This was very enjoyable to figure out. Once I find out how to make it so when you click on the three bars again that it takes you back to the page you are currently on, I will be sure to tell you. But this is a little victory that I have been trying to figure out for a while and I am very glad I was able to do it on my own.