5 съвета за смесване на снимки и илюстрации в един дизайн
Готови ли сте да поемете дизайнерски риск? Опитайте да смесвате снимки и илюстрации в същия дизайнерски проект. Ръчно нарисуван елемент може да добави причудливост и интерес към дизайн, който включва фотография. Обратно, една снимка може да направи илюстрирания по-лек дизайн да изглежда по-реален или важен.
Тази техника може да бъде малко трудна за представяне, докато не видите няколко примера как може да работи красиво. Днес разглеждаме тази тенденция и предоставяме съвети и примери, които да ви помогнат да развиете творчески начини да излезете със собствен дизайн.
1. Използвайте илюстрации като акценти на потребителския интерфейс
Може да включвате илюстрирани елементи в дизайна през цялото време и дори да не мислите наистина. Много елементи на потребителския интерфейс често се илюстрират по някакъв начин. Те не са непременно в стила, нарисуван ръчно, но имат по-малко тактилен и повече „уеб бутон“ вид.
Вдигнете това, ако искате да изпробвате ръчно нарисуван ефект. Или помислете дали да използвате скица като знак за акцент.
WittyCookie по-горе използва комбинация от илюстрации и видео в стил герой, за да вкара потребителите в дизайна. Началната страница (не е показана) има илюстрация. Хубавото е елементът на причудване тук. Ръчно изтеглените елементи „висят“ от видеоклипа. Резултатът кара сайта да се чувства по-малко като терена на продажбите, за да работите с агенцията и по-скоро да се забавлявате заедно.
Концепцията е интересна и не надмогваща. И най-добрата част? Това е забавен начин да създадете визуален интерес, когато нямате приятен каталог с изображения или видео, с които да работите.
2. Илюстрирайте първо
Ако илюстрацията е първият ви инстинкт, когато става въпрос за проект, начертайте първо този контур. Скицирайте илюстрираните части и вижте къде отива дизайна, преди да добавите снимки или видео елементи.
Това е пътят, извършен от конференцията, направена по-горе. Сложните илюстрации в целия дизайн са впечатляващи и включват ниво на детайлност, което всеки дизайнер може да оцени. Точно под образа на героя е видеоклип с контур със сцени от конференцията. Това, което прави този малък, но истински елемент, е да покаже, че това е събитие на живо. Сдвоете това с невероятните изображения и просто искате да се регистрирате, за да видите за какво става въпрос. Атмосферата на конференцията изглежда забавна и хип благодарение на илюстрационната видео двойка.
Има и друг маршрут, когато мислите да започнете и с илюстрация. Начертайте невероятно фоново изображение за дизайна. Това е забавен начин да постигнете точно това, което искате във фонов режим, без да разтърсите предварително направени изображения.
Един Happy Camper, по-горе, прави това по интересен начин с комбинация от илюстрирани фонови панели, обикновени бели фонове и дори черно-бели фонове за снимки. Промените във фона ефективно сигнализират за промяна на съдържанието и нова информация за потребителите, които изследват този детски лагер.
3. Използвайте илюстрации като типография
Когато нямате много страхотни изображения, с които да работите, смесете илюстрации по същия начин, по който може да играете с типография. Въпреки че концепцията ви звучи странно, помислете за това за минута: Кокетната илюстрация може да добави акцент към видео или снимка. Може да подчертае това, което искате потребителите да знаят.
Achrival, по-горе, прави това по интересен начин. Илюстрованият „танцуващ“ A служи като лого на агенцията и привлича по-голямо внимание към краткия видео цикъл. Без него може просто да минете покрай изображенията, без да спирате. Но е достатъчно различно, за да ви привлече по същия начин, както би могъл заглавието.
4. Помислете за илюстрирани анимации
Независимо дали илюстрациите са рисувани на ръка или на компютър, те предоставят чудесна възможност за включване на проста анимация. От навигационни инструменти до забавни дивоти, които ангажират потребителите, анимирана илюстрация може да бъде информационна, неочаквана и забавна.
Не искайте да прекалявате с анимации. Дръжте ги прости и целенасочени. Всяка анимация трябва да има цел за потребителя - връзка, посока за насочване или изненада, която ги интересува.
Може да не очаквате това лечение от група за финансово планиране, но Тейлър Мад, по-горе, използва комбинация от илюстрирана анимация и фотография красиво. Илюстрираните части от изображенията, направени финансово планиране, изглеждат малко по-малко плашещи и помагат на потребителите да преминават през пътеки за щракване.
Илюстрациите също запълват цвят, където уебсайтът не достига други изображения, а крайният резултат е сплотен дизайн, който е забавен, ангажиращ и лесен за използване.
5. Разкажете история
Когато става въпрос за смесване на реални и илюстрирани изображения, най-добрите комбинации ефективно разказват история. Визуалното съответства на настроението на съдържанието и се чувствате като част от идентичността на марката.
Използването на тази техника може да работи за еднократни приложения, но често е интегрирано с по-пълна стратегия за брандиране. Вижте сладкарница за цветя на конус, по-горе. Логото е илюстрирано. Дизайнът на уебсайта използва предимно илюстрирана история, за да настрои правилното настроение и да насърчи потребителите да продължат да учат за марката. И точно когато искате, има снимка, която да попълните заготовките. Дизайнът е невероятно прост и се фокусира върху самата история, а не върху техниките, използвани за нейното създаване.
В другия край на спектъра е Kuoz, портфолио, със смесица от изображения и илюстрации. По подобен начин миксът помага да се разкаже история за това кой и какво е Kuoz, докато показва проекти. Погледнете отблизо групите, за да разберете защо този дизайн работи, без да се чувствате претрупан или претрупан. Изображенията и илюстрациите са свързани с подобни цветови схеми, така че всяко разположение да се чувства умишлено и хармонично.
Това наистина е ключът към смесването на изображения и илюстрации: те трябва да изглеждат умишлено. Те трябва да се появяват в хармония. Те никога не трябва да изглеждат като куп елементи, залепени на страница.
заключение
Достатъчно смели ли сте да поемете тази тенденция в дизайна? Въпреки че техниката може да изглежда невероятно, тя е плашеща и може да бъде трудно да се продаде на клиент.
Донесете няколко примера за работа, която добре използва ефектите, за да покажете на другите какво можете да направите. Скицирайте някои от илюстрациите предварително, за да помогнете за по-нататъшната продажба на дизайнерската концепция. И не забравяйте да разкажете история, която ангажира потребителя!
