Лучшие статьи о веб-дизайне, материалы для скачивания и вдохновения за 2018 год

Лучшие статьи Дизайн Мании в 2018 году

Лучшие статьи Дизайн Мании в 2018 году

Продолжаем ежегодную традицию и публикуем самые интересные заметки за «прошлый сезон». Ранее в Дизайн Мании вы уже могли видеть похожую статью за 2017 год и подборку лучших постов в 2016. Нам кажется, что такой дайджест позволяет максимально быстро просмотреть наиболее актуальные материалы и, возможно, сохранить что-то для себя в закладках.

Для удобства записи сгруппированы по разными тематикам, которые соответствуют рубрикам блога: тут есть заметки про логотипы, веб-дизайн в целом, архивы иконок/шрифтов, шаблоны, текстуры, полезные севрисы и программы, ну и, конечно, вдохновляющая графика. Всего получилось около 55-ти ссылок, что полностью совпадает с прошлогодними показателями. В 2019 надеемся немного увеличить их число + закончить обновление дизайна проекта.

Логотипы

  • 10 тенденций лого 2018 — сюда вошли такие приемы как: упрощение форм/изображений, вертикальные тексты, негативное пространство, градиенты и т.п.
  • Самостоятельное создание логотипа — отличный пошаговый мануал как разрабатывать айдентику, начиная с набросков, отрисовки и заканчивая подачей.
  • Turbologo — веб-сервис для быстрого создания логотипов: выбор цвета, символов, настройки графики и т.п. (основные возможности и демонстрация работы).
  • Лучшие лого с перекрытиями — подборка элементов, где встречается наложение слоев друг на друга. При правильном подходе это выглядит креативно и современно.
  • Логотипы отелей — собрали для вас 60 самых интересных и актуальных примеров айдентики мировых гостиниц (не все из них реальны, но выглядят неплохо).

Статьи по веб-дизайну и сайтам

  • Как сделать цветовую палитру — детальная инструкция как с нуля создать цветовую гамму интерфейса приложения или веб-сайта (пошаговый алгоритм + советы).
  • Идеальный лендинг — разработка landing page с учетом удачных решений конкурентов: блок шапки, заголовки, футер, использование иллюстраций и другие вопросы.
  • Создание мебельного сайта — на какие основные моменты в дизайне следует обратить внимание, реальные примеры и типовые ошибки.
  • Плюсы минималистичного стиля — 7 основных преимуществ данного направления стиля в веб-дизайне.
  • Улучшаем форму регистрации — 4 полезных совета по теме: социальные фишки, больше безопасности, меньше полей и пояснения для пользователей.
  • 7 трендов типографики — какие тенденции оказались популярными при создании веб-типографики в уходящем году: крупные заголовки, выделенный текст, вертикальные буквы и т.п.
  • UI дизайнх в разных странах — было интересно глянуть на приемы и отличительные фишки, используемые для интерфейсов в Японии, Китае, США и т.п.

Рисование и уроки

  • Развития навыков рисования карандашом — продолжаем публиковать уроки для желающих научиться рисовать, в данной статье 5 дополнительных упражнений к рассмотренным ранее.
  • Как нарисовать елку — интересный предновогодний пост, в котором мы рассказывали как поэтапно и легко изобразить елку (содержит видео + ссылки на уроки + перевод одного из них).

Верстка

  • CSS hover эффекты — особенность реакции элементов страницы при наведении (для картинок, кнопок, ссылок и т.п.). Есть примеры кода, библиотеки и другая полезная информация.
  • Кликабельный фон — как сделать подложку для веб-сайта через HTML, CSS, JS, которая при клике по ней переадресовывала бы пользователя на другой URL-адрес.

Материалы для скачивания

Среди всех полезностей раздела больше всего оказалось иконок, дальше идут шрифты и шаблоны, а в «разном» найдете по одной ссылке на кисти, текстуры, стили и клипарты. Возможно, в текущем году будем делать подборки меньших размеров, но чаще.

Иконки

  • Осенние иконки — 50+ качественных наборов с листьями и тематической графикой.
  • Красивые звезды — архивы, подборки элементов в PNG и векторе, поиск на специальных сайтах.
  • Флаги стран — собрали материалы (около 30шт.) форматов PNG/ICO и всевозможных размеров.
  • Пиктограммы приложений и софта — обновление старого поста блога, куда мы добавили более 40-ка лучших бесплатных наборов.
  • Иконки погоды — более 60ти тематических архивов для Фотошопа и не только.
  • Иконки елки — в векторе и в виде прозрачных PNG-картинок, здесь у нас получилось найти аж 70+ наборов/рисунков.

Шрифты

  • 20 новых шрифтов 2017 — данная запись была опубликована в самом начале января, поэтому обозревали наработки за прошлый год.
  • Шрифт печатная машинка — для Word / Фотошопа, всего 45+ штук, в том числе и машинописные русские варианты.
  • 55+ хоррор шрифтов — как раз перед хэллоуином разместили набор страшных и ужасных фонтов.

