Ellatronic
Design Portfolio

Blog

Daily UI: 002

So, much quicker this time. I think the first challenge took about three days and this time, I got it down to two. Hooray! I also felt more confident going into this one following the steps that I outlined in the previous post which was basically:

  1. Brainstorm requirements

  2. Select topic

  3. Sketch layout

  4. Choose visuals

002-CreditCardCheckout.png

I feel more confident creating gradients now, and much quicker than I used to be. Perhaps next time I’ll try something more complex than the basic linear gradient. I’m also more pleased with how this one turned out than the previous post.

Daily UI: 001

So, I completed the first one. Yay! After that experience, I learned how much I appreciate having more constraints around what I’m designing. For example, with this sign up screen, there are questions like:

  • What product am I signing up for?

  • What are the required fields?

  • What font and colors do I want to use?

At work, we have a design system, so a number of those more detailed decisions like font and color are already predefined. Also, the product is defined. So the process feels a little less nebulous than being basically wide open like this challenge.

SignUp.png

I also learned it would be useful if I had a design process for these challenges as well. Something along the lines of:

  1. Brainstorm what I want to include on the screen. Ex: text, inputs, etc.

  2. Choose a topic/product type.

  3. Sketch layouts and ideas.

  4. Choose a font and color palette.

I’ll try out this formula on the next one and see if that helps since I definitely took longer than a day on this (three days to be exact).

Daily UI: 000
 
000-Intro.png
 

So I’ve decided to do the Daily UI Challenge in an effort to up-skill and also as a creative outlet. It’s something I heard about several years ago and something I’ve been thinking about doing for probably just as long. So finally, what better time than the present to start?

My goals for this challenge are:

  • Speed. Getting faster at producing ideas and designs.

  • Knowledge. Building a repertoire of UI patterns, styles, and components from exploring different examples and experimenting with different layouts, color, type, etc.

  • Skills. Learning different techniques, styles, and ways of creating.

  • Letting go of perfectionism. Keeping to a deadline and knowing when something is good enough for this current iteration.

So tomorrow will be the first day of the challenge and I’m excited to see the progress throughout this experience.

Have you done the Daily UI Challenge? What did you learn from it?

Hanging Punctuation

I read this article the other day about hanging punctuation. Hanging punctuation allows the text on the left side to flow uninterrupted by placing the bullets in the gutter.

HangingPunctuationv2.0.png

To be honest, I don't remember ever seeing hanging bullets. This may be because I do the majority of my reading on screens either through a browser or an e-reader rather than print. Plus, growing up on MS Word, which uses the indented bullets, I just assumed that was the normal way for bulleted lists to look.

However, now that I've seen hanging bullets, I like how it creates a straight line on the left side of the text which looks cleaner and more pleasant.

DesignElla ChiangComment
Patterned Anatomical Heart

This was a project in my Beginning Drawing class I took last semester exploring patterns and line work. The assignment was to choose one (school appropriate) body part and apply a pattern design to it. I chose an anatomical heart since I thought it would be both cute and edgy. 

AnatomicalPatternedHeart.JPG
ArtElla ChiangComment