[Technical Practice] Lyft Option Menu

During class in week 2, I recreated the options menu from the car service app Lyft.

My creation:

Screen Shot 2018-02-12 at 1.09.47 PM.png

First, I created a base symbol for each option consisting of a rectangle with an inner shadow, a text box, and an icon from Nucleo.Screen Shot 2018-02-12 at 1.10.40 PM.png

Once this base symbol (Full 2) was completed, it was relatively easy to customize each box to match its corresponding option. Using the ‘override’ function, I replaced each Nucleo icon and text with appropriate content. Screen Shot 2018-02-12 at 1.19.10 PM.png

The final steps I took were primarily aesthetic based, mainly focusing on the transparency and color settings of the text and icons to match the actual menu list on the Lyft app (pictured above.)

This exercise taught me the ease with which menus can be created using symbols and override functions, as well as it introduced me to the Nucleo app which is a very useful tool for finding diverse and universal icons.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s