opened
briankoser
username_0
Sketch on paper
Trick out home page later; this is for the basic post view, page view, navigation
Initial design
issue
created
briankoser
username_0
https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda
https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-2-430de537ba96
comment
created
briankoser
username_0
Hack design email:
	
Step 1: Define what makes you unique
 
Before you work on designs, you must first define what makes you a totally unique person. Write a list of three core personality traits, or qualities, that make you amazing and interesting. You’ll translate those into mood boards later, so do your best to choose qualities that can be represented visually. For an in-depth version of this exercise, check out my workbook and video series Full Time You!

 
Meg’s example: I love change, I don’t take anything too seriously, I love supporting others.

 
 Task arrow icon	 	
Step 2: Create a life’s purpose
 
A life’s purpose is a crucial thing to have. It should be something short that’s made just for you. Because of your unique personalities, skills, and qualities, your life’s purpose should be easy to fulfill daily by you. Your purpose should drive every career and life’s decision that you make. You should be using your life’s purpose to position your design work and style.

 
Meg’s example: My life’s purpose is to make the world a happier place.

 
 Task arrow icon	 	
Step 3: Visualize your findings
 
Make a separate mood board for each of your three personality traits or qualities. You’ll likely have to do some critical thinking to maneuver your traits into visuals. Your mood boards should include photography, design, illustration, colors, and whatever else you need to accurately represent your unique qualities.

 
Once your mood boards are finished, take a step back and notice common visual cues that are associated with each. You’ll see that each of the mood boards are vastly different because you’re made of traits that are totally different from one another. Our goal is to combine the mood boards into one super “you” board that will be different from anyone else’s and unlike anything that exists in the world.

 
 Task arrow icon	 	
Step 4: Create your new design style
 
Here comes the hard part! Create a new mood board with work entirely made by you. This super “you” board should take elements you notice from each of your individual boards and combine them to create a brand new design style that’s a reflection of the unique person you are. Say one of your boards is full of bright colors and geometric shapes, another has art deco intricate illustrations, and the third has a lot of humor. You’ll create a new style that mixes geometric boldness with intricate line work but has a hilarity to it. Catch my drift?

 
Make sure your new design style is also fulfilling your life’s purpose and utilizing your unique set of skills. If your life’s purpose is to promote bod positivity, you can fulfill that in each piece you make! If you’re skilled at photorealistic portraits, use that! If you’re great at hilarious copy in your work, go for it! Those things are what make you amazing.

 
In the end you’ll create a design style unlike anyone else, because you’re unlike anyone else. Your unique design skillset, life’s purpose, and qualities makes for a style unlike anyone else’s.
comment
created
briankoser
username_0
https://kilianvalkhof.com/2017/design/sloped-edges-with-consistent-angle-in-css/
https://codepen.io/lmgonzalves/pen/KaWaJO
comment
created
briankoser
username_0
Brian:
Adventurous
Excellent
Fun
Unique
Zestful

Melissa:
Fun 
happy 
intelligent 
unique 
witty

Combined
Fun, Unique
Adventurous, Witty
comment
created
briankoser
username_0
Navigation: bottom menu bar, linked to from menu button in top bar

https://alistapart.com/article/organizing-mobile
comment
created
briankoser
username_0
`<div class="container">
  <div class="redcircle"></div>
  <div class="rect">
    <div class="circle"></div>
  </div>
</div>

.container {
  margin: 50px;
}

.redcircle {
  height: 20px;
  width: 20px;
  background-color: red;
}

.circle {
  background-color: white;
  height: 100px;
  overflow: hidden;
  position: absolute;
  width: 50px;
}

.circle:after {
  border: 40px solid rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  content: "";
  height: 100px;
  left: -100px;
  position: absolute;
  top: -40px;
  width: 100px;  
}

.rect {
  background: rgba(0, 0, 0, 0.5);
  height: 100px;
  width: 100px;
}`
comment
closed
briankoser
username_0
issue