1


 
 
 

МЕХЗАВОД | Сайтостроение для начинающих

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Веб-дизайнер - что это такое?

Сообщений 11 страница 13 из 13

11

Бесплатные векторные графические изображения для сайта — ТОП 15 лучших сервисов с бесплатными векторными изображениями

Дизайнеры особенно оценят данную статью, потому что сейчас без векторных изображений очень сложно. Здесь Вы найдете подборку из 15 лучших сервисов с бесплатными векторными изображениями, которые Вы сможете использовать в своих проектах и на своих сайтах.

В данной статье речь пойдет именно о сервисах, на которых можно найти множество бесплатных векторных изображений. Если Вам интересны также сервисы, где профессиональные дизайнеры выкладывают свои работы, а также другие фотостоки с уникальными изображениями, то подойдет следующая статья:

Возможно, у кого-то возник вопрос: "А чем Вам не подходят обычные растровые изображения, зачем нужны именно векторные?"

Чтобы ответить на данный вопрос и вдохновить дизайнеров и всех заинтересованных на использование именно этого типа изображений, я решил представить все их плюсы и минусы в виде инфографики.

Плюсы и минусы векторных графических изображений
Всего можно выделить 3 основных плюса при использовании векторных изображений:

    Масштабирование без потери качества изображения;
    Полное и простое редактирование, в том числе отдельных объектов;
    Небольшой размер файла.

Существенным минусом, имеющим, на мой взгляд, значение, является то, что:

    Невозможно или нерационально создавать изображения с большим количеством мелких деталей.

Работать с векторными графическими изображениями действительно очень удобно. Тем более, что сейчас появилось много сервисов, предоставляющих готовые изображения, из которых можно создать свое.

Также хочу сказать пару слов о недостатке при создании изображений с большим количеством деталей. Это не такая большая проблема в нынешнее время. Потому что сейчас в тренде именно стиль минимализма, для которого много деталей не требуется. Вот здесь и выигрывают векторные графические изображения.

А сейчас давайте перейдем к обзору сервисов, где Вы сможете найти уже готовые векторные изображения для своих проектов.

1. FlatIcon
FlatIcon - большой выбор векторных изображений

Безусловно, на первом месте должен располагаться именно данный сервис. Если Вы еще не слышали и не пользовались им, то каким же образом создавали изображения? Здесь находится действительно огромное количество иконок, собранных в отдельные группы.

Я уже рассказывал об одной полезной возможности данного сервиса: Рисование элементов при прокрутке.

Любое векторное графическое изображение, которое Вы там найдете, сразу можно скачать в разных форматах. Поэтому, для front-end разработки данный сервис просто незаменим.

Этот сервис очень быстро развивается. Если раньше все векторные изображения были лишь в черно-белом варианте (что и так было более чем достаточно), то сейчас дизайнеры создают очень много цветных иконок на разные тематики.

Кроме этого, крайне удобен и сам процесс скачивания иконок. Вам лишь необходимо кликнуть на плюсик в верхнем блоке при наведении на миниатюру, когда будете просматривать наборы иконок. А затем лишь скачать все выбранные иконки одним архивом в том формате, который Вам нужен: PNG, SVG, EPS, PSD или BASE64.

2. FreeVectors
FreeVectors - сообщество, которое создает векторные изображения

Это небольшое сообщество любителей векторных изображений, которые сами и создают данные изображения. Картинки, находящиеся на данном сайте, доступны для персонального использования, а многие из них и для коммерческого. Самые последние изображения располагаются на главной странице, в самом верху.

3. Freepik
Коллекция из красочных векторных графических изображений

Сервис Freepik предназначен для тех, кто ищет красочные векторные графические изображения для своих проектов. Потому что здесь, в основном, все изображения разноцветные и яркие. Поиск осуществляется, как и на всех иностранных сайтах, именно на английском языке. Поэтому заранее решите, что Вы хотите найти. А затем свой запрос, при необходимости, переведите, используя какой-нибудь переводчик.

4. 1001 Free Downloads
Тысячи векторных графических фотографий

