praktikantenblog

bin gerade über eine interessante Seite gestolpert, zum Thema

"User interface design - a software engineering perspective"

-auf der Seite sind einige Bücher und Studienarbeiten und Rezessionen über das Thema zum Download.

 

http://www.itu.dk/~slauesen/SorenUID.html

There are some tricks to have “style”

When your graphical production does not look harmonic || professional || complete, you have to work on your sketches and find the main style (like a corporate identity) that represent the project.

Colors & Light The colors changes, based on the ambient light where you watch theme, that means that if you want to have a realistic effect on your illustrations you cannot use a warm gray and a cold gray in the same image, in nature that will not happen. But you can use those gray variant to create a surreal image for example. Remember that the colors are influencing the mood, so use theme with a meaning. If you are working on web search for the standards used color for similar projects, cause the meaning of the colors is really different in the different continent, and the meaning changes a bit even between the European countries.

Background The Background is really boring to make but really important to do. Empty background is a ZEN solution, white for day, and Black for night. works only in ZEN contest. None color works as a single color in professional illustrations. If you want to use one tone a good suggestion is to make a material background: * take many different white and trow theme together on the paper * take a brush technique and use one color, you will get a single color but with brushes signs, a bit of 3D

Minimize or Exaggerate When something does not convince you, here is the best trick to be used: * minimize: take it out and delete it, minimize the objects and the number of images help make the structure easier to reed and be modeled. * exaggerate: the other way is take this not stylish component and repeat it, use it multiple times, even always. For example you are not sure if a text need to have a Outline color, you can take out the Outline at all minimize(), or make it fat, stronger color and repeat it for multiple text on the composition (exaggerate).

Harmonia and Elegance dont be afraid, is easy, Everything around you can be represented with math, mathematics as convention to explain the world, Music is math based, and Art too. You can compose your images with a math help, use the “guide lines” to see clearly the position of your object on the page, to calculate the empty spaces … and remember Math, Geometry, Perspective, Harmonia and Elegance are all the same thing ! z.B. Leonardo Da Vinci The elegance is into clear lines, so if you use a Vector Program smooth your lines or draw with a smoother plugin activated: Inkscape you can realize this in many ways; for example take the tool -> [ EDIT PATH BY NODES ] ; now click on -> [ Make selected nodes symmetric ] Elegance has few lines, no many particulars, like an Armani suite :P Harmonia is based on the cycle of the objects, how and how many times the object is represented. If there is an object on the left and on the right is empty, that means the emptyness have a meaning, when there is no meaning make full the right side with something that balance the left content. In history of art the idea of composition is always present, every artist use a personal way to do it, but many people use the 3,14 rule, go check how the greek temple were built, how Eisenstein decide the video Editing of “Panzerkreuzer Potemkin”, how Bruno Munari plan his graphics design.

Alice Z Bognetti Probably I will be banned from many Graphics website after this post, cause those tricks and tips are the precious knowledge of who work and study ART || GFX But… you know what? lets support and produce Evolution: OPEN SOURCE, OPEN MIND, NOT COMMERCIAL, SHARE ALIKE !

free fonts

 

nachdem ich auf

http://www.kostenlose-fonts.de

und http://dafont.de/

mal wieder nichts gefunden habe von dem ich sicher war dass ich es fuer kommerzielle zwecke einsetzen darf, habe ich mal mal nach creative commons fonts gegooglet und bin dabei auf folgende interessante seiten gestossen:

neben http://openfontlibrary.org das noch nicht so richtig meine ansprueche an usability erfuellt

gibt es viele private seiten von creative commons begeisterten fontfreaks, zb http://www.designwritingresearch.org/free_fonts.html
 und http://freefontmanifesto.blogspot.com/

von da aus findet man massig seiten von designern die ihre fonts frei ins netz stellen

 

sehr cool ist zb manfred klein:

http://moorstation.org/typoasis/designers/klein03/index.htm

http://moorstation.org/typoasis/designers/klein/index.htm 

und http://manfred-klein.ina-mar.com/

 

"Manfred’s fonts are free for private and charity use. They are even free for commercial use – but if there’s any profit, pls make a donation to organizations like Doctors Without Borders."

