Тренды 2018 года в веб-дизайне сайтов, графическом дизайне, новые тренды дизайна 2018
Как цифровая среда, веб-дизайн гораздо более подвержен изменениям в технологии, чем традиционныe печатные издания. Но вот уже как 18 лет мы живем в новом тысячелетие, так что это не удивительно, не так ли?
Что действительно удивляет так это то, как веб-дизайнеры продолжают справляться с растущими техническими проблемами и по-прежнему могут создавать удобные для пользователя, инновационные, совместимые с корпоративным стилем, адаптируемые к каждому мыслимому устройству и просто красивые веб-сайты.
В 2017 году было произошло множество изменений. В том числе и то, что просмотр веб-страниц с мобильных устройств опередил количество просмотров с рабочего стола.
Это означает, что в 2018 год нужно использовать все мобильные функциональные возможности, даже те, с которым мы еще не сталкивалась. Тем временем ПК должны продолжать развиваться, чтобы оставаться актуальными. Принимая это во внимание, давайте взглянем на некоторые заметные тенденции в области веб-дизайна, которые будут готовы к использованию в 2018 году.
9 тенденций веб-дизайна в 2018 году
- Падающие тени и глубина
- Цветовые схемы
- Частичная анимация фона
- Мобильный
- Пользовательские иллюстрации
- Крупный, смелый шрифт
- Асимметрия и «разбитая» планировка
- Интегрированная анимация
- Динамичные перепады
1. Падающие тени и глубина
Идея с использованием теней не нова, так зачем это упоминать? Хотя тени долгое время были основным элементом веб-дизайна, благодаря прогрессу веб-браузеров мы теперь видим некоторые интересные варианты. С сетками и макетами параллакса веб-дизайнеры играют с тенями более чем когда-либо, чтобы создать глубину и иллюзию мира за пределами экрана. Это реакция на плоскую тенденцию дизайна, которая была популярна в прошлые годы.
Игра теней создает удивительно универсальный эффект, который подчеркивает не только эстетику веб-страницы, но также помогает пользователю. Например, использование мягких тонких теней в качестве состояний зависания для обозначения ссылки – это не новая идея, но сочетание их с яркими цветовыми перепадами (подробнее об этом позже), как и вышеприведенные примеры, усиливает трехмерный эффект теней.
2. Яркие, насыщенные цветовые схемы
Adobe
Красочный дизайн целевой страницы Адама Багуса для Arielle Careers
2018, безусловно, год для супер ярких цветов. В то время как в прошлом многие бренды и дизайнеры придерживались мягких цветов, многие дизайнеры становятся более решительными в своем подходе к цвету, включая перенасыщение и яркие оттенки в сочетании с заголовками, которые уже не просто горизонтальны, а напоминают косые черты и жесткие углы.
Частично это связано с технологическими достижениями в мониторах и устройствах с экранами, которые более подходят для воспроизведения более насыщенных цветов. Яркие и даже противоречивые цвета могут быть полезны для новых брендов, которые надеются мгновенно привлечь внимание посетителей, но также идеально подходят для брендов, которые хотят отделить себя от «знакомого» и «традиционного».
3. Частичная анимация фона
Heco
Частичная анимация фона – отличное решение проблем производительности, с которыми сталкиваются веб-сайты с фоновым изображением.
Эти анимации – это легкий javascript, который позволяет создавать движение как естественную часть фона, без чрезмерной нагрузки.
Via DesignBetter.co
HeyStack.is
Говорят, что на картинах написано более тысячи слов, и, конечно же, есть некое движение. Точно так же анимированный фон сразу привлекает внимание пользователя, поэтому бренды могут создать незабываемое впечатление о себе всего за несколько секунд. Кроме того, движущаяся графика, подобная этим, становится все более популярной в социальных сетях, обеспечивая частый переход на целевые страницы.
4. Мобильный
Дизайн приложения для питания от Masum R.
G-Star
IGK Hair
Домашний дизайн приложений от Typelab D
Как упоминалось ранее, мобильный браузер теперь официально превзошел браузер на ПК. Почти каждый сегодня может размещать заказы на своем смартфоне. Раньше это был неудобный процесс, который пользователи принимали не слишком быстро. Дизайнеры озадачились: как мы получим удобное меню, подменю и субменю на маленьком экране?
Но теперь мобильный дизайн созрел.
Но пришлось свести к минимуму меню для маленького экрана. Возможно, вам придется отказаться в мобильной версии от больших красивых фотографий, к которым ваш клиент привык, но значки намного более экономичны с точки зрения пространства и стали настолько распространены, что у пользователя не возникает проблем с их пониманием. И проблемы стало легче выявлять и исправлять с помощью микровзаимодействия, что дает вам немедленную обратную связь с действиями ваших пользователей.
5. Пользовательские иллюстрации
Stride
Веб-страница, иллюстрированная и разработанная SixDesign
Zingle
Иллюстрации – отличные универсальные средства для создания изображений, которые являются игривыми, дружелюбными и добавляют веселый элемент на сайт. Опытные художники могут делать иллюстрации, которые полны индивидуальности и с учетом тона бренда. Ведь все бренды стремятся на рынок, который становятся всё более переполненными с каждым годом.
FlowMapp
В то время как эта тенденция идеально подходит для предприятий, которые являются забавными и энергичными, это может помочь сделать бренды, которые обычно воспринимаются как серьезные и разумные, более доступными для своих клиентов.
Какая бы ни была ваша индивидуальность бренда, для этого может быть стиль иллюстрации.
6. Крупный, смелый шрифт
Студия Femme Fatale OursRoux
Шрифт всегда был мощным визуальным инструментом, способным создавать бренды, вызывать эмоции и задавать тон на веб-сайте, одновременно передавая важную информацию. И теперь, поскольку разрешение устройств становится более четким и легким для чтения, я ожидаю огромного увеличения использования пользовательских шрифтов.
Исключая Internet Explorer, многие браузеры могут поддерживать ручной шрифт, который поддерживается CSS для веб-браузеров. Тенденция больших букв, контрастных заголовков без засечек и засечек помогает создавать динамические параллели, улучшать UX и, самое главное, следить за посетителем, читающим ваш сайт.
Nurture Digital
Для веб-страниц, в частности, заголовки являются ключевыми элементами SEO и помогают заказывать информацию для сканирования глаз читателей. Заглядывая в будущее до 2018 года, дизайнеры в полной мере воспользуются этим с помощью веб-страниц, в которых большие и удачные заголовки выделяются из творческих шрифтов.
7. Асимметрия и «разбитая» планировка
Dada-Data
Via Veintidos Grados
Beoplay
Одним из значительных изменений в 2017 году стало введение асимметричных и нетрадиционных «разбитых» макетов, и эта тенденция в Интернете все равно будет развиваться в 2018 году. Привлекательность асимметричной компоновки заключается в том, что она уникальна, своеобразна, а иногда и экспериментальна.
Хотя крупномасштабные бренды с большим количеством контента по-прежнему используют традиционные сетчатые структуры, я ожидаю увеличения использования нетрадиционных макетов в Интернете, поскольку бренды создают уникальный опыт, чтобы выделиться. Традиционным компаниям, возможно, не интересна эта эстетика, но более крупные бренды, которые могут позволить себе быть смелыми, ожидают от своих веб-дизайнеров неординарных идей.
8. Интегрированная анимация
InTurn
По мере продвижения технологии браузера большее количество веб-сайтов перемещается со статических изображений и находит новые варианты, например, анимации, чтобы привлекать пользователей к их коммуникационному подходу.
В отличие от упомянутых ранее анимированного фона (обычно это большие фоны), небольшие анимации полезны для привлечения посетителей на протяжении всей их работы на странице.
Например, графика может анимировать пользователя во время загрузки страницы или показывать пользователю интересное состояние перехода по ссылке. Они также могут быть интегрированы для работы с прокруткой, навигацией или в качестве фокуса всего сайта.
Digital Asset
Анимация – отличный инструмент для включения пользователей в историю веб-сайта, позволяя им видеть себя (и их потенциальное будущее как клиентов) в персонажах. Даже если вас интересуют только анимации для веселых абстрактных визуальных эффектов, они хорошо работают для создания значимых взаимодействий для ваших посетителей.
9. Динамичные перепады
symodd
Fire Works для мобильных устройств от Samuel.Z для Fish on Fire
Мобильное приложение М. Тони для Elmurz
Elje Group
В течение последних нескольких лет плоский дизайн был очень предпочтительным трендом веб-дизайна по двумерным цветам, но трехмерные перепады стали популярными в 2018 году.
В последнее время такие перепады везде, они были видны главным образом в виде тонкого затенения, предлагающего 3D (Яблочные иконки iOS были отличным примером).
Теперь перепады еще больше, смелее и полны цвета. Наиболее популярным последним воплощением является фильтр для фотографий – отличный способ сделать обычное изображение интригующим. Простой фон градиента также может быть идеальным решением для тренда, если у вас нет других вариантов для работы.
С нетерпением ждем тенденций веб-дизайна в 2018 году
Между яркими цветами, резким перепадом и интегрированной анимацией, 2018 год становится одним из самых интересных в памяти Интернета. Мы не можем дождаться, чтобы увидеть, что дизайнеры собираются придумать ещё, и как они будут выходить за привычные рамки. Как в одноклассниках убрать рекламу по бокам читайте в нашей статье.
Новые тренды в области веб-дизайна на 2018 год
Автор: Елизавета Гуменюк
Просто люблю писать, переводить и давать людям возможность читать интересный контент.
И пусть я не всегда идеальна — есть к чему стремиться!!!
Тенденции веб-дизайна меняются естественным образом по мере развития технологий. Идеи, которые когда-то считались экспериментальными, становятся основными, а компоненты дизайна, которые когда-то были основными, в конечном итоге устаревшими.
По мере того, как дух дизайна меняется со временем, постоянным остается одно: все зависит от первого впечатления. До 75% потребителей все еще утверждают, что визуальная привлекательность сайта влияет на их решение в том, доверять ли бизнесу. Дизайн все еще имеет значение.
Понимание текущих тенденций в дизайне может помочь решить, что может быть правильным для вас, а что является просто мимолетными дизайнерскими фантазиями. Вот восемь тенденций, которые можно будет наблюдать в 2018 году.
Иллюстрации
Фотография доминировала в дизайне сайта в течение нескольких лет. Большие изображения-герои — те, которые заполняют всю верхнюю часть страницы перед прокруткой — и большие фоновые изображения выросли в популярности, поскольку технология дала пользователям доступ к более быстрым подключениям к Интернету.
Большие главные изображения пользуются особой благосклонностью у бизнеса и личных блоггеров по всему миру в течение многих лет. Но по мере того как пользователи продолжают требовать более легкие и быстрые страницы, их популярность начинает слабеть. Дизайнеры все чаще обращаются к пользовательским иллюстрациям, чтобы добавить интерес и индивидуальность веб-страницам и заменить изображение-герой.
Иллюстрация дает множество преимуществ, возможно, самым большим из которых является ее относительный вес. Иллюстрации определяются математически и поэтому требуют очень мало пропускной способности для загрузки. Так как Google использует скорость загрузки страниц в качестве показателя ее удобства для пользователей, и как фактор ранжирования в mobile-first индексе, переход на иллюстрации может дать вашему сайту преимущество.
Иллюстрации также можно настроить во многих отношениях, как нельзя фотографию, давая владельцам веб-сайтов возможность создавать именно тот внешний вид и чувство, которое они хотят.
Кроме того, иллюстрации могут быть использованы для передачи сложных концепций таким образом, чтобы посетители могли более легко их понять.
Больше, чем просто типографика
В течение многих лет дизайнеры были ограничены в выборе типографики только несколькими веб-безопасными шрифтами. Теперь, веб-шрифты широко доступны и относительно недороги. Многие бесплатны. Google предлагает коллекцию веб-шрифтов, которые бесплатны для любого пользователя. Теперь шрифты могут сиять.
Веб-сайты смешивают большие элементы символов и интересные экранные шрифты. В некоторых случаях типографика становится элементом дизайна, заменяя иллюстрации и фотографии в качестве фокуса страницы.
Использование шрифта в качестве элемента дизайна дает такие же преимущества, как и иллюстрации. Шрифт легкий по весу и легко масштабируется для чтения на любом устройстве. Веб-сайты, которые полагаются в значительной степени на шрифт, чтобы передать конкретный внешний вид, будут в состоянии обеспечить безупречный опыт независимо от того, как посетитель обращается к ним.
Скорость
Ваш сайт должен быть быстрым. Пользователи Интернета доказали, что у них есть терпение оставаться на веб-сайте и читать длинные страницы. Но у них нет терпения для страниц, которые загружаются медленно.
Современный веб-макет должен быть ориентирован на легкость и простоту в использовании. Каждый элемент, добавленный на страницу, должен быть тщательно рассмотрен на предмет его полезности и необходимости. Это не означает, что у вас должны быть скучные страницы, только для взаимодействия, графический или другой контент должен быть добавлен намеренно для улучшения пользовательского опыта, а не просто для показа.
Геометрия
Геометрический и карточный макет не новы, но они пользуется популярностью благодаря росту использования мобильных устройств.
Узнаваемость может быть преимуществом. Когда люди свободно понимают, как взаимодействовать с вашим сайтом, они, скорее всего, это сделают. Знакомые макеты обеспечивают комфорт и облегчают для посетителей поглощение контента и принятие решений.
Персонализация
Независимо от того, осознаете вы это или нет, вы ожидаете персонализации от определенных веб-сайтов, особенно платформ электронной коммерции, которые показывают вам пользовательские рекомендации на основе вашего просмотра и истории покупок. Веб-сайты, которые вы часто посещаете или являетесь их членом, приветствуют вас по имени и предлагают контент, который, вероятно, соответствует вашим предпочтениям. Все чаще ваш опыт работы с веб-сайтами и результатами поиска уникален для вас.
Персонализация — это тенденция, которая будет расти только по мере того, как машины будут использовать все большие и большие объемы данных.
Персонализация возможна на сайтах многих направлений, в том числе юридических и корпоративных, и если это сделано правильно, это может улучшить пользовательский опыт работы с вашим сайтом. Посетителям можно представлять различный контент на основе имеющихся данных, таких как местоположение посетителя, или страниц, которые посетитель просматривал в прошлом. В некоторых программах для персонализации используется машинное обучение для выявления шаблонов способов, которыми пользователи ведут себя на вашем веб-сайте, а затем чтобы предсказать, какой контент понравится различным людям. Некоторые предлагают контент на основе настраиваемых параметров if-then.
Яркие цвета и градиенты
Веб-сайты становятся ярче и ярче, используя цвета, которые напугали бы многих предприятий в прошлом. Большая, смелая графика, узоры и градиенты захватывают веб-страницы, снова заменяя более традиционные элементы дизайна, такие как фотография.
Эта тенденция подпитывается ростом приложений, которые часто используют яркие цветовые схемы. Если яркие цвета соответствуют индивидуальности вашей фирмы, обязательно начните экспериментировать. Тем не менее, яркие цвета могут быть проблемой для пользователей, особенно для пожилых людей, потому что они могут сделать веб-страницу более трудной для чтения. Тщательно рассмотрите свою аудиторию, прежде чем прыгать на яркую цветовую подножку.
Кроме того, яркая цветовая тенденция имеет меньшую вероятность долголетия, чем более классическая тенденция, такая как минимализм. Использование ярких цветовых схем может быстро состарить ваш веб-сайт, что приведет к ненужным расходам на его обновление до того, как это будет необходимо.
Открытая композиция и асимметрия
Веб-сайты больше не вписываются в легко определяемые размеры пикселей. Люди смотрят на веб-сайты и приложения на огромных телевизионных экранах и небольших смартфонах. В результате многие дизайнеры избегают тенденции карт и геометрии, отказываясь от закрытых макетов в пользу открытых композиций.
Открытая композиция веб-сайта выходит из традиционных ограничений столбцов. Элементы страницы могут плавать или пересекаться друг с другом, или они могут казаться падающими с края страницы. Многие веб-сайты, в которых используется открытый макет, также используют прокрутку параллакса, где разные слои сайта прокручиваются с разной скоростью. Некоторые используют анимацию для перехода между фрагментами контента в отсутствие более конкретной структуры.
Дизайн открытой композиции может быть привлекательным и визуально интересным, но для отраслей, которые должны передавать большую информацию на своих сайтах, это опасно. Перекрытие текста и изображений может создать трудности для чтения, а страницы, которые не имеют четкого разделения контента, могут стать утомительными для посетителей. Так что старайтесь использовать эту тенденцию выборочно.
Микро-взаимодействия
Микро-взаимодействие — это взаимодействие на основе задач, которое указывает, что пользователь выполнил конкретную деятельность.
Оно обеспечивает мгновенную обратную связь с пользователем. Если они выполнены хорошо, то микро-взаимодействия практически незаметны, но без них многие веб-сайты кажутся необъяснимо скучными.
Примеры таких микро-взаимодействий включают в себя кратковременный шум, который указывает на нажатие кнопки или маленькую анимацию, показывающую, что на экране было что-то нажато. Вы испытываете микро-взаимодействия, когда используете клавиатуру на своем телефоне, например, или рекомендуете что-то на веб-сайте или же даете звездный рейтинг.
Заключение
Тенденции дизайна часто становятся популярными по какой-либо причине; они решают проблему или предлагают уникальный способ использования информации. Однако некоторые тенденции испытают долговечность, в то время как другие быстро исчезнут. Хороший дизайн сайта — это не просто красивое оформление. Функциональность, скорость и удобство использования влияют на то, как положительно или отрицательно люди будут рассматривать ваш сайт.
Никогда не используйте тренд только потому, что он кажется крутым. Всегда анализируйте свою целевую аудиторию и цели своего сайта.
Источник
Топ-10 самых популярных торрент-сайтов 2018 года * TorrentFreak
Список лучших торрент-сайтов 2021 года уже доступен онлайн.
Торрент-сайты появились и исчезли за последний год. Теперь, в начале 2018 года, мы посмотрим, какие сайты наиболее часто используются в текущей ситуации.
The Pirate Bay остается бесспорным номером один. Сайт пережил несколько штормов за эти годы, но похоже, что он сможет отпраздновать свое 15-летие, которое наступит через несколько месяцев.
В список также входят различные новички, включая Idope и Zooqle. В то время как многие люди рады появлению новых торрент-сайтов, это часто означает, что другие прекратили работу.
Например, занявший второе место в прошлом году Extratorrent закрылся и оставил после себя зияющую дыру.
И это был не единственный сайт, который исчез. TorrentProject также бесследно исчез, как и isohunt.to.
Неофициальная реинкарнация Torrentz Torrentz2.eu, самый высокий новичок в прошлом году, является несколько необычной записью. Несколько недель назад все ссылки на внешние торренты были удалены, как и список проиндексированных страниц.
Тем не менее, мы решили включить этот сайт, учитывая его историю и возможность поиска хэшей через сайт. Поскольку будущее Torrentz2 неясно, мы добавили дополнительный сайт (10.1) в качестве компенсации.
Наконец, RuTracker тоже заслуживает упоминания. Торрент-сайт генерирует достаточно трафика для включения в список, но мы традиционно ограничиваем список сайтами, ориентированными в первую очередь на англоязычную или международную аудиторию.
Ниже представлен полный список десяти самых посещаемых торрент-сайтов в начале нового года. Список основан на различных отчетах о трафике, и мы показываем рейтинг Alexa для каждого из них.
Кроме того, мы включаем прошлогодний рейтинг.
1. The Pirate Bay
The Pirate Bay снова стал «королем торрентов», а также самым старым сайтом в этом списке. Прошлый год был относительно спокойным для пресловутого торрент-сайта, который в настоящее время работает со своим первоначальным доменным именем .org.
Alexa Rank: 104/ Прошлый год #1
2. RARBG
RARBG, который начинал как болгарский трекер, покорил сердца и умы многих видеопиратов. Сайт основан в 2008 году и специализируется на выпуске видео высокого качества.
Alexa Rank: 298 / Прошлый год #3
3. 1337x
1337x продолжается с того места, где он остановился в прошлом году. Сайт получил большой трафик и, в отличие от некоторых других сайтов в списке, имеет специальную группу загрузчиков, которые предоставляют свежий контент.
Alexa Rank: 321 / Прошлый год #6
4. Torrentz2
Torrentz2 запущен в качестве замены оригинального сайта Torrentz.
eu, который добровольно закрыл свои двери в 2016 году. сайт только перечисляет хеши торрентов и больше не содержит никаких ссылок на внешние торрент-сайты. Хотя надстройки и плагины для браузера по-прежнему делают сайт функциональным, его будущее остается неопределенным.
Alexa Rank: 349 / Last year #5
5. YTS.am
YTS является неофициальным преемником несуществующей группы YTS или YIFY. Не все другие торрент-сайты были довольны тем, что сайт похитил популярный бренд, и некоторые из них активно запрещают его выпуски.
Alexa Rank: 563 / Last year #4
6. EZTV.ag
Первоначальная группа распространения торрентов EZTV закрылась после враждебного поглощения в 2015 году, когда новые владельцы заявили о праве собственности на бренд. Новая группа в настоящее время работает с EZTV.ag и по-прежнему выпускает торренты. Эти выпуски запрещены на некоторых других торрент-сайтах из-за этой противоречивой истории.
Рейтинг Alexa: 981 / Прошлый год #7
7.
LimeTorrentsLimetorrents уже более полувека является известным торрент-сайтом. Оператор сайта также запускает торрент-кеш iTorrents, который используется несколькими другими торрент-поисковиками.
Alexa Rank: 1,288 / Last year #10
8. NYAA.si
NYAA.si — популярное возрождение аниме-торрент-сайта NYAA, который закрылся в прошлом году. Ранее мы исключили из списка сайты, ориентированные на аниме, но, поскольку мы также включили сайты, посвященные телевидению и кино, мы решили, что упоминание более чем оправдано.
Alexa Rank: 1575 / Last year #NA
9. Torrents.me
Torrents.me — один из торрент-сайтов, трафик которых в этом году резко вырос. Это мета-поисковик, который ссылается на торрент-файлы и магнитные ссылки с других торрент-сайтов.
Alexa Rank: 2045 / Last year #NA
10. Zooqle
Zooqle, который может похвастаться почти тремя миллионами проверенных торрентов, годами оставался незамеченным, но продолжал расти.
В этом году сайт впервые попал в топ-10.
Alexa Rank: 2347 / Прошлый год #NA
10.1 iDope
Специальное упоминание 10.1 достается iDope. Сайт, запущенный в 2016 году, является относительным новичком на торрент-сцене. За последний год торрент-индексатор неуклонно увеличивал свою аудиторию. Таким образом, с такими же показателями трафика, как и у Zooqle, листинг оправдан.
Alexa Rank: 2358 / Last year #NA
—
Отказ от ответственности: Да, мы знаем, что Alexa не идеальна, но это помогает сравнивать сайты, работающие в аналогичной нише. Мы также использовали другие показатели трафика для составления первой десятки. Пожалуйста, имейте в виду, что многие сайты имеют зеркала или альтернативные домены, которые здесь не учитываются. Мы не поощряем использование любого из этих сайтов, ежегодный список публикуется как информационный/новостной ресурс.
Топ-10 лучших тенденций веб-сайтов 2018 года
Каждый год дизайн веб-сайта и пользовательский интерфейс немного меняются; 2018 год ничем не отличается: появляются тенденции в дизайне, типографике и цветах.
Чтобы создать веб-сайт, который может конкурировать с миллионами других подобных веб-сайтов, важно быть в курсе новейших стилей и наиболее популярных методов. Вот некоторые из новых тенденций веб-сайтов в 2018 году.
0127 Макеты с разорванной сеткой
Разработчики веб-сайтов полагаются на сетки для создания организованных и надежных веб-сайтов. Тем не менее, 2018 год приносит новую компоновку, которая берет верх. Макеты с ломаной сеткой размывают строгие линии обычных сеток, но при этом сохраняют некоторую структуру. Изображения и текст слегка перекрываются и смешиваются на экране более плавно.
Например, на веб-сайте Dusko есть перекрывающиеся изображения с навигационными вкладками и текстом в различных областях страницы, иногда наложенные на несколько изображений.
Источник: dropbox.design
- Важность иллюстраций
Изображения всегда были центральной частью любого веб-сайта. Обычно они привлекают больше внимания, чем текст, поэтому дизайнерам рекомендуется их использовать. В 2018 году дизайнеры начинают внедрять на свои веб-сайты новый тип изображений: иллюстрации.
Большинство изображений на веб-сайтах представляют собой либо фотографии, либо снимки продуктов, либо гифки. Хотя все они являются привлекательными вариантами, иллюстрации становятся все более и более заметными. Иллюстраторы становятся важной частью многих команд дизайнеров веб-сайтов, поскольку их работа иногда демонстрируется на главной странице.
Иллюстрации также помогают интерпретировать бренд. Если вы делаете фотографию человека и размещаете ее на своем веб-сайте, этот человек является представителем вашего бренда. С иллюстрацией вы можете сделать изображение человека просто человеком, а не кем-то конкретным, который олицетворяет вашу организацию, утверждение, которое может быть рискованным для имиджа веб-сайта.
Если посетители чувствуют, что вы ориентируетесь на другой тип людей, они с меньшей вероятностью останутся на вашем сайте.
Веб-сайт Dropbox прекрасно использует иллюстрацию. На странице есть изображение, состоящее из половины фотографии и половины иллюстрации, обе женщины. В результате получается чрезвычайно интригующее, визуально привлекательное изображение, которое сразу же привлекает посетителя.
Источник: stripe.com/us
- Большой выбор форм
На протяжении десятилетий дизайнеры веб-сайтов использовали в дизайне исключительно острые углы, прямоугольники и квадраты. Это обеспечивает аккуратный, организованный вид. Тем не менее, веб-сайты 2018 года имеют закругленные края и более органичные формы. Twitter, например, предоставляет прямоугольник с закругленными краями, когда кто-то собирается составить твит вместо прямоугольника.
Все формы меняются. Дизайнеры веб-сайтов более свободно используют аморфные области цвета, яркие диагональные линии или множество других более органических узоров.
Дизайнеры также играют с перспективой. Например, веб-сайт Stripe организован диагональными линиями и наклонными формами, которые дают посетителю уникальную визуальную перспективу.
Многие веб-сайты также используют мигающие или яркие цвета. Хотя это может быть чрезвычайно визуально стимулирующим, это рискованный выбор. Вы хотите, чтобы ваш веб-сайт был доступен для всех, включая людей с ограниченными возможностями, некоторые из которых могут быть чувствительны к мигающим огням.
Источник: annaeshwood.com
- Дополнительные взаимодействия и анимации
Интерактивные и анимированные веб-сайты стали чрезвычайно популярными за последние несколько лет. 2018 год усиливает присутствие этих качеств. Многие веб-сайты полны анимаций. Если дизайнеры правильно используют анимацию, она может помочь посетителям обратить внимание на определенные вещи в определенное время, тем самым помогая направить пользователей к соответствующему контенту.
Веб-сайт агентства Black Sheep разработан таким образом, что при прокрутке вниз слова автоматически выделяются. Это позволяет читателям сосредоточиться на содержании, потому что они заинтригованы интерактивными качествами текста. По мере того, как вы продолжаете прокручивать, всплывают пузырьки с фрагментами информации.
Появляются два важных шаблона анимации и взаимодействия: скорости прокрутки и переходы между страницами. Некоторые дизайнеры создают веб-сайты, на которых изображения будут перемещаться при прокрутке. Например, на сайте Анны Эшвуд изображения всплывают, когда вы их прокручиваете. Переходы между страницами — это анимация, которая происходит, когда вы покидаете или входите на страницу.
Взаимодействия и анимация могут быть чрезвычайно эффективными, но они также могут быть ошеломляющими. Важно избегать их слишком частого использования, потому что это может вызвать у пользователей разочарование или тревогу.
- Плавающие меню навигации
Стандартной частью большинства веб-сайтов является панель навигации, закрепленная в верхней части страницы.
Однако дизайнеры начинают создавать сайты с плавающими навигационными меню. Меню немного отделено от верхней части окна и плавает на несколько сантиметров ниже. Цель состоит в том, чтобы дать пользователю ощущение, что навигация — это универсальная тема, которая будет сопровождать вас на протяжении всего вашего пребывания на веб-сайте.
Источник: cnn.com
- Подробнее Мультимедиа Длинная форма
Написание длинных текстов часто утомительно, поэтому мысль о размещении звуков, видео и изображений в нужных местах в тексте непривлекательна. Тем не менее, некоторые дизайнеры теперь не торопятся разбивать фрагменты текста соответствующими видео, изображениями или звуками, чтобы сделать его более интересным для зрителей.
У CNN, например, есть репортаж о глобальном потеплении, включающий мультимедийные стратегии. Слова располагаются по центру экрана, в то время как в фоновом режиме одновременно воспроизводятся звуки и воспроизводится видео природного элемента.
Слова по-прежнему ясны и легко читаются, но они гораздо более интригующие, потому что в создании ощущения глобального потепления задействовано так много факторов.
- Акцент на разнообразие и инклюзивность
Социальная динамика и противоречия вышли на первый план во всех аспектах жизни общества, включая веб-дизайн. Многие команды веб-дизайнеров осознают важность формулировок или изображений расы и гендерного представления. Например, люди пересматривают, сколько вариантов пола они предлагают в меню или других разделах своего сайта. 2018 год принес с собой новое понимание того, как каждый веб-сайт изображает расу, пол, сексуальность, религию и другие социальные и культурные аспекты мира.
- Переключение с текста на видео продолжается
Повсюду на веб-сайтах издатели переключаются на видео. Например, Facebook и Instagram предлагают истории, в которых люди могут запускать прямые трансляции, что почти идентично стратегии Snapchat.
Хотя видео становится все более значимым, важно помнить, что текст по-прежнему является основой всех веб-сайтов. Текст является идеальной формой онлайн-общения, потому что:
- Это дешево
- Быстро производить
- Это по-прежнему основной формат общения в Интернете
Источник: Google.com
- Различные шрифты
В течение многих лет веб-дизайнеры использовали лишь несколько шрифтов, опасаясь, что веб-сайты станут перегруженными, непрофессиональными или будут давать неверное представление. Однако редизайн 2018 года сопровождается различными шрифтами. В настоящее время Интернет покрыт широким спектром различных шрифтов и стилей.
Apple, Microsoft, Google и Adobe также создают так называемые вариативные шрифты, которые позволяют использовать новый формат для оформления текста. Это дает вам возможность создать один шрифт, который ведет себя как несколько шрифтов.
Источник: Google.
