10 Design Concepts that every web developer needs to know

1. Design isn’t just visual

I want my users to not only want to visit my website, but visit it again because they loved the design. I want them to put my website in their inspiration folder.

2. Be user-centric

My website is very user-centric. It is black and white. You press the button and what you see is what you get!

3. Design is in detail

When I was creating my website, I wanted it to be very unique yet simple. I find a website to be too distracting when there is too many design elements. We live in a society where we want something now now now. I don’t like to wait for what I want, so the user shouldn’t either.

4. When designing, sketch often

I created a variety of sketches to get my website just right. I had a lot from very simple to very complex, so I mixed the two together and got a good match.

5. Use white space

I used a lot of white space, but not too much. I wanted the user to not get lost but to know exactly where to look.

6. Grids aren’t just CSS frameworks

I decided to keep a very simple grid for my website.

7. When everything has emphasis, nothing does

I am a strong believer in that concept. Have you ever seen someone study for a test and highlight the whole page? It’s like nothing is highlighted anymore. I keep a clear hierarchy throughout my website.

8. Keep an inspiration folder

I always keep an inspiration folder. I currently have about 200 files in my inspiration folder. It is organized by logo design/website/package etc. Especially important when I am having a design block.

9. Design is all about problem solving

I can go through mountains of sketches just to fix a problem I see in my design. Once I figure it out, I am a happy person.

10. Know how to talk about and critique design

When I critique a design, I try to point out the positives and the negatives. I tell them how they can improve their design through proper design language.

Advertisements

9 Essential Principles for Good Web Design

1. Precedence (guiding the eye)

The first element that the client will see is me working on my projects as a video in the background. I want my viewer to look at the video, then go towards the top towards my logo and navigation bar. I used the color yellow on black because it is high in contrast and attracts the user’s eyes.

2. Spacing

I made sure with my design that I had plenty of white space. I want my viewer to know exactly what they want to see as fast as possible. I made sure that my leading in my process part of my design was perfect for reading and not getting lost.

3. Navigation

I wanted to make sure that my navigation was straight forward and user-friendly. I used a simple rollover effect and an easy selection for the navigation.

4. Design to Build

When I was building my site, I took into consideration a lot of the facts of transitioning it to CSS. Including using a google web safe font. I did simplify my website when transitioning into CSS such as excluding an arrow bar. In the future I plan on making my website work on all platforms.

5. Typography

When I thought of typography, I thought of a simple and readable typeface. I love typefaces that are sans serif and modern looking. I tried to keep all of my text on my site to be readable and easy on the eyes.

6. Usability

I made sure that when I made a link I made it look like a link. Such as my full portfolio, I made a box around it so you know you need to click it. I feel when a client or recruiter is looking at my site, they want a general background about me and to see my work, the one page scroller is perfect for that.

7. Alignment

I tried to keep everything consistent by keeping my pages in a 1200px container at a 100% width. Most of all the content is centered and cohesive.

8. Clarity (sharpness)

Every picture I have used is saved down for web and is exactly the size in photoshop, as in the website. So everything is sharp.

9. Consistency

I had consistency on my mind the whole time I was creating this website. Same color scheme and similar font sizes.

Inspiring Websites

In my web 2 class we had to find 10 inspiring websites and 5 blogs that inspire us to create our own website. What I found really is awesome! 

10 Inspiring websites:

http://www.hochburg.net/de/

http://celebritycouch.lv/

http://www.ouiwill.com/

http://www.thetechbeach.com/

http://rawww.com/work/

http://www.webit.be/

http://atelierstersi.fr/

http://infense.nl/

http://davidhellmann.com/ 

http://www.creative-knight.com/

5 Bloggers: 

http://creativeoverflow.net/

http://imjustcreative.com/blog

http://99designs.com/designer-blog/

http://blog.spoongraphics.co.uk/

http://www.abduzeedo.com/

 

Week 7: BJayJones Shared Link

Brandon has inspired me in my work in many ways, and I found out through his blog what inspires him! Abduzeedo.com is a very inspiring site. I always look for inspiration that I can use for future projects or just to share with my friends. This website gives links of design and blogs, for example one thing the site does is daily inspiration. If you ever have a design block or a writers block, this site is a great site to visit everyday to get inspired!

http://abduzeedo.com/

If you want to see BJayJones’ page, here it is!

History of The Internet

“The History of the Internet” directed by Melih Bilgil is a very interesting video that explains how the internet was born. In the clip the video explains everything that led up to what we have today, including how files transferred and to how networks were created. Just thinking about how much the world has changed and how the internet is such a big essential in today’s society compared to 1957 is amazing.

I learned so much from this video because I knew nothing of where the origins of the internet came from. To start off we can talk about how the networks were created. In France, the Cyclades Network set the building blocks on communication with other networks. Which includes: DARPA, Arpanet, the RAND Corporation in America, the National Physical Laboratory in England, and of course the Cyclades Network in France. With these networks they joined military and commercial approaches. It’s crazy to think that the internet was mainly based off of military and commercial purposes.

I found this video to be very informative and it kept my attention. I found that they used a lot of terms that everyday people wouldn’t understand. If they went into more detail on specific words and gave clear definitions then I would have understood it more.