apt-get massig schriften!


und nicht vergessen

sudo apt-get install open-font-design-toolkit

 

Whats New in GIMP? Simon Buding speech on LinuxTag 17.Juni.2010

Some of the new features in Gimp 2.6 :

GEGL for desaturation it shows Grayscale modification in real time.

→ color menu → color alpha effect lumakey effect with color selector you can select → [ LOCK Alpha Channel ] to colorize only the visible pixels like a mask

Finally layers Group with a simple right click on the layer name into the layers window

Text edit on image with [ ALT ] pressed you can edit Kerning and Position for the selected text also for singular letters of a text block

Tablet support configure input devices to regulate the pressure dynamics speed control for dimensions dynamic Paint Gradient apply to brushes dynamics

Toolbar → Preferences → Toolbar. Thanks to GEGL add the setup to quick start

CMYK : Separate+ CMYK separations plugin for GIMP [yellowmagic.info] Supports ICC color profiles.

Jeder, der sich schonmal mit GUI-Design beschäftigt hat, stellt sich ja die Frage: Wie sieht sich der Kunde/wie sieht die Allgemeinheit mein Design an? Große Firmen leisten sich natürlich teure Studien, Equipment und Zeit. Wer das nicht gerade zur Hand hat: http://www.feng-gui.com/ Im FAQ kann man sich die Funktionsweise anschauen.

Kurz gesagt, versucht ein Algorithmus die Verhaltensweise beim Betrachten des hochgeladenen Bildes (welches z.B. ein Screenshot einer Website sein kann) zu simulieren.

Das funktioniert meißt recht gut.

heute hab ich an vielen verschiedenen sachen gearbeitet.

erst war fairspaeti meeting, ich habe protokolle gefuehrt und eingepflegt https://kern.brueckenschlaeger.org/projects/trading/wiki/Fairspaeti10062010 und #1857

dann hab ich graziella beraten bei der erstellung von ordnerruecken und role icons. #1833

ich hab an der projektagentur website gearbeitet, die niklas heute auch umgesetzt hat #1837 und die devfunds website entwuerfe ueberarbeitet, das braucht feedback und konzeptionellen input  #1402

 

last but not least hab ich einen putzplan fuers buero erstellt und ausgedruckt, aufgrund eines gespraechs mit andi heute morgen in der kueche.
sollte man mal ausdrucken und nutzen #913

tips fuer inkscape:

 

1. inkscape hat probleme beim exportieren von pdf -

die werden riesig und ausserdem oft fehlerhaft.

Daher vor allem grosse dateien lieber als .ps speichern

und dann ein terminal oeffnen

und mit ps2pdf in ein pdf umwandeln:

 

man gibt ein: ps2pdf dann den pfad der datei und dann den pfad der datei die es erstellen soll

z.B.

ps2pdf /home/ww/Desktop/fairspaeti1.ps /home/ww/Desktop/fairspaeti1.pdf

 

2. NIE vergessen bilder die man importiert hat (png, jpg, etc) einzubetten!!!!!

unter effects (bzw im neuen inkscape extensions) -> images -> embed all images

sonst wird das naemlich nix mit dran weiterarbeiten

ich arbeite heute an der neuen website fuer die projektagentur

 

endlich tu ich heute mal all die buerokratischen dinge die ich immer vor mir herschiebe, wie tickets zu priorisieren und zu aktualisieren oder endlich mal was in diesen blog zu schreiben.

die design abteilung malt halt lieber. :0)

wer wissen will was aktuell wichtige design prioritaeten sind kann das jetzt im meta-ticket gestaltung #988 nachlesen. und im wiki, aber das ticket verlinkt da eh hin.

ich lerne glaube ich aus meiner doofi-praktikantenrolle rauszuwachsen... hab inzwischen nen ganz guten ueberblick was so zu tun ist und fuehle mich langsam tatsaechlich ein bisschen so, als koennte ich es hinkriegen hier die (hoffentlich wachsende?) design abteilung zu koordinieren!

bevor ich hier viel rumlaber lieber noch ein paar nette bilder zum angucken!