Команда сервиса 1001 Free Downloads размещает на своем сайте только лучшие работы, которые были найдены в интернете. Там Вы легко сможете найти различные кисти, градиенты, PSD-исходники. Кроме этого, у них также много графики, которую они разрабатывают самостоятельно.

5. DryIcons
DryIcons - векторые графические иконки

DryIcons — это сервис специализирующийся только на иконках. Здесь находятся красивые и уникальные наборы иконок, которые осталось лишь скачать и найти применение на своем сайте. Причем большинство иконок имеет свободную лицензию, что не может не радовать 🙂 .

6. Vector Portal
Множество векторной графической графики

Vector Portal предлагает большой спектр различных графических векторных изображений, которые веб-дизайнеры могут использовать в коммерческих и своих личных проектах. Навигация по сервису осуществляется очень легко. Кроме этого, есть категории, из которых можно сразу выбрать те изображения, которые Вам конкретно нужны.

А также есть фильтр с поиском по самым последним или по самым популярным. Что также очень удобно и позволяет быстрее найти нужное векторное изображение.

Сразу хочу сказать — для редактирования любого изображения Вам понадобится программа Adobe Illustrator. Если Вы откроете любую картинку в Adobe Photoshop, то увидите единственный слой, полученный после объединения слоев исходного изображения. Ясно, что в этом случае работа со слоями становится невозможной.

7. Deviant Art
Deviant Art - одно из самых больших сообществ для дизайнеров

Это одно из самых крупных сообществ дизайнеров в интернете. Здесь также есть бесплатные графические изображения, включая векторные. Имеется и фильтр, с помощью которого можно быстро добраться до нужной категории изображений. Большой плюс в том, что не нужно регистрироваться и ждать при скачивании. Согласитесь, мало кому нравится тратить время впустую, низкая скорость скачивания многих, действительно, раздражает, потому что ждать никто не хочет 😉 .

8. Vectors4free
Vectors4free - уникальные векторные графические изображения

На сервисе Vectors4free Вы найдете уникальные векторные изображения, связанные с тематикой животных, транспорта, путешествий и так далее. Изображение здесь также в формат AI, то есть открыть и работать полноценно с ними можно только в программе Adobe Illustrator.

9. Vecteezy
Vecteezy - качественные векторные графические изображения для дизайнеров

Время меняется, и дизайн не стоит на месте. Еще один прекрасный сервис для подбора графических векторных изображений для Ваших проектов. На этом сервисе Вы найдете исходники различных текстур, иконок и так далее. Есть изображения, как с персональной лицензией, так и для коммерческого использования.

10. Free Vector Archive
Free Vector Archive - векторный фотосток

Огромный бесплатный векторный фотосток изображений. Присутствует интуитивно понятное меню для навигации по категориям. Форматов изображений также достаточно много. Поиск можно осуществлять с помощью фильтра, выбрав какой формат Вам необходим: EPS, AI, SVG, JPG, PNG или TIFF. Кроме того, есть возможность отсортировать, как по самым популярным, так и по самым новым.

11. FreeVector
FreeVector - векторая графика на любой вкус

Интерфейс этого сервиса напоминает популярный сервис Freepik. В верху главной страницы расположена большая форма поиска — ее просто невозможно не заметить. На этом сервисе очень много текстур для фона в векторе. Сразу хочу сказать — все категории находятся в самом низу сайта. Это слегка не привычно, но таким образом увеличивается область вывода элементов сверху.

12. Vector Open Stock
Vector Open Stock - векторная графика от фона до логотипа

На этом сервисе Вы сможете найти векторные изображения, начиная от фона, логотипа и до цветов, свадебных баннеров, лент и текстур. Огромный выбор различных элементов на разнообразную тематику, для разного вида проектов. В самом низу есть фильтр по алфавиту. Но не забывайте что все на английском.

13. All Free Download
All Free Download - 190 000 векторных изображений

Сервис All Free Download — это более 190 000 векторных графических изображений для некоммерческого использования. Для поиска можно использовать специальную строку. Также можно выбрать интересующий тег или отфильтровать по самым новым или самым популярным.

