Преди да успеете да овладеете дизайна, първо трябва да овладеете основите

Миналата седмица един от моите читатели изпрати въпрос: Как да стана по-добър визуален дизайнер?

Докато обмислях как да отговоря на този въпрос, съзнанието ми се скиташе на моя опит с изучаването на китайски мандарин. Наскоро реших да се обуча на мандарин. Когато става въпрос за изучаване на нов език, първо трябва да започнете с основите. Съществителните имена, местоимения и глаголи са основа за предаване на по-сложни идеи.

Езикът е начинът, по който хората предават понятия един на друг. Визуалният дизайн е визуален език. И ученето на визуален дизайн не се различава от изучаването на нов език.

Добрите визуални дизайни не се раждат. Те са направени. Ключът към по-добрия визуален дизайнер е строгостта. Ще се подобрите като визуален дизайнер само ако положите съзнателно усилие.

Ето някои основи, които трябва да овладеете, за да можете да пренесете визуалния си дизайн на следващото ниво.

Основен №1: Върнете се до основите с тип

Можете да разкажете много за дизайнер, като разгледате тяхната типография. Това е така, защото типът е основна основа за дизайна.

Въведете като изображения

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

Разработете речник за описване на типа. Научете какво означават термини като проследяване, кернинг и водещи. Статията „Красиво илюстриран речник на типографските термини, които трябва да знаете“ е чудесен визуален ресурс за изучаване на тези термини.

След това, ако искате цялостно разбиране за това как да прилагате типография в мрежата, прочетете уеб типография: Елементите на типографския стил, приложени към мрежата.

Сдвояването на шрифтове може да направи или да разруши дизайн

И накрая, научете как да сдвоявате шрифтове заедно. Чудесен ресурс за това са FontWolf и FontPair. Възможността да се сдвояват шрифтове заедно ще промени драстично динамиката на вашия дизайн.

За по-задълбочено изследване на типографията можете да прочетете моята статия: Типографията може да направи вашия дизайн ... Или да я счупите.

Основен # 2: Използвайте пространство, за да създадете баланс

Разстоянието помага да се установи вертикално и хоризонтално движение във вашите дизайни. Той е основен за създаване на визуална йерархия и формиране на връзка между елементите.

Създайте баланс и визуална хармония

Винаги можете да разгледате сайтове като Behance и Dribbble за вдъхновение за това как да направите космически елементи. Но е важно да развиете собствената си интуиция за използване на пространството, за да създадете баланс и визуална хармония.

Когато изучавате типография, може би сте забелязали значението на разстоянието по тип. Настройката на кернинга и водещите за шрифтове е чудесно упражнение за развиване на окото ви за разстояние. Поради тази причина ви препоръчвам да опитате KernType, игра, в която сравнявате решението си за кернинг с решение на типограф.

Опростяване на награден плакат от Крейг Уелс

Друго упражнение, което ще помогне да развиете окото ви, е следното: Направете съществуващ дизайн, нарисувайте х и у ос, опростете дизайна в основни форми, анализирайте как дизайнът е балансиран и след това пренаредете елементите. Обърнете внимателно как отрицателното пространство влияе върху баланса на елементите.

Основен # 3: Използвайте размер, за да установите визуална йерархия

Когато става въпрос за създаване на визуална йерархия, оразмеряването е на второ място. Използвайки размер за предаване на визуални връзки между елементите, можете да установите поток.

Оразмеряването е една от причините, поради които мрежите са полезни

Оразмеряването е една от причините, поради които мрежите са полезни. Можете да използвате решетките, за да ви помогнат да размерите елементи, като използвате съотношения, за да предадете важност.

След като определите размер за даден елемент, запазете го един и същ във всички негови инстанции. В дизайна последователността е кралска.

Използвайте размер, за да установите визуална йерархия

Ето едно упражнение, което ще ви помогне да развиете окото си за оразмеряване.

Ключът е да поискате обратна връзка.

Скица или телена рамка на целевата страница. След това помолете приятел да разгледа вашия дизайн. Накарайте ги да кръжат елементите, които се открояват най-много. След това ги накарайте да преброят кръговите елементи въз основа на визуалната тежест. Резултатите очаквани ли сте?

Когато правите това упражнение, имайте предвид следните въпроси:

  • Каква е целта за реализация на целевата страница? Как можете да оптимизирате, за да постигнете целта си?
  • Каква е връзката между различните елементи? Какви елементи искате да подчертаете?
  • Вашето оформление успешно насочва погледа на потребителя през страницата?

Основен # 4: Използвайте цвят, за да предадете смисъл

Цветът играе много роли. Той предава смисъл, създава емоционален резонанс и носи единство на дизайните.

Цветът помага да се предаде смисъл в дизайна

За дълбоко гмуркане в цвета можете да прочетете моята статия Проектиране в цвят. Ето няколко основни точки от статията.

  • Определете целта на вашия дизайн, преди да изберете цветова палитра. Добрият дизайн подравнява цветовата му палитра с нейното предназначение.
  • Определете аудиторията си. Хората възприемат цветовете по различен начин. Цветовете имат различни ефекти върху хората въз основа на техните лични предпочитания, културно възпитание и опит.
  • Когато избирате цветова палитра, простотата е ключова. Изберете неутрален цвят на фона. След това изберете първичен и вторичен цвят за акцент. Накрая, въз основа на вашите други цветове, изберете цвят на грешка и успех за различните си потребителски интерфейси.

След като добре се запознаете с основите на теорията на цветовете, цветът се свежда до експериментиране и итерация. Активно опитайте да излезете от зоната си на комфорт и опитайте нови цветови палитри.

Филмите и предаванията са чудесен източник на цветно вдъхновение

Ето едно упражнение, което ще ви помогне да развиете окото си за цвят.

Прекарвайте време за компилиране на цветни палитри за неща около вас, като снимки, списания и любимите ви предавания. След това вземете съществуващ дизайн и приложете към него нови цветови палитри.

Обърнете внимание как променя настроението и тона на дизайна. Променя ли и значението?

Отнасяйте се към работата си като към занаят, тъй като винаги има нещо, което можете да подобрите. Разчитайте на себе си, за да бъдете мотивацията да станете по-добър дизайнер.

Какви сте стратегии за подобряване като дизайнер? Оставете ми бележка или ми изпратете туитър в Twitter.

Ако ви хареса тази статия, може да се насладите и на CSS в Javascript с Aphrodite, библиотека на Khan Academy.

Можете да ме намерите в Medium, където публикувам всяка седмица. Или можете да ме последвате в Twitter, където публикувам нечувствени разправии за дизайн, разработка на предния край и виртуална реалност.

Послепис Ако ви хареса тази статия, това ще означава много, ако щракнете върху и споделите с приятели.