Продолжаем ежегодную традицию и публикуем самые интересные заметки за «прошлый сезон». Ранее в Дизайн Мании вы уже могли видеть похожую статью за 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%, как минимум. Главное чтобы при этом не страдало качество контента.
Если у вас есть предложения о чем бы вы хотели почитать, пишите в комментах. Там же указывайте какие посты вам больше всего понравились.
Продолжаем ежегодную традицию и публикуем самые интересные заметки за «прошлый сезон». Ранее в Дизайн Мании вы уже могли видеть похожую статью за 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%, как минимум. Главное чтобы при этом не страдало качество контента. Если у вас есть предложения о чем бы вы хотели почитать, пишите в комментах. Там же указывайте какие посты вам больше всего понравились.