Шаблоны

  • Monstroid 2 — обзор функциональных возможностей универсальной темы для WordPress + детальное описание процесса ее установки.
  • Шаблоны ресторанов — 40+ вариантов оформления веб-ресурсов на разных CMS (WordPress, Joomla и др.) или чистом HTML. В заметке будут как бесплатные, так и премиальные темы.
  • Минималистические шаблоны MotoCMS — если работаете с этой системой, то подборка стильных дизайнов пригодится.

Разное

  • Кисти травы — более 30 наборов для фотошопа, в каждом из которых от нескольких до пары десятков элементов.
  • 55+ деревянных фонов и текстур — такая подложка достаточно часто используется для фотографии, создании коллажей/иллюстраций.
  • Стиль золотого текста — если вам в Photoshop нужно реализовать золотые буквы на картинке, то проще всего использовать готовые наработки (здесь 30+ стилей оформления).
  • Кисти снежинки — еще одна новогодняя статья, где найдете более 40-ка бесплатных красивых снежинок и кистей с падающим снегом.
  • Клипарт и фоны елки — праздничные бекграунды и рисованная графика для ваших веб-проектов, поздравительных открыток/иллюстраций.

Вдохновение: веб-дизайн, фото, обои

За 2018 рубрику лучших дизайнов сайтов мы пополнили тремя новыми заметками:

  • Красочный веб-дизайн — 60 очень ярких и необычных онлайн-проектов со всего мира. Со временем, увы, часть из них перестает быть доступными, остается лишь наблюдать их скриншоты.
  • Примеры сайтов о мебели — 40 стильных современных тематических макетов дизайнеров. Если вы разрабатываете подобный веб-ресурс, загляните сюда для вдохновения.
  • Портфолио иллюстраторов — крутые креативные онлайн-портфолио художников-дизайнеров, где они выкладывают свои лучшие творения.

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

  • Фото зимы в городе — в отличии от природного окружения большой мегаполис позволяет прочувствовать данное время года совсем по другому.
  • Мрачные иллюстрации от Marcela Bolivar — очень необычные картины, где переплетаются люди, растения, мистика и разные другие детали.
  • Обои на рабочий стол с типографикой — полсотни картинок с буквами, текстами и фразами, что выполнены в необычной креативной стилистике.
  • Фотографии дождя — очень и очень крутые фотки дождливой погоды, создающие особую атмосферу, не важно где они сделаны в городе или на природе.
  • Весенние обои — запись включает в себя изображения с цветами, яркой пробуждающейся природой/пейзажами и т.п. Еще осталась чуть больше половины зимы, прихода тепла осталось ждать не так уж и долго.

Полезные программы

  • Программы дизайна на Андроид — подборка приложений для рисования на смартфонах и планшетах с ОС Android.
  • Восстановление фото с Movavi — рассматриваем на примере пошаговый процесс как восстановить старую фотографию.
  • ФотоМАСТЕР — софт для максимально быстрой и легкой обработка фотоснимков: замена цветов, ретушь, фильтры и др.
  • Visual Watermark — обзор инструмента, позволяющего добавлять водяные знаки на изображения.

Сервисы для работы

  • Векторные фотостоки — 25 качественных веб-проектов с картинками в векторе, бесплатными для скачивания.
  • Генератор паттернов Flaticon — одноименный поисковик иконок запустил у себя дополнительный инструмент, в котором вы можете создавать фоны, используя найденные там материалы.
  • Vectr – новый общедоступный редактор векторной графики, достаточно прост в работе (доступен онлайн и как ПК софт).
  • RFclipart — сток для покупки клипарта в векторе, где можно найти и бесплатные наработки.
  • Новые функции Wix — рассмотрели фишки конструктора, что пригодятся в ходе оформления вашего веб-ресурса: вставка вектора/иллюстраций из имеющегося архива, современные шаблоны и т.п.
  • Современные конструкторы сайтов — несколкьо площадок, работающих по SaaS принципу и позволяющих пользователям создавать свои проекты в онлайне.
  • SmartApe — обзор хостинга с безлимитными тарифами по трафику, объему дисков, числу БД и т.п.

Подборки инструментов

  • Выпуск №9 — Sketch плагины, иллюстрации/мокапы, полезное для верстки.
  • Юбилейный 10-тый выпуск — эффектные заготовки фонов, парочка CSS генераторов + SVG материалы.
  • Дайджест №11 — веб-анимация и CSS-эффекты, логотипы + еще один архив бэкграундов.

Итого. В дайджест включили 55 лучших публикаций за 2018г. Это ровно столько же, как было в «прошлом сезоне», но в текущем году надеемся данную цифру увеличить на 10-20%, как минимум. Главное чтобы при этом не страдало качество контента.

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