14. Free Design File
Free Design File - более 30 категорий с векторной графикой

На этом сервисе векторные изображения собраны более чем в 30 разнообразных категорий. Кроме этого, есть отдельный блок с иконками. Также собрано множество кистей, градиентов, текстур и других полезностей для программы Adobe Photoshop. И все это находится в одном месте, ну разве не классно?! Если спуститесь ниже, то можно найти все материалы по тегам, что также бывает очень удобно.
15. 365PSD
Ну и конечно же, нельзя забывать о сервисе 365PSD. Сразу хочу напомнить, что здесь есть русская версия сайта. На данном сервисе очень много разнообразных полезных бесплатных графических изображений, которые Вы можете использовать в своих личных целях. Действительно внушительные категории, где собрано огромное количество материалов.

Также хочется отметить, здесь очень много страниц в формате PSD на любую тематику. Все, на самом деле, очень просто: выбираете понравившийся материал, скачиваете, и используете в своих целях и дорабатываете на свой вкус.

12

100+ сервисов для веб-дизайнера, о которых Вы могли даже не подозревать

По правде говоря, независимо от того, насколько Вы являетесь творческим и знающим человеком в веб-разработке, Вы всё равно не сможете создать самый лучший дизайн страницы, если не имеете под рукой необходимые инструменты и ресурсы. Конечно, Вы можете покупать услуги на различных сервисах, но что если есть бесплатные аналоги, которые практически ничем не хуже их платных "собратьев"? Вы могли даже не знать о существовании данных сервисов, которые являются абсолютно бесплатными.

Отдельно хочу сообщить о другой подборке для веб-дизайнеров, но она относится больше к векторным изображениям:

    15 сервисов для веб-дизайнеров для работы с векторными графическими изображениями

Итак, вот подборка из 5-ти групп сервисов для веб-дизайнера:

    #1. Бесплатные ресурсы для веб-дизайнера (16 шт.)
    #2. Онлайн-палитры (19 шт.)
    #3. Сайты для поиска вдохновения (17 шт.)
    #4. Бесплатные фотостоки (38 шт.)
    #5. Сервисы бесплатных иконок (14 шт.)

16 бесплатных ресурсов для веб-дизайнера
С помощью данных ресурсов Вы сможете создавать и генерировать свой собственный уникальный дизайн, который будет не только современным и красивым, а также и максимально удобным.

Следующие сайты являются одними из самых лучших в данной области:

    1 Freebbble — если Вам нужно еще больше бесплатностей для создания Вашего дизайна, тогда загляните на данный сервис. Здесь Вы найдете очень много великолепных дизайнерских решений, которые можно скачать абсолютно бесплатно.
    2 AllFreeStock — классный сервис с бесплатными фото, mockup-ами, видео, звуковыми эффектами, а также иконками. Да и сам сайт очень прост в использовании.
    3 Dribbble — введите в поиске «freebie» и Вы найдете список всех бесплатностей, которые есть на этом сервисе и сможете скачать каждую из них.
    4 Graphic Burger — дизайн в высоком качестве.
    5 Pixel Buddha — сайт для профессиональных дизайнеров. Есть платные материалы.
    6 Freebiesbug — если Вы хотите использовать при разработке дизайна самые новые PSD шаблоны и новинки, тогда обязательно посетите данный сайт.
    7 365 PSD — большая коллекция PSD файлов.
    8 Dbf — данный сервис объединяет лучшие бесплатности сервиса Dribble и сервиса Behance.
    9 Marvel — это бесплатные материалы от дизайнеров, которые имеют хорошую репутацию у своих коллег и клиентов.
    10 UI Space — материалы ручной работы.
    11 Free Section of Pixeden — здесь находятся премиум-материалы.
    12 Free Section of Creative Market — новая бесплатность каждый понедельник.
    13 Teehan+Lax — это лучший ресурс с mockup-ом для iPhone 6 и iPad, а также графического интерфейса iOS8.
    14 Tech&All — большая коллекция PSD шаблонов, которые Вы можете использовать без какой-либо дополнительной ответственности.
    15 Freepik — бесплатные графические ресурсы.
    16 Tethr — самый потрясающий дизайн для iOS.
