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

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

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

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

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

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

Основни # 1: Върнете се към основите с типа

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS в Javascript: Бъдещето на стила, базиран на компоненти

Тази седмица искам да ви запозная с концепцията за CSS в Javascript с Афродита от Khan Academy. Афродита позволява ... medium.com

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

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