Как да направите вашия не толкова страхотен визуален дизайн по-добър

„Как да се подобря във визуалния дизайн?“

Този въпрос възниква много. Обучавам и наставлявам много студенти по продуктов дизайн, като преподавам за Академията на изкуствата в Сан Франциско, преглеждам за прегледи на портфолиото на AIGA, хоствам стажанти във Facebook и т.н.

Има мост от перспективата на студента към перспективата на професионалиста. За повечето това е гарантирано, че е смесица от страх и вълнение и любопитство, изпълнено с много въпроси.

„Какво ще се случи, когато изляза?“

"Какви дизайнерски задачи са там?"

"За какво може да съм подходящ?"

„Ами ако не си намеря работа?“

"КАКВО АКО НЯМА РАБОТА?"

„Какво мога да направя сега, за да се подготвя?“

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

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

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

Концепция за дизайн на приложение за близо пространство от Джон Лий

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

Каква е вашата йерархия на типа?

  • Одитирахте ли стиловете си? Виждам две обвивки (Title Case и UPPERCASE), най-малко три различни по размер размери, два цвята от типа, центрирани и отляво подравнени.
  • Какви стилове принадлежат с хедъри? Кои от тях за бутони? Кои от тях за копие на тялото? За метаданни?

Какви модели използвате?

  • Виждам текстови бутони с два размера, две височини на бутоните, две обвивки и три цвята, виждам и бутони с икони.
  • Виждам два различни стила на списъка. Още един ясно се отнася до съществуващите модели на откриване (снимка с име на фирма, категории и рейтинг на звездата) и един, който прилича на телена рамка (Последни публикации).
  • Каква е разликата между бутоните и списъците? На страницата „Профил“ картите, бутоните и списъците използват същия бял фон със сив контур. Трябва ли да са различни?

Как това се сравнява със съществуващите или установени модели?

  • Ако изборите са превключватели, могат ли те автоматично да се включат? Необходими ли са отмяна и кандидатстване?
  • Назад същото ли е като Отказ? Дали X в горния десен ъгъл е достатъчен?
  • Виждам, че има бутон за нулиране без приложени филтри. Необходимо ли е в това състояние? Може ли да се приложи замяна Reset?
  • Трябва ли долната навигация да остане в тази част от опита?
  • Продуктите в една и съща вертикала имат успоредни модели? Някой от тези полезни ли са?

Какви са вашите маржове и правила за подплънки?

  • Виждам минимални маржове на екраните на Nearby и Profile; Филтърът има много по-щедри маржове.
  • "Y" в Nearby в долната част на навигацията почти докосва ръба на екрана.
  • Каква е вашата мрежа?

Ясни ли са вашите икони?

  • Виждам една икона на седалката и струпвания от 3 и 6. Това ли е броя на седалките или приближение или обхват? Ще има ли по-добър начин да го представим? Това е еквивалент на „полезно за групите“? Има ли друг начин да покажа това?
  • Защо няма емблематичен еквивалент на обратното на изхода? Ако нещо не е важно, защо трябва да посочите тази липса на значение; първоначалните резултати не включват ли всички налични опции?
  • Пай означава ли пай? Или десерти? Или храна? Означава ли чашата напитки? Бихте ли предположили, че всяко място за храна сервира и напитки? Има ли по-добри групировки тук?

Колко последователни са вашите дизайнерски избори?

  • Виждам разстояние с помощта на падащо меню, докато други избори за филтриране са бутони.
  • Някои бутони съдържат икони, а други съдържат текст.
  • Едната икона използва перспектива, а другата не. Иконата на wifi има най-дебелите линии; изходът най-тънък. Някои са пикселирани; някои не са. Някои са черни; някои са сиви.
  • Повечето карти и бутони използват един и същ модел: радиус на ъгъла, очертания, цветово запълване, тип. Прекалено последователни ли са?

Трябва ли всичко на екрана да е там?

  • Виждам разделител над полето за търсене и разделители при всеки избор за наличност.
  • Виждам едно използване на цвета зелен.
  • Виждам и икони, и текст в навигацията. И двете са необходими?

Как бихте определили вашата цветова палитра?

  • Палитрата е доста заглушена. Тона е топъл, с изключение на по-ярко зелено копче. Имате ли правила какво да използвате къде?

Правилни ли са вашият правопис, граматика и пунктуация? Обмисляли ли сте стратегия за съдържание?

  • Запознат съм с Nearby и Profile в долната част на навигацията; какво означава Add? Добавете какво?
  • „Наличността“ е написана неправилно.
  • Необходима ли е думата наличност?
  • Как се чете потокът от страницата (било то чрез думи или визуализации)? Заглавието на страницата ви е Филтър, а заглавките на секциите ви са Разстояние, Наличност на местата, Наличност на Wifi, Наличност на изхода и Наличност на храни / напитки. Как бихте описали какво можете да направите на тази страница на приятел? Те са конструирани в правилната йерархия? Правилно ли са наречени?

Как ще се преведе това на друга платформа?

  • Ако сте проектирали това за устройство с Android или за десктоп, ще вземете ли същите решения по-горе? Какви дизайнерски решения бихте взели по различен начин?

Как да се подобря във визуалния дизайн?

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

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

Ira Glass има фантастична перспектива в това:

„Никой не казва на хората, които са начинаещи - и наистина ми се иска някой да ми е казал това - е, че всички ние, които се занимаваме с творчество… влизаме в това, защото имаме добър вкус. Но като че има празнина, че за първите няколко години, в които правите неща, това, което правите, не е толкова добро, нали? Не е толкова страхотно Наистина не е толкова страхотно. Опитва се да бъде добър, има амбиция да бъде добър, но не е чак толкова добър. Но вкусът ти - нещото, което те вкара в играта - вкусът ти все още е убийствен, а вкусът ти е достатъчно добър, за да можеш да кажеш, че това, което правиш, е някакво разочарование за теб, знаеш ли какво имам предвид? “

Ако имате вкус и този вкус ви подсказва, че имате място за усъвършенстване, можете да подобрите вашия визуален дизайн. Как?

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

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

Практикуваш.

Преглеждате уебсайтове и приложения и Dribbble за отлична дизайнерска работа и не ги копирате, но се питате защо работи това? Вие търсите отговори.

И вие практикувате.

Вие показвате работата си на хора, които вече имат чувствителността - уменията за визуален дизайн, и слушате въпросите, които имат за вашата работа. (В случая на Джон, това е точно това, което той направи в нашата критика във Facebook дизайн.) Мислите за намерението си зад тях и намирате своите отговори.

И си задавате въпроси като тези, през които току-що преминахме.

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

Обратната връзка и менторството могат да бъдат много сходни; най-доброто развитие обикновено идва от задаване на въпроси и насоки, а не от предписване.
Подобрението изисква практика. Доказаната способност да се изпълнява отново и отново е това, което дава на учениците тази първа дизайнерска роля, а след като тази първа роля бъде кацната, това е самосъзнанието и напредъкът, които насочват към траекторията на растеж.