19 онлайн-палитр

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

    1 Material Palette — полезный инструмент для генерации и экспорта цвета для Material Design.
    2 New Flat UI Color Picker — этот сервис просто обязателен к использованию, если Вы создаете дизайны в современном Flat стиле. Цвета сделают Ваш сайт более привлекательными, несмотря на саму плоскую Flat концепцию дизайна.
    3 Flat UI Colors — еще один сервис, который должен присутствовать в арсенале дизайнера работающего с Flat.
    4 Coolors — классный сервис для дизайнеров, который позволяет получить не только великолепные цветовые схемы для сайта, а также сделать это очень быстро.
    5 Skala Color — это бесплатное ПО для подбора и определения цвета на OS X.
    6 Couleurs — еще одно приложение для пользователей Mac для работы с цветом на экране монитора.
    7 Material UI Colors — большой спектр цвета на Ваш выбор.
    8 Colorful Gradients — большая коллекция готовых градиентов, которые Вы можете использовать в своих проектах.
    9 Adaptive Backgrounds — плагин jquery который автоматически понимает доминирующий фоновый цвет изображения и делает фоновый блок с таким же цветом.
    10 Brand Colors — здесь Вы найдете цвета, которые используют самые известные бренды.
    11 Paletton — данный сервис позволит очень легко подобрать цветовую гамму для Вашего сайта.
    12 0 to 255 — поиск и изменение цветовых схем происходит намного легче с использованием данного сервиса.
    13 Colour Lovers — это небольшое сообщества где дизайнеры делятся своими наработками. Вы также можете создать свою цветовую схему или узор и разместить для общего обозрения свое творение.
    14 Adobe Color CC — цветовые схемы созданные в сообществе Kuler.
    15 Bootflat — если Вы работаете с сайтами во Flat дизайне, тогда Вы просто обязаны попробовать данный сервис.
    16 Hex Colorrrs -преобразование из формата HEX в RGB.
    17 Get UI Colors — с помощью данного сервиса Вы получаете потрясающие цвета для интерфейса пользователя.
    18 Coleure — отличный инструмент для выбора цвета.
    19 Palette for Chrome — данный плагин для браузера Google Chrome позволяет создавать цветовые схемы. А изображения можно брать прямо из изображений.
17 сайтов для поиска вдохновения

