After completing my wireframes, I started working on a style guide. Throughout this course, I was developing my understanding of color, typography, and UI patterns to be able to create an aesthetically appealing and effective design,
My biggest challenge was recognizing consistency in patterns, such as the spacing between paragraphs and their headings, or with buttons,
This style guide was used for that purpose: to create a consistent experience that would also define the brand of Huddle.
With the style guide set, I returned to my wireframes to begin adding those elements of color and typography first.
The style guide make it extremely efficient to design the application.
I was able to evaluate the effectiveness of the overall composition and modify it quickly with the style guide.
I often ran into issues of contrast, and instead of spending time looking for a substitute color, I had an array of colors prepared to select from.
With the website version completed, I now moved my focus to the mobile version of the app.
My style guide included elements for the mobile version, so again, I didn't spend too much time thinking of the sizes for the elements like the logo or icons.
My time was consumed by arranging it for an optimal mobile experience.
I had to consider my users environment to establish a context to determine which functions would be available and to prioritize the content.
By learning how color, typography, composition, and other UI elements affect the users understanding of a design, it provided me the focus in designing an application that is consistent and effective.
I think further study of UI patterns (and practice) will only help me to continue develop my skills as a UI designer.
My goal is to not only deliver an effective product, but an aesthetically pleasing one, too.