5 тенденции за оформление на уебсайтове от 2015 г. досега

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

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



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



01. Разделени екрани

Оформлението на разделения екран разполага с вертикално разделяне, което може да представи два елемента. Причините за този тип оформление са двойни:

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

Уебсайтове, включително Пикселиращи битове вече забелязахме тази тенденция и по-долу има два отлични примера за дизайн на разделен екран:



Дюи

Dewey's Pizza използва разделен екран с централна лента с менюта

Peugeot илюстрира настоящия си лозунг с разделен екран

Peugeot илюстрира настоящия си лозунг с разделен екран

02. Блокови решетки

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



Първият пример по-долу е за „Greats“, компания, която предлага мъжки обувки предимно чрез своя уебсайт. Уебсайтът функционира като витрина или каталог и тъй като всички обувки имат еднакво значение, мрежата е в равни блокове.

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

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

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

Неравномерните блокове дават приоритет на едно изображение

Неравномерните блокове дават приоритет на едно изображение

03. Без хром

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

как да рисувате от референтна снимка

Чрез премахването на всички тези разсейващи фактори се постига приятен чист ефект, а менютата и връзките са незабележимо поставени на страницата без контейнери. Освен това, никакви граници, горен колонтитул или долни колонтитули не изтеглят окото от желания фокус. Ето два примера за сайтове без никакъв хром, както е посочено от WebDesignerDepot .

Няма нежелани

Тук няма нежелан „хром“, просто информация за контакт и бургер от менюто горе вдясно

Все още можете да имате информация, менюта и галерия без излишен хром, както доказва Браун

Все още можете да имате информация, менюта и галерия без излишен хром, както доказва Браун

04. Оформление на един екран

Освен разделените екрани, (иронично) единичните екрани излязоха на преден план и през 2015 г. Това са некрасени екрани, които имат вид на телевизионен екран или начално изображение в стил списание, често включващо свитък за „отваряне“ на сайта.

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

05. Голям фон / паралакс

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

Този смел фон не отвлича вниманието от предния план

Този смел фон не отвлича вниманието от предния план

Гариш? Може би. Но този сайт все още е лесен за употреба и смел

Гариш? Може би. Но този сайт все още е лесен за употреба и смел

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

Забелязали ли сте още тенденции от 2015 г.? Кажете ни в коментарите.

Думи : Никол Бойер

Никол Бойер е писател, чиито основни теми са уеб / графичен дизайн и маркетинг. В момента тя работи като редактор в AssignmentMountain обслужване.

как да преоразмерите фона в

Като този? Опитайте тези ...