Чаще всего самая большая проблема любого проекта это начать его. Возможно в Вашей голове плавают какие-либо идеи. Но как их все взять и реализовать? Да еще так, чтобы всё смотрелось действительно современно и стильно? Так почему же не взять некоторые концепции, а также идеи на лучших дизайнерских сервисах в интернете! С помощью данных сервисов Вы сможете самостоятельно создать действительно потрясающий и современный дизайн чего бы то ни было:

    1 FLTDSGN — Вы работаете преимущественно с сайтами у которых дизайн в стиле Flat? Тогда данный ресурс даст Вам очень много информации благодаря которой у Вас будут происходить идеи постоянно.
    2 Site Inspire — создаете сайты под заказ и уже не хватает вдохновения? Тогда просто загляните на данный сайт.
    3 UI Cloud — это одна из самых больших баз, где собраны дизайн для пользовательских интерфейсов. Данный сервис поможет Вам создать очень качественный UI (пользовательский интерфейс) дизайн для своего проекта и обеспечить легкость в использовании сайтом или веб-приложением.
    4 Moodboard — сервис дает возможность создать свой проект, который будет состоять из определенных изображений в одной стилистике, цветов и других материалов.
    5 Crayon — если Вы работаете над дизайном страницы с каким-либо товаром или услугой, то этот сервис поможет Вам в поиске идеи в данной области.
    6 Land-Book — создание лендинга занятие творческое. Посетите данный ресурс, чтобы узнать больше о креативных блоках и элементах, которые можно размезстить на своем лендинге.
    7 Dribbble — для опытных дизайнеров данный ресурс будет очень знаком, ну а для начинающих он окажется крайне полезным. Учитесь дизайну у профессиональных дизайнеров с помощью данного ресурса.
    8 Behance — также очень знаменитый ресурс, где профессиональные дизайнеры выкладывают свои работы.
    9 Pttrns — данный сервис полезен для тех, кто очень увлекается дизайном сайтов для мобильных устройств. Здесь Вы найдете большое количество различных примеров, которые сделаны профессиональными дизайнерами.
    10 Flat UI Design — простыми словами это «доска вдохновения».
    11 Awwwards — данный проект постоянно награждает самые креативные, самые минималистичные и самые красивые сайты. Поэтому советую посетить и посмотреть что сейчас наиболее актуально в мире веб-дизайна.
    12 The Starter Kit — полезный инструмент для веб-дизайнеров и веб-разработчиков.
    13 One Page Love — если Вы занимаетесь созданием одностраничных сайтов, то данный сервис Вы обязательно должны взять на вооружение. Потому что благодаря ему Вы будете создавать более дружелюбные сайты, которые будут нравится пользователям и будут максимально удобны при использовании.
    14 UI Parade — дизайн элементов пользовательского интерфейса и новые идеи после посещения данного ресурса Вам обеспечены.
    15 The Best Designs — лучшие разработки в сфере веб-дизайна.
    16 Agile Designers — если Вы являетесь дизайнером или разработчиком, то это ресурс, который Вы обязаны проверить.
    17 Niice — это поисковик "со вкусом". Потому что он позволяет искать информацию сразу на нескольких популярных сайтах посвященных дизайну. Вводить запрос, естественно, необходимо латинскими буквами.
38 бесплатных фотостоков

Изображения всегда были одним из важнейших элементов дизайна. К сожалению, на многих сайтах используются некачественные изображения, которые имеют плохое разрешение либо просто не уникальны. Чтобы найти действительно хорошее изображение, необходимо заплатить за него немаленькую плату. Но существуют ресурсы, которые позволяют найти использовать потрясающие изображения, не беспокоясь об авторском праве. То есть Вы можете свободно брать эти изображения, изменять и размещать на собственном сайте.

