Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 9
Seite [1]
4TWENTY


Rock the board




Herkunft: Basel
Beiträge: 78
# Thema - 11.10.2006 um 03:54 Uhr
Hey guys.
In my first tutorial (at all) I'm gonna tell you a few things about the Design Principles.
It's not a usual Tutorial where you learn how to design/create something, here you'll learn how you should do an image or design.

(For all those who can't speak englisch, or don't understand what I'm saying, there will be a translation soon)

OK, let's start with
R for Repetition
  • Always try to repeat some aspect of the design throughout the entire piece/design/image
  • Repeat important font styles, thick lines, certain bullet, colors, elements, shapes ...
  • Repeating is a visual trick to control a reader's eye
  • Organize it into visual units


A for Alignment
  • Alignment helps to create Unity (more about unity later)
  • Do not combine right and left alignment!
  • Centered alignment creates a more formal look.
  • If available align elements/images along hard vertical edges.
  • Find strong Alignment and stick to it.
  • If you have 2 images, align them with a text edge.
  • Every item should have a visual connection with something else on the page.


P for Proximity
  • Group related items together, so they are seen as one cohesive rather than a bunch of unrelated elements.
  • By grouping several elements in close proximity to each other they become one visual unit.
  • Try to avoid too many separate elements on a page.
  • Violating the principle of Proximity can be a disaster.
  • Make sure you have sufficient Proximity.


T for Typographie
  • Using varying Font Styles, Colors and sizes = interesting design.
  • But limit number of different types, keep repetition and unity in mind!!!


Rule of thirds
  • When placing images, especially in photographs, break image into thirds vertically and horizontally.
  • Place focal point of the image along one of the imaginary lines.
  • Makes design/image more interesting to look at


B for Background
  • If a lot of text, use lighter background, but white is often too harsh
  • Dark backgrounds are great for minimal text, lots of images or graphics


C for Contrast
  • Adds visual interest to a page.
  • Helps organize information
  • Use it to help create a focal point for a page.
  • Add it with typeface, also colors, rules, textures, shapes
  • The principle of contrast states that if two items are not exactly the same, then make them different!


Ok, we're halfway done! Tired? Go outside and get some fresh air

B2 for Balance
  • The act of comparing or estimating two things, one against the other, and the contrast between: - Empty space and filled space - Text and images - Color and no colors and different colors
  • Balance in Composition: - Symmetrical - Asymmetrical - Radial Symmetry
  • Symmetrical or Formal Balance - Horizontal - Vertical - Diagonal


U for Unity
  • Unity is the correct balance of composition or color that produces a harmonious effect.


Emphasis
  • Used to express with particular stress force


L for Lines
  • Straight or curved
  • Shows motion


Color and Contrast
  • Using color can enhance or detract from a composition
  • Color wheels help determine which colors are in greatest contrast


Color Wheel
  • Analogous colors: Colors that are adjacent/next to on the color wheel
  • Complementary colors: Colors opposite to each other on the color wheel


Color in Design
  • Use color to label or show hierarchy (level on important)
  • Use color to represent or imitate reality
  • Use color to unify, separate, and emphasize
  • Use color to decorate
  • Use color consistently


Ok, now you're done and you know the most important Design Principles.
I hope I wrote it legible and easy


------------------


Publicons +-


Zuletzt editiert von 1tchy am 11.10.2006 um 04:10 Uhr (2x Editiert)
Inaktiv
rocco


Going for pro




Herkunft: Wiesbaden
Beiträge: 444
# Antwort: 1 - 11.10.2006 um 08:03 Uhr
ok, das ist dann also das besagte tutorial.

wurde das schon übersetzt oder sitzt momentan jemand da dran?


------------------
WS | rocco
Projektleiter Webmedia Solutions
[ www.webmedia-solutions.de ]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FSK 12 heißt: Der Held kriegt das Mädchen
FSK 16 heißt: Der Böse kriegt das Mädchen
FSK 18 heißt: Jeder kriegt das Mädchen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Inaktiv
|
racor


Going for pro




Beiträge: 476
# Antwort: 2 - 11.10.2006 um 10:54 Uhr
Jo zu 99% verstande .... ist schon ziemlich hilfreich, auch wenn man es nach einiger Zeit selber rausfindet. Aber auf jedem Fall nice work


------------------

ONLINE PORTFOLIO

Inaktiv
|
h4ze


Geekboy




Herkunft: Itzehoe
Beiträge: 1433
# Antwort: 3 - 11.10.2006 um 11:48 Uhr
für mich alles nix neues, aber das hab ich ja schon erwartet.

trotzdem ganz nett...


------------------
gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"


Inaktiv
|
maikoldi


Going for pro




Herkunft: Ottersberg
Beiträge: 545
# Antwort: 4 - 11.10.2006 um 16:14 Uhr
joa ganz nett hab auch so ziemlich alles verstanden...aber kommt man wie gesagt irgendwann von selbst drauf


------------------
Visit:http://www.roundowner.de
Puplicons +-



Inaktiv
|
rocco


Going for pro




Herkunft: Wiesbaden
Beiträge: 444
# Antwort: 5 - 12.10.2006 um 07:58 Uhr
habe gerade mit 1tchy abgesprochen, dass ich mich jetzt mal an die deutsche übersetzung ranmachen werde. hoffe, dass die bis zum we fettisch is!


------------------
WS | rocco
Projektleiter Webmedia Solutions
[ www.webmedia-solutions.de ]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FSK 12 heißt: Der Held kriegt das Mädchen
FSK 16 heißt: Der Böse kriegt das Mädchen
FSK 18 heißt: Jeder kriegt das Mädchen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Inaktiv
|
Frostfire


Rock the board




Beiträge: 98
# Antwort: 6 - 13.10.2006 um 19:39 Uhr
jo deutsch is is gut xD sonst versteh ich nix *GG*
freu mich schon drauf


Inaktiv
|
rocco


Going for pro




Herkunft: Wiesbaden
Beiträge: 444
# Antwort: 7 - 13.10.2006 um 20:25 Uhr
is ca 50% fertig. denke morgen fertig


------------------
WS | rocco
Projektleiter Webmedia Solutions
[ www.webmedia-solutions.de ]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FSK 12 heißt: Der Held kriegt das Mädchen
FSK 16 heißt: Der Böse kriegt das Mädchen
FSK 18 heißt: Jeder kriegt das Mädchen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
# Antwort: 8 - 13.10.2006 um 22:49 Uhr
schönes tutorial.


Inaktiv
|
excited


Beginner




Beiträge: 14
# Antwort: 9 - 16.11.2006 um 21:31 Uhr
Das ist auch ganz interessant zu dem Thema http://www.digital-web.com/articles/principles_of_design/

Vor allem die Proportionen sind etwas zu kurz gekommen, wo sie doch noch viel wichtiger als Farbkontraste sind.


Zuletzt editiert von excited am 16.11.2006 um 21:32 Uhr (1x Editiert)
Inaktiv
|
Antworten: 9
Seite [1]


Sie müssen sich registrieren, um zu antworten.