7 ms·

1. Color Theory. How to decide which colors to be used for particular type of project/audience? 2. Typography. Which types of fonts to use for given situation

by anujkk 14y ago

1. Color Theory. How to decide which colors to be used for particular type of project/audience? 2. Typography. Which types of fonts to use for given situation and that works on all windows/mac/linux/android/ios? Categories of fonts and where to find free fonts/web-fonts. 3. Layouts. What different types of layouts are possible and how to decide which one to use? 4. Responsive Design Techniques. 5. CSS3 art. How can we use CSS3 to create things like Text Logos, UI elements? 6. Design Case Studies. Pick up a good well known design and redesign it explaining the design decisions taken in the process.

akrakesh 14y ago
Thanks for the list :) I'll see if I can address them all
- anujkk 14y ago
  Focus more on 2, 3 and 4. All my designs end up having almost similar fonts and layouts. They look good but not different. Most of my(and everyone else's) designs end up having header-content-footer layout or sidebar-content layout but there are other layout patterns that can be used : - http://www.themealings.com.au/ http://www.themealings.com.au/ - http://landor.com/ http://landor.com/ - Metro UI Look - http://captaindash.com/ http://captaindash.com/ - http://www.thebullittagency.com/#!/home/ http://www.thebullittagency.com/#!/home/ - http://www.360langstrasse.sf.tv/page/ http://www.360langstrasse.sf.tv/page/ - http://www.wingcheng.com/ http://www.wingcheng.com/
  - hnriot 14y ago
    thebullitagency.com is a seriously annoying website. Not to mention a total hog of bandwidth for no particularly good reason.
  - knes 14y ago
    captaindash website is beautiful, however, I found it is really not userfriendly for the kind of people they target ( Businesses )
mattdennewitz 14y ago
#2 will get you so so far
- msutherl 14y ago
  #1 will get you so so far
lloeki 14y ago
May I recommend David Kadavy's Design for Hackers, which covers #1, #2, #3, #6, and more.
i386 14y ago
For #5 - no no no! Hacking logos together with CSS is, well, a hack. Use SVG - modern browsers support it out of the box , its future proof (no use of -moz/-webkit vendor css prefixes which break all the time), the authoring tools rock (checkout Sketch if you have a Mac) and your images scale well to any size.

by anujkk 14y ago

akrakesh 14y ago

Thanks for the list :) I'll see if I can address them all

anujkk 14y ago
Focus more on 2, 3 and 4. All my designs end up having almost similar fonts and layouts. They look good but not different. Most of my(and everyone else's) designs end up having header-content-footer layout or sidebar-content layout but there are other layout patterns that can be used : - http://www.themealings.com.au/ http://www.themealings.com.au/ - http://landor.com/ http://landor.com/ - Metro UI Look - http://captaindash.com/ http://captaindash.com/ - http://www.thebullittagency.com/#!/home/ http://www.thebullittagency.com/#!/home/ - http://www.360langstrasse.sf.tv/page/ http://www.360langstrasse.sf.tv/page/ - http://www.wingcheng.com/ http://www.wingcheng.com/
- hnriot 14y ago
  thebullitagency.com is a seriously annoying website. Not to mention a total hog of bandwidth for no particularly good reason.
- knes 14y ago
  captaindash website is beautiful, however, I found it is really not userfriendly for the kind of people they target ( Businesses )

mattdennewitz 14y ago

#2 will get you so so far

msutherl 14y ago
#1 will get you so so far

lloeki 14y ago

May I recommend David Kadavy's Design for Hackers, which covers #1, #2, #3, #6, and more.

i386 14y ago

For #5 - no no no! Hacking logos together with CSS is, well, a hack. Use SVG - modern browsers support it out of the box , its future proof (no use of -moz/-webkit vendor css prefixes which break all the time), the authoring tools rock (checkout Sketch if you have a Mac) and your images scale well to any size.