Вот небольшой список сайтов, которые Вы можете использовать для поиска качественных изображений совершенно бесплатно:

    1 Stock Up — один из лучших фотостоков, который предлагает на выбор большой спектр различных изображений.
    2 Pexels — лучшие фотографии заката, автомобилей, здания, людей, улиц города, природы и так далее.
    3 All the Free Stock — этот сервис предоставляет не только изображения, а также иконки и видео. Все изображения со свободной лицензией (Creative Commons Zero license).
    4 Unsplash — многим может быть знаком данный сервис. Здесь каждые 10 дней можно скачать 10 новых изображений.
    5 Startup Stock Photos — коллекция изображений посвященных стартапам.
    6 Jay Mantri — потрясающие изображения в высоком разрешении для Ваших нужд.
    7 Moveast — это фотографии одного португальского путешественника, который делает качественные снимки и позволяет использовать их абсолютно бесплатно.
    8 Stokpic — если все вышеупомянутые сайты при поиске не дали тот результат, который Вам нужен, тогда поищите необходимую фотографию здесь.
    9 Kaboompics — большой выбор потрясающих фотографий.
    10 Function — данный сайт предлагает целые наборы изображений.
    11 MMT — потрясающие фото интернета, которые сделаны автором Jeffrey Betts.
    12 Travel Coffee Book — данная коллекция фотографий была сделана при путешествии по всему миру.
    13 Designers Pics — здесь Вы сможете легко найти изображения как для Вашего личного использования, так и для бизнеса.
    14 Death to the Stock Photo — после подписки, данный сервис будет присылать Вам абсолютно бесплатные изображения каждый месяц.
    15 Foodie’s Feed — работаете над сайтами с тематикой питания? Тогда посетите данный сайт. Потому что там находится очень много изображений еды в высоком качестве. Так и хочется пустить слюну при просмотре 🙂 .
    16 Mazwai — большой выбор видео для фона.
    17 Jéshoots — если Вы хотите воспользоваться самыми новыми и современными изображениями прямо сейчас — тогда этот сервис самое подходящее место для поиска таких изображений.
    18 Super Famous — данные фотографии были сделаны голландским дизайнером Folkert Gorter.
    19 Picography — этот сайт дает Вам возможность выбрать из большого количества изображений с высоким разрешением.
    20 Splashbase — коллекция фото и видео материалов для Ваших проектов.
    21 Pixabay — еще один сервис с изображениями в высоком разрешении.
    22 Little Visuals — подписавшись, Вы будете получать 7 изображений в высоком разрешении каждую неделю. То есть каждый день новое изображение!
    23 Splitshire — бесплатные "аппетитные" фотографии.
    24 New Old Stock — если Вам нужны старинные фотографии из государственных архивов, тогда Вам отлично подойдет данный сайт.
    25 Picjumbo — это еще один сайт, где Вы можете найти и скачать фотографии абсолютно бесплатно.
    26 Life of Pix — не все изображения данного сайта полностью бесплатны, но все они в очень высоком разрешении.
    27 Gratisography — если Вы не можете найти подходящее изображение с высоким разрешением, тогда данный сайт может Вам в этом помочь.
    28 Getrefe — еще больше беспталных изображений для Вашего дизайна.
    29 IM Free — этот сайт может похвастаться действительно большим выбором изображений.
    30 Cupcake — этот сайт является настоящим раем для фотографов, созданный Jonas Nilsson Lee.
    31 The Pattern Library — если Вы ищете паттерны для своего проекта, тогда данный сайт сможет Вам в этом помочь.
    32 Public Domain Archive — данный сервис предлагает 100% беслптаные изображения.
    33 ISO Republic — этот фотосток также предлагает Вам на выбор изображения в высоком разрешении.
    34 Paul Jarvis — на этом сайтке Вы найдете не только статьи, посвященные дизайну, а также коллекции из очень качественных изображений.
    35 Lock & Stock Photos — коллекция качественных фото.
    36 Raumrot — большой спектр изображений в высоком качестве.
    37 Bucketlistly — изображения путешествий.
    38 Magdeleine — каждый день новое изображение в высоком качестве.
14 сервисов с бесплатными иконками

Как Вы уже знаете, иконки являются отличным способом привлечь внимание посетителя Вашего сайта. Значит они должны стать частью Вашего арсенала при разработке дизайна. Конечно, Вы можете создать свои собственные иконки, но ведь на это уйдет очень много времени. Так почему же просто не воспользоваться специальными сайтами, которые предлагают большой выбор иконок для Вашего сайта абсолютно бесплатно:

    1 Fontello — сайт генератор иконок.
    2 Flat Icon — поиск по 16000+ иконкам в векторе. Здесь Вы сможете найти самые лучшие иконки для своих проектов.
    3 Material Design Icons — более 750 иконок от Google.
    4 Font Awesome — без сомнений, это лучший иконочный шрифт, который очень легко может быть подключен на любом сайте и имеет массу плюсов.
    5 Glyphsearc — поиск по нескольким базам с иконками.
    6 MakeAppIcon — с помощью нескольких кликов Вы можете создать иконки для своего приложения.
    7 Endless Icons — если Вы работаете с дизайном в стиле Flat, тогда посетите обязательно данный ресурс.
    8 Ico Moon — генератор иконок, который имеет более чем 4000 векторных иконок.
    9 The Noun Project — на данном сайте находятся тысячи различных иконок созданные разными дизайнерами.
    10 Perfect Icons — сервис для создания социальных иконок.
    11 Icon Finder — это бесплатный раздел данного сайта. Обязательно изучите его, возможно некоторые иконки Вам пригодятся.
    12 Doodle Set — бесплатный набор иконок в стиле Doodle.
    13 Flat Set — бесплатный набор икононок в стиле Flat.
    14 Icon Sweets — 60 бесплатных векторных иконок для Photoshop, которые сделают Ваш сайт еще более привлекательным.

Вывод

Используя вышеупомянутые ресурсы Вы с легкостью сможете создать действительно привлекательный и креативный дизайн для своих веб-проектов. Поэтому чтобы не потерять данный список сервисов — добавьте данную страницу в закладки своего браузера с помощью сочетания клавиш CTRL+D.

Ссылка    -источник

Отредактировано sadoffol (2018-03-24 17:35:44)

13

Тренды веб-дизайна 2018

Чтобы не отставать от индустрии, нужно знать, чем она живёт — пришла пора рассказать о трендах в веб-дизайне, актуальных для 2018 года. Ребята из разных дизайн-студий уже успели составить и опубликовать свои списки: кто-то сделал для галочки, а кто-то подошел с умом и опросил экспертов. Мы собрали мнения в одну статью — поделитесь с коллегами, чтобы те покритиковали или, наоборот, похвалили.

Если не хотите долго читать про философию, переходите сразу ко второй части статьи — там, где картинки и гифки.

Итак, чего ждать от веб-дизайна в 2018-м.
Дизайн и общество
Дизайнерам нужно впитывать то, что происходит в мире: видеть, следить, анализировать. На дизайн сильно влияет культура.

У дизайнеров, которые не следят за новостями, обсуждениями в соцсетях и не обдумывают острые вопросы религии и пола, получаются казусные проекты.
Об этом говорит случай с Китайцем в Новой Зеландии. Молодой человек попытался загрузить скрин паспорта в приложение, на что получил ответ: приложение не принимает фото с закрытыми глазами. Сообщение в интерфейсе вылилось в грубую расистскую шутку.

Каждый раз, когда дизайнер что-то проектирует или пишет, его разум должен оставаться холодным и просчитывать все сценарии. Пользователи — это люди разного пола, разной расы, разной религии и с разными политическими взглядами. Неверный шаг может вызвать скандал, потерю денег, а главное — вред репутации бренда.
Еще случай, когда ошибка в дизайне сильно повлияла на бренд — эмодзи в Фейсбуке. Разработчик забыл добавить межрасовые пары в набор, что вылилось в еще один скандал. Ведь в реальной жизни такие пары существуют, значит, должны быть и в соцсетях.

Подобное недавно постигло и «Эйч Энд Эм». Американское общество отреагировало в соцсетях на провокационную надпись на футболке темнокожего мальчика, которая сообщала, что он — «самая клевая обезьянка в джунглях». Одна необдуманная фотография на сайте магазина привела к резонансу в обществе и даже погромам в магазинах.

Чтобы этого избежать, бренды в будущем году будут обращать больше внимания на пользовательские исследования и тесты. Для этого будут набираться целые команды по «разнообразию», как это уже сделал «Эйч Энд Эм». Дизайнеры будут тестировать приложения на разных людях всех возрастов и цветов кожи. Особенно на детях, чтобы приложения и сервисы были безопасными.

Бренд и потребитель
Дизайнер Паула Боровска поделилась с Форбс мыслями по поводу того, что ждет бизнес и потребителя в 2018 и где в этом всем место веб-дизайнера.

Дизайнерам пора задуматься о конечном потребителе — том человеке, который нажимает на меню-бургер, перетаскивает бесконечные экраны и свайпает партнеров в Баду. Дизайнер должен говорить от лица всего бренда, видеть коммуникацию целиком и создавать продукты, релевантные по своему языку и соцсетям, и приложениям, и рекламе на ТВ.
Думать нужно о коммуникации как в целом, так и в деталях. Отличный пример языка бренда — корпоративный мессенджер «Слек». В нем отработано все: от сообщений об ошибке до скриншотов в «Эпсторе».

Говорить с клиентами нужно везде: в меню, в иконках, даже в описании «что нового» в магазинах приложений. Большинство брендов пишут сухо: «устранение неисправностей, доработка функционала». Но нельзя упускать возможность общаться с людьми на языке бренда даже в таких мелких деталях. Об этом хорошо рассказал Алексей Каданер — руководитель отдела текстов Яндекса.
По мнению медиа-эксперта Михаила Калашникова привычные соцсети вообще перестают быть для людей чем-то обязательным. Люди хотят разнообразия альтернативы. А каждая соцсеть копирует механики и интерфейс другой соцсети: комментарии, репосты, изображения, лента записей — все одно и то же.

