Първото нещо което трябва да имате преди всичко това е ТАЛАНТ! и поне малко художествен усет. това няма от къде да го научите, няма туториали за това, няма книжки - или го имаш или го нямаш.

След това трябва да научите софтуера с който се работи - една растерна и една векторна програма.
Растерната програма която можете да научите е Adobe Photoshop. който ми спомене за GIMP просто става много смешен..
За векторните програми имате избор - Adobe Illustrator и CorelDRAW.
за тях всичко опира до личен вкус. аз лично работя с Adobe Illustrator, понеже лесно се интегрира с другите продукти на Adobe. а и е някак си по-добре направена като функции.
Другото което трябва да знаете ако работите специално за УЕБ е (x)HTML, CSS, JavaScript,Ajax - и Adobe Flash+ActionScript ако се занимавате с анимация за уеб.

А сега идва съществената част на темата.
ДИЗАЙНА.

ще започнем с дизайна на логото.
всеки пуска теми от сорта на : “вижте ми логото”, глейте какво лого направих” и прочие. като съдържанието им на темите и творбите им е всичко друго но не и лого.
Даже самата дума лого е много грешна. Има Запазен знак и Логотип. за жалост думата лого се е разпространила прекалено много и е станала обединяваща за тези две понятия, колкото и грешно да е това.
Ето разликата - Запазен знак е графично изображение което се свързва с идеята на фирмата или продукта. веднага мога да ви дам и пример - знака на Adobe

като не броите надписа отдолу. не е задължително да го има.

Знакът/логото трябва да е изчистено като визия , да е с прости цветове(не хиляда и един ефекта) и при всякакво намаление да е четимо и видимо.

като веднага правя забележката!
ТОВА НЕ Е ЛОГО!

ТОВА Е ХЕДЪР!

има огромна разлика.
Логото също в началния си стадии трябва да се представи в два цвята - черно и бяло.Като цяло дизайна на едно лого трябва да се ограничи максимум до 3 цвята и да не се раздробява на много части.
Идеален пример е знака на Apple - всички като го видят зная за какво става дума.
Когато някой ви поръча да направите лого трябва задължително да го изготвите във векторна програма. не знаете просто за какво може да го ползват. може да разпечатат на документ , но може да направят плакат с размер 10 на 10 метра.
и смятайте едно лого каквито представяте вие как ще изглежда…
Логотипа е близко като понятие го знака - разликата е че логотипа е графика която е изградена от шрифт, който се обработва и авторизира.
Отново се бачка във векторна програма.
Голям източник на вдъховение е сайтът http://logopond.com/

Дизайнът на печатните материали (флаери, плакати,опаковки и прочие) също се работи във векторна програма в CMYK палитрата.
Там вече работата е друга. имате пълна свобода на действие като се ограничавате единствено от уменията си и предпочитанията на клиента. няма какво да ви говоря всички сте виждали плакати , опаковки и т.н.

И така стигаме до дизайнът за УЕБ.
Това което се опитвате да правите и го правите по един шаблон, който обаче не е никак успешен.
1. дизайнът на един сайт трябва да е обвързан с идеята на сайта. трябва да знаете също и какъв тип сайт правите, понеже всеки вид сайт си има определена специфика на външния вид.
Примерно един дизайн на портален сайт е с изчистен дизайн, като се набляга малко на графиките и повече на информацията.
Това обаче е много обширна тема за видовете сайтове а имам да пиша още , пък вече почват да ме болят пръстите…
2. колкото и да обичате някои цветове когато ви дадат поръчка трябва да се абстрахирате от това което на вас ви харесва.Като цяло цветовата гама на един сайт никога не трябва да е прекалено голяма, да е много фрапираща или пък прекалено бедна и скучна.
3. Мислете как можете да изстискате максималното от идеята на сайта и да го направите уникален като визия. ако трябва разгледайте визии на подобни сайтове за да видите на какво се набляга. след това седнете и си го нахвърлете с моливче на едно листче. просто като скица да го имате да знаете какво правите, да имате идеята. това много помага, вервайте ми. Правете дизайните по раздвижени, не се ограничавайте в някакви рамки.
4. мислте как евентуално дизайна ще се кодира после. може да направите като визия убийствен дизайн, но дали така лесно ще се кодира?! помислете също и за резолюцията. на вашия монитор може да стои добре но помислете за хората с по-големи или по-малки монитори. макар че най-малките и често ползвани сега са 15 инчовите - все пак мислете за това. старайте се да правите еластични дизайни които еднакво добре да стоят под всички резолюции.
5. не забравяйте ползваемостта на сайта - дали навигацията в сайта е простичка и дали потребителя лесно ще се ориентира. също така си дайте сметка и колко време ще отнеме зареждането на сайта. обикновенно никой не обича бавно зареждащите сайтове. чакат максимално до 1-2 минути и ако не се зардеи до толкова всеки бяга. даже и това е много.
6. наблягайте на детайлите. не правете всичко прекалено дребно или прекалено голямо все пак. това зависи и от идеята на сайта но за да си личи че е правено с мисъл и професионално, че е търсено като визия трябва в дизайна ви да има детайли.
7. Избягвайте ползването на готови четки (което вие така усърдно ползвате). ползвайте стандартни четки и по малки готови. можете да ги ползвате , но като помощно средство , а не като начин за изграждане на дизайна на сайта.
8. в дизайна трябва да има и шрифтова култура. за менютата не ползвайте някакви ефектни шрифтове. няма смисъл, а и така се ограничавате в менюто и се задължавате менюто да ви е на картинки. ползвайте системни шрифтове като Verdana, Tahoma, Mydraid Pro.
когато просто искате да видите как ще стои текста в лейаута изписвайте го в режим None.

Ми това е което се сещам сега. ако има нещо друго което се сетя ще го допиша.
Надявам се да оцените труда ми и дано съм ви помогнал поне малко.
Разбира се ако просто нямате дизайнерско мислене колкото и да четет и да се учите никога няма да постигнете нещо велико.

Същата тема съм пуснал в bg-best.info и arows.net