6 уебсайта, които използват блестящо илюстрация

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

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

Най-доброто използване на илюстрации онлайн може да се види, когато дизайнерите очевидно са обмислили много как може да работи със - и дори да подобри - съдържанието на сайта или посланието на марката. Ето шест скорошни примера, които ни изумиха с ефективното използване на илюстрацията. (Вижте нашата илюстрация на карта ръководство за създаване на собствени прекрасни карти, които да добавите към вашия сайт.)



01. Студия Отис

6 уебсайта, които използват блестящо илюстрацията: Otis Studios

Тази 3D илюстрация изглежда невероятно в браузъра(Кредит за изображение: Otis Studios)

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

колко струва звукова карта

Създадено от Диви , той се отваря с илюстриран начален екран, в който с груби движения на четката се посочва, че OTIS МУЗИКА, придружен от надраскани мастилени скици на музикални съоръжения, които дори няма да се опитваме да назовем. Истинският удар е как елементите в композицията са подредени в 3D и се движат в отговор на мишката, като оживяват страницата и правят почти невъзможно да не превъртите надолу, за да разберете повече.

как да добавите персонализирана текстура в илюстратора -

02. Хранителният диспансер

6 уебсайта, които използват блестящо илюстрацията: Хранителният диспансер

Съчетанието от визуални активи работи наистина добре тук(Кредит за изображение: Хранителният диспансер)

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

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

03. БЕЗ ПОЛЗ

6 уебсайта, които използват илюстрация блестящо: БЕЗ ПОЛЗА

Този сайт ще ви накара да се замислите за цялата пластмаса за еднократна употреба, която използвате(Кредит за изображение: Хубав и сериозен)

Разумното използване на илюстрация наистина може да помогне бързо да предадете съобщението си и БЕЗПОЛЗЕН , построен от Хубаво и сериозно , върши отлична работа в това отношение. Той използва илюстрация, за да подчертае проблема с пластмасата за еднократна употреба, отваряйки се с порой пластмасови чаши, бутилки и торбички, които се натрупват в долната част на страницата (и които можете да опитате да изместите с курсора), придружени от ужасяващи статистика за количеството пластмаса за еднократна употреба, изхвърляно във Великобритания всяка година.

Разбрахте идеята? Страхотно, защото USELESS има карта на лондонските магазини за отпадъци, както и ръководство за намаляване на ежедневните си отпадъци, с много повече илюстрации, които да ви покажат пътя.

04. Карта на мита, легендите и фолклора

6 уебсайта, които блестящо използват илюстрация: Карта на мита, легендите и фолклора

Защо да използвате карта на Google, ако можете да поръчате изящен художник?(Изображение на изображението: English Heritage)

В онлайн свят, в който е твърде лесно просто да се блъскате в скучна карта на Google, ние обичаме тази красива илюстрирана карта на мита, легендите и фолклора от English Heritage.

как да запазите път в

Това е увлекателно ръководство за някои от историческите забележителности на Англия и завладяващите истории зад тях, показващо малка извадка от 400-те обекта в грижата на английското наследство, както и с местни митове и легенди, както и предстоящи събития в цялата страна. Картата е илюстрирана от изящния художник Клайв Хикс-Дженкинс и целият сайт е съставен от Gravitywell .

05. Искрящо

6 уебсайта, които използват блестящо илюстрацията: Sparky

таблет samsung galaxy s3 черен петък
Тук илюстрациите наистина помагат да се предаде посланието(Кредит за изображение: Sparky)

Искрящо е маркетингова агенция, която обещава да осигури нов набор от очи за мощни марки, които да им помогнат да максимизират моментите, да издигнат опит и да запалят иновациите, а новият му сайт от Ъгъл2 използва илюстрация, за да откара тази точка вкъщи.

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

06. Намиране на ctrl:

6 уебсайта, които използват блестящо илюстрацията: Намиране на ctrl:

Поръчаните илюстрации се смесват с форми на частици на този внимателен сайт(Кредит на изображението: Неста)

След като World Wide Web отпразнува 30-ия си рожден ден през март, а самият интернет излезе за своя 50-и през октомври, Nesta събра Намиране на ctrl: , книга за онлайн визии за интернет инициативата на Европейската комисия от следващо поколение. Това е колекция от есета, разкази, поезия и произведения на изкуството от над 30 сътрудници, адресиращи въпросите откъде сме дошли и къде отиваме по-нататък?

Това е тежка тема и е направено по-привлекателно благодарение на сайт, създаден от ToyFight което включва илюстрации и базирани на частици 3D обекти, за да зададе тон за всяка статия и да осигури визуален интерес.

Свързани статии: