() translation by (you can also view the original English article)
Mnozí z nás umí vytvořit něco, co vypadá dobře ve Photoshopu nebo atraktivně, když to spojíme do CSS, ale chápeme ve skutečnosti teorii designu, která se skrývá za tím, co vytváříme? Teorie je chybějící článek pro mnoho neškolených, ale jinak talentovaných designérů. Zde je 50 výborných lekcí teorie grafického designu, aby vám pomohli pochopit "Proč", ne pouze "Jak".
Poznámka: Tento článek byl aktualizován a nefunkční odkazy byly odstraněny
-
2. Pět jednoduchých kroků pro lepší typografii
"Druh typografie o které mluvíme není vaše typická "Jaký font bych měl použít" typografie, ale spíše "znát interpunkci a pomlčky" typografie."
-
3. Typografické tipy pro studenty designu
"Jakou základní typografickou radu byste dali studentovi třetího ročníku? S velkým zájmem čtu komentáře a zde jsem vybral pár nejvíce užitečných typografických tipů."
-
4. Terminologie písma
"Rozsáhlá kolekce termínů a definicí, které se vztahují k typografii."
-
5. Jak párovat fonty?
"Vždy dojde k finálnímu rozhodnutí. Normálně se párování provede tak, aby byl vytvořen kontrast, takže jak DavidR zdůrazňuje, dobré obecné pravidlo je nevybírat dva fonty, které jsou si tak podobné, že je nerozlišíte na první pohled."
-
6. Naučit se typ
"Existuje trochu více termínů týkajících se typografie. Snad vám tento článek pomůže porozumět více světu typografie."
-
7. Návod na webovou typografii
"Dnes budeme mluvit o webové typografii a čtyřech základních ingrediencích. Jestli jste někdy zkusili udělat suflé, víte jak důležitý je recept. Pracujte podle následujícího receptu a vaše typografie nakyne jak... už dost kuchařských metafor, jdeme vařit."
-
8. O výběru typu
"V základu, neseme dvojí zodpovědnost: nejdříve vůči čtenáři, neztěžovat, ale zlehčit mu čtení; a potom máme zodpovědnost vůči písmu nebo písmům, které použijeme."
-
9. Kdo zastřelil serifa?
"Dobře, co objevíte, je to, že když se naučíte pouze trochu o terminologii, budete mít více ocenění pro psaní; také vám to pomůže v identifikování různých typů písma a fontu - a to vám vzápětí pomůže dělat lepší, více informované volby o fontech, které použijete."
-
10. Mistrovská typografie na web: 8 detailních typografických tipů pro web
"Jedna z nejvíce podceňovaných částí krásného web designu je umění typografie. Z části je to způsobeno nedostatkem kvalitních fontů, podporovaných webovými stránkami. Ale nebojte se! Dnes jsem vám ukážu některé skvělé tipy, které můžete použít, abyste vypadali jako mistři písma."
Typografie
Design založen na mřížce
-
11. Designování na základě mřížky
"Hlavní myšlenka mřížkového designu je solidní visuální a strukturální vyvážení stránek, kterého tím dosáhnete."
-
12. Sloupce a mřížky
"Jedním velkým problémem při práci s mřížkou ve webdesignu je to, že často nemůžete ovlivnit vertikální rozměry. Často je váš obsah dynamický, takže to nejlepší co můžete udělat je přibližné."
-
15. Rozvržení založeno na mřížce
"Mřížka je technika která vychází z designu tisku, ale jednoduše může být použita i na webdesign. Ve své přesné formě je mřížka doslova mřížkou o X na Y pixelech."
-
16. Pět jednoduchých kroků pro design systému mřížky
"Existuje pár termínu, které se zmiňují, když se mluví o typografii. Snad vám tento článek pomůže porozumět více světu typografie."
-
17. Mřížky: Pořádek z chaosu
"Mnoho stránek, které vidíte každý, den má mřížku Nevidíte ji, ale je tam, drží design udržuje strukturu, vede prvky stránky."
-
18. Design založen na mřížce 101
"Všichni designéři (webů, tiskovin, atd.) konstantně čelí problémům struktury jejich designu. Designéři webů se čím dál víc přiklánějí k mřížkám, aby kontrolovali strukturu webových stránek, mřížky měly rozsáhle využití i v jiných médiích."
-
19. Design založen na mřížce: Šest kreativních technik se sloupci
"Systém mřížek vnáší do stránek strukturu a vyvážení. Nástroj mřížky je užitečný pro organizování a prezentování informací. Správně využitý, mohou obohatit zkušenost uživatele vytvořením předvídatelného vzorku, který bude uživatel následovat."
Teorie barev
-
1. Teorie barev
"Teorie barev zahrnuje velké množství definic, konceptů a návrhů aplikací. Veškeré informace by zaplnily několik encyklopedií. Jako úvod je zde několik základních pojmů."
-
22. Teorie barev: Přehled
"Pokud jste zapojeni do tvorby nebo designu vizuálních dokumentů, pochopení barev vám pomůže při jejich použití v tvorbě."
-
24. Základní barevná schémata - Úvod do teorie barev
"Barvou můžete navodit určitou náladu, přilákat pozornost nebo udělat prohlášení. Můžete použít barvu k povzbuzení nebo naopak schlazení. Výběrem správné palety barev, můžete vytvořit atmosféru elegance, tepla a klidu nebo hravé mladistvosti."
-
25. Profesionální barevné kolo - Podívejte se na teorii barev v akci
"Teorie barev je sadou principů, použitých k vytvoření harmonické kombinace barev. Vztah barev může být vizuálně reprezentovat kruhem barev, barevné spektrum zabalené do kruhu."
-
26. Psychologie barev
"Barvy mají často různé významy v rozličných kulturách. Dokonce i v západní společnosti se v průběhu let význam barev změnil. Ale v USA, vědci zjistili, že následující je docela přesné."
-
27. Jaký dopad mají barvy na naši náladu, pocity a chování
"Vnímání barev je víceméně subjektivní, existují barvy, které mají univerzální význam."
-
28. Informace použité k designu grafiky: Psychologie barvy
"Použito na webdesign, psychologie barev může nabídnout tepelnou mapu; informativní alternativa nevýraznému blogu archivovaných záznamů."
-
29. Jak nás barva ovlivňuje?
"Barva je světlo a světlo je energie. Vědci zjistili, že psychologie člověka se mění, když je vystaven určitým barvám. Barvy mohou stimulovat, vzrušovat, deprimovat, zklidnit, zvýšit chuť a vytvořit pocit tepla nebo chladu."
-
30. Psychologie barvy v marketingu
"Barvy nejen zlepšují vzhled položky – také ovlivňují naše chování. Uděláte dobře, když zvážíte jaký dopad budou mít vámi použité barvy na vaši cílovou skupinu."
Teorie designu
-
31. Principy designu
"Principy designu doporučují efektivní a příjemné způsoby uspořádání textu a grafiky na stránce, stejně jako uspořádání jednotlivých prvku v kresbě, logu a celkového grafického designu dokumentu."
-
32. Základy grafického designu
"Pochopte lépe základy grafického designu studiem prvků a principů grafického designu, který mění efektivní design a rozložení stránky."
-
34. Chcete umět designovat? Naučte se základy.
"Základní prvky designu zahrnují barvu, čáru, tvar, velikost, prostor, textury a hodnoty. To jsou základní stavební prvky, které tvoří všechna díla."
-
38. Základy grafiky, 1. velká rána
"Mnoho z hlavních zásad grafického designu bylo obejito a výsledky nejsou takové, jaké by mohly být. V této krátké sérii, bych chtěl vyplnit některé z těchto mezer a poskytnout lepší porozumění o čem všem to je."
-
39. Historie grafického designu a jeho cílová skupina
"Trvat na tom nebo předurčovat, jak by měla být historie designu jakkoli učena zbytečně limitující metodiku i pedagogiku."
-
40. Hledání etiky v grafickém designu
"Předkládám tento text jako rozšíření k existující publikaci AIGA o etice, která momentálně obsahuje sekce o naši zodpovědnosti vůči profesi a našim klientům."
UI & použití
-
41. Výzva do akce: Tlačítka
"Tlačítka vyzývající k akci jsou důležitým nástrojem pro uživatelskou zkušenost v designerově krabičce triků. V tomto článku, vám řeknu pár tipů, jak je udělat efektivní."
-
42. Kompletní průvodce začátečníka informační architekturou
"Druh typografie o které mluvíme není vaše typická "Jaký font bych měl použít" typografie, ale spíše "znát interpunkci a pomlčky" typografie."
-
43. Pár příkladů z použití v opravdovém světě
"Během dne pracujeme s takovým množstvím objektů, že si často ani neuvědomíme, jak někdo přemýšlel o tom, jak ty objekty použijeme."
-
44. 12 užitečných technik pro dobře navržené uživatelské rozhraní
"Mezi dalšími věcmi, vyzdvihneme vložené video, speciální ovládací prvky a kontextovou navigaci. Také doporučujeme designérům deaktivovat stisknutá tlačítka, použití stínu kolem oken a odkaz na registrační stránku z přihlašovací stránky."
-
45. 10 užitečných technik k vylepšení vašich uživatelských rozhraní
"Web design obsahuje, z největší části, uživatelská rozhraní. Existuje mnoho technik pro vytvoření krásného a funkčního rozhraní."
-
48. Evangelizace UX napříč celou organizací
"Tato edice Ptejte se na UX-Záležitosti diskutuje, jak komunikovat a prodávat UX zprávy na všech úrovních organizace. Naši odborníci sdílejí jaké strategie a taktiky pro evangelizaci UX u nich fungovala."
-
49. Uzavření mezery použitelnosti, věk
"V tomto příspěvku budeme diskutovat o věcech které dělí generaci Y od starší a jak můžeme vytvořit skvělou uživatelskou zkušenost pro obě skupiny."
-
50. Zvýšení použitelnosti pomocí zpětné vazby
"Tento příspěvek nabízí způsob, jak vylepšit použitelnost vaší stránky, založený na zpětné vazbě. Tyto metody a programy vám je pomůžou shromáždit a konat na jejich základě."