Такая стандартизация хоть и решает свою непосредственную функцию: держать людей в курсе событий и создавать их причастность к чему-то большему, но не учитывает особенности потребления каждого человека. Поэтому в будущем году возможен рост независимых от соцсетей площадок, и на каждой из них должен развиваться новый пользовательский опыт.

Сторителлинг
Перед тем как придумывать модули, создавать формы регистрации и перетаскивать блоки с места на место, дизайнеры садятся за текстовый редактор и пишут истории для пользователей.

В 2018 году еще больше внимания будет уделяться сторителлингу. Каждая страница и элемент интерфейса должны рассказывать, что это за продукт, как он появился и в чем его миссия. Дизайнеры будут добавлять персонажей в свой рассказ, больше работать с иллюстрациями и сценариями.
http://s9.uploads.ru/t/UpE8I.gif
Некоторые эксперты говорят о том, что скоро на сайтах вообще не будет понятия «главная страница». В связи с этим открываются новые двери для экспериментов. Перед дизайнерами будет задача: как рассказать историю, чтобы увлечь пользователя, показать ему суть без главной страницы и даже без меню навигации.

Чтобы всё двигалось
Формат GIF был популярен еще 30 лет назад. Как в нашу жизнь через сериалы и музыку врывается стиль восьмидесятых, так и гифки продолжают быть отличным средством, чтобы привлечь внимание пользователя в вебе.

Подвижную графику используют бренды в Инстаграме. Например, анимацию для продвижения использует кофейня Старбакс.

http://s3.uploads.ru/t/JXRnq.gif

Функция таких анимаций — привлечь внимание. Но есть и польза. Например, дрожащий курсор мыши при наведении на объект сообщает пользователю, что он жмет не туда. Или что оставил пустой какую-то графу: не ввел логин или пароль.
Упор на видео
Аналитики говорят, что до 2019 года видео будет занимать до 80% всего потребляемого контента. Поэтому дизайнеры будут больше внимания уделять историям, которые можно показать через видеоролики разных форматов.http://s9.uploads.ru/t/ZkFpx.gif

Скорость интернета растет, Фейсбук и Инстаграм не стесняются проигрывать видео в ленте со звуком. Поэтому и на сайтах, и в приложениях тренд на видео будет усиливаться. Теперь его будут размещать не на главной странице, как это принято всегда, а использовать по-разному: для страниц услуг, поп-апов, персонализированных обращений в рассылке.
Адаптив во всём
Логотипы и стили больше не привязываются к одному цвету и месту. Они меняются в зависимости от контекста. На темном фоне выглядят одним образом, при свете — другим.

Недавно «Дропбокс» представили новый дизайн. Сервис показал, что это не просто место для хранения файлов и обмена фото, а полноценное рабочее пространство. Оно объединяет вместе идеи и сотрудников.

http://s5.uploads.ru/t/NqBnz.gif
Но адаптив должен быть не только в цветах, но и в форме. С развитием CSS верстка стала подстраиваться под каждый формат: монитор, планшет, телефон и даже умные часы.

http://s8.uploads.ru/t/SAWXG.gif
Что действительно станет популярным в этом году, мы узнаем ближе к 2019 :)
А пока тенденции такие:

— вперед выходит эмпатия и исследование аудитории;
— бренд должен говорить с потребителем даже через детали в интерфейсе;
— истории для пользователей важнее крутых фишек в интерфейсе;
— веб-дизайнеры продолжают снимать видео, адаптировать сайты и анимировать иллюстрации.

Можно опираться на эти тренды, можно следовать другим, но стоит помнить, что ни одна фишка не гарантирует успешность проекта и работает только в определенных условиях.

http://sd.uploads.ru/t/5KqbN.gif



создать форум