20 Условия за уеб дизайн на индустрията за неосведомения клиент
В индустрията за уеб дизайн ние използваме много вътрешни термини. Това не само затруднява започването на работа за новодошлите, особено клиенти, които не участват в дизайна, но предаването на тяхното значение правилно понякога може да бъде доста предизвикателство.
В този речник сме събрали 20 често използвани термини за уеб дизайн и добави кратко обяснение на всеки, така че всеки да може бързо да ги погледне в случай на несигурност. Ако имате клиент, който наистина се нуждае от ускорен курс в жаргона на уеб дизайна, споделете тази статия с тях.
“Анимация”
Техника за уеб дизайн, която добавя движение на екранните елементи, за да визуализирайте промяната или да привличане на вниманието на потребителите.
Анимациите са по-мощни от преходите, тъй като те могат да преминат през много различни състояния между началните и крайните точки, затова те могат да бъдат използвани за по-сложни ефекти.
“Breadcrumb”
А тип навигация която информира потребителите за техните настоящо местонахождение на сайт.
Мъничките съдържат път на която текущата страница може да бъде достигната от началната страница, обикновено във формат Начало / Категория / Страница
. Всеки елемент от пътя е също кликване така, че потребителите да могат бързо навигирайте в йерархията на сайта. Обикновено се показват следи отгоре на всяка страница.
“бъркотия”
Грешка в уеб дизайна, индикатор за лошо проектирана страница.
Ние говорим за затрупана страница, когато дизайнерът притисна твърде много информация на същата страница без добавяне на достатъчно бяло пространство и правилно структуриране на съдържанието. Затрупани страници ниска четливост, и вредят на потребителския опит.
“Цветова схема”
А колекция от хармонизиращи цветове използва се за създаване на разпознаваема идентичност на марката.
Обикновено е една и съща цветова схема използвани последователно в уебсайта на марката, мобилното приложение, логото и маркетинговите материали. Цветовата схема може да бъде проектирана според различни принципи, съществуват монохроматични, аналогични, допълващи, триадични и други цветови схеми.
“контраст”
Дизайн техника подчертават различията между елементи, които имат различна роля или значение.
Използвайки допълващи се цветове (противоположностите на цветното колело) обаче са най-известният начин за изразяване на контраста визуални различия във формата, стила, типографията или оформлението на елементите на страницата, които искаме да разграничим, може да постигне и контрастен ефект.
“Празно състояние”
Конкретно състояние на уебсайт или приложение, когато има все още няма съдържание на дадена страница, но елементите на дизайна са вече на тяхното място.
Състоянията на първа употреба, като например празните профили, са типични примери за празни страници. Те изискват специфични техники за проектиране (като например вграден дизайн), които информират потребителите за това какво трябва да бъде на страницата, и насърчавайте ги да изпълнява определени дейности.
“Фиксирано оформление”
А тип оформление в която сайт и неговите елементи използва същата ширина във всички резолюции, дефинирани в статични стойности (обикновено пиксели).
Традиционният начин за изграждане на уебсайтове. Рядко избрани за по-нови уебсайтове, тъй като сайтовете с фиксирани оформления едва се използват (четливи) на екраните за мобилни устройства. За да останете достъпни за мобилни потребители, много сайтове с фиксирано оформление използват a втори мобилен сайт.
“Плосък дизайн”
А UI дизайн език се фокусира върху чисти и минималистични стилове, и премахва сложни текстури, модели, градиенти и други фантастични ефекти, за да помогне на потребителите по-добър фокус върху съдържанието.
Плоският дизайн е критикуван за проблеми с използваемостта, произтичащи от липса на триизмерност. По-зрял Плоски 2.0 езици за дизайн, като дизайн на материала на Google, се появиха като отговор и добавиха малко дълбочина към плоския дизайн.
“Разположение на флуидите”
А тип оформление че използва относителни единици да се определи ширината на сайта и неговите елементи.
Най-често използваните относителни единици за оформлението на флуиди са проценти, но емс и вещнис може също да се използва. Течно оформление преоразмерява (се простира и свива) като ширината на екрана се променя. За разлика от отзивчивите оформления, течно оформление не използва медийни заявки. Нарича се също оформление на течности.
“гънка”
Долната страна на видимата част на екрана.
Терминът “над гънките” се отнася за частта от уеб страницата, която посетителите могат да видят без да предприемат никакви действия, докато “под гънките” се отнася за останалата част от страницата, която потребителите могат достигайте само чрез взаимодействие със сайта - обикновено чрез превъртане или плъзгане (на мобилен).
Препоръчително е да поставите елементи на брандиране (напр. логото), навигация в сайта, и съблазнително съдържание над разгъването, за да накара потребителите бързо да разберат целта на сайта и да се интересуват от останалата част от съдържанието.
“Грациозна деградация”
Стратегия за уеб дизайн, която включва всички разширени функции по подразбиране на даден сайт, след това по-късно премахва или опростява неща, които не работят в по-старите браузъри, на устройства с по-малко възможности или на по-ниска честотна лента.
фокусира повече за външния вид от съдържанието. В мобилната ера, прогресивното подобрение се превърна в преобладаваща стратегия за уеб дизайн за нови сайтове, грациозната деградация се използва главно за стари или стари сайтове.
“Изображение на героя”
Извънгабаритен банер с изображения поставя над гънките.
Героичните изображения са висококачествени, обикновено изображения с пълна ширина, свързани със съдържанието на сайта. Освен тях, обикновено има a кратък (един или два реда) текст който предава съобщение на потребителите, и a бутон „покана за действие“ което ги призовава да предприемат определени действия, като пазаруване или регистриране в сайта.
“Целева страница”
Първоначално всяка страница, където онлайн посетител влиза в сайта. Наскоро терминът се използва по-скоро за самостоятелна страница, предназначена за a специфична бизнес цел.
Например, ако уеб потребителите следват банерна реклама, те често се намират на целевата страница, която ги призовава да купуват съответния продукт. Целеви страници с a един фокус и a ясен призив за действие са по-високи.
“Lazy Loading”
Техника за зареждане на изображения и друго статично съдържание, например видеоклипове, само малко преди това се виждат за потребителя.
Ако даден уебсайт използва мързеливо зареждане, първо се зареждат само изображения над горната част, останалите се зареждат само когато (ако) потребителят превърта страницата. Често използван в отзивчив и мобилен дизайн спестява ресурси. Например, Google AMP ускорява мобилните сайтове с мързеливи зареждане на статични ресурси по подразбиране.
“Медия заявка”
CSS функция, която прави отзивчив уеб дизайн възможно, като се даде възможност на дизайнерите да създават различни дизайни за различни размери на устройството (ширина и / или височина), ориентации (пейзаж или портрет) и типове носители (печат, екран и др.).
Обикновено, отзивчивите сайтове имат отделни оформления за екрани за настолни компютри, таблети и мобилни устройства точки на прекъсване между тях дефинирани от медийни заявки добавен към CSS.
“Прогресивно подобрение”
Стратегия за уеб дизайн, която първо добавя само основните елементи на сайт, който работи на всеки браузър, честотна лента и устройство. По-напредналите функции на фронт-енд (стилове и интерактивност) са натоварени на слоеве по-късно.
Напредъкът е прогресивен се фокусира върху съдържанието, резултати в сайтове, които са достъпен за всеки потребител, следователно това е преобладаващият начин за изграждане на уебсайтове в мобилната ера (за разлика от грациозната деградация).
“Адаптивен дизайн”
Подход за уеб дизайн за създаване на уебсайтове да се приспособи към размерите от различни типове устройства (най-често мобилни, таблетни и настолни) чрез проектиране различни оформления и други стилове за тях (например типография, размер на изображението).
Отзивчивият дизайн използва различни техники, като например относителни единици, гъвкави мрежи, и медийни заявки за да обслужва всеки потребител с използваемо, четливо и достъпно съдържание. Повечето съвременни уебсайтове използват отзивчив дизайн.
“Skeuomorphism”
Език на дизайна на потребителския интерфейс, който използва принцип на познаване, и се фокусира върху създаването на елементи от дизайна, които приличат на техния еквивалент в реалния свят.
Например бутони, които приличат на бутони от реалния живот, като използват ефекти като скосяване и релеф, падащи сенки, наклони и други. Преди да стане преобладаващият плосък дизайн, skeuomorphism беше водещата тенденция в уеб дизайна в продължение на много години.
“преход”
Техника за уеб дизайн визуализиране на прости промени когато елемент на екрана плавно се променя между начално и крайно състояние.
Преходите - за разлика от анимациите - нямат между-състояния, а само a начална и крайна точка, затова те трябва да се използват фини промени, такива като за визуализиране държави.
“Бяло пространство”
Най- празно място между съседни елементи на дизайна. Нарича се също отрицателно пространство.
Бялото пространство помага на потребителите прегледайте съдържанието, и визуално показва йерархията на съдържанието. Бялото пространство не е непременно бяло, но използва цвета на фона на сайта. Липсата на достатъчно бяло пространство води до: a затрупана страница.