Лучшее в Дизайн Мании 2014
В этот раз подборка лучших постов Дизайн Мании публикуется последней среди всех остальных проектов. Я уже успел рассказать о лучших сервисах 2014, самых полезных статьях про вордпресс 2014 и подвести итоги наиболее важных заметок о заработке 2014. Теперь на очереди дизайн. Вообще подобные посты в блоге это отличная возможность быстро просмотреть все полезные материалы за целый год. Получается своего рода дайджест, экономящий множество времени, не требующий бродить по страницам сайта и искать нужную вам статью. Кроме того, для большего удобства разбиваю все публикации по тематическим категориям.
Год назад для аналогичной статьи получилось 25 заметок, посмотрим как будет в этот раз. Мне кажется, статей получится чуть больше.
Лучшие иконки 2014
Начнем наш обзор статей с иконок. Странно, но в 2014 времени им уделял не так много, как ранее.
- Спортивные иконки для сайтов – 7 бесплатных наборов. Я планировал сделать несколько подборок тематических иконок, которые бы касались какой-то одной темы. То есть не просто красивые, современные или еще какие-то иконки, а вот, допустим, те же спортивные.
- Разные иконки от Pixeden: плоские, социальные, для iOS. Тут принцип формирования поста несколько иной, рассмотрел лучшие материалы с одного из дизайнерских сайтов — Pixeden. Весьма неплохие у них там иконки нашлись.
- Новогодние иконки для фотошопа: подарки, елка, дед мороз и др. Под конец года начал публиковать достаточно объемные подборки разных материалов. Так в этом посте вы найдете сразу 20 наборов новогодних иконок. Кое-что из этого вам обязательно пригодится через 11 месяцев, когда будете украшать свой сайт к наступающему 2016.
Подборки шрифтов 2014
В разделе про шрифты я собрал все, что так или иначе их касается — от сервисов до наборов.
- Webfont – красивый сервис с бесплатными шрифтами и другими полезными фишками. Вы можете подобрать шрифт для сайта с помощью инструментов и поиска. Есть специальные расширения для браузеров, плагины и всякие интересные плюшки.
- What Font Is – поможет узнать шрифт на картинке. Иногда так бывает, что вы находите красивую иллюстрацию с классным шрифтом и хотите его использовать для своих целей. Но как узнать шрифт? — тут What Font Is может пригодиться. Сервис сопоставляет буквы с текстом на картинке и выдает вам возможные варианты шрифтов.
- Бесплатные шрифты с иконками — с их помощью вы можете добавлять простую кроссбраузерную графику на сайте (иконки телефонов, стрелочек и разных других объектов). С помощью CSS стилей для таких шрифтов легко меняется размер и цвет элемента. В одном из блогов была полезная статья как использовать Font Awesome в WordPress.
- Граффити шрифты (graffiti fonts) для иллюстраций. В подборке собрано 30 бесплатных и красивых тематических шрифтов. Есть варианты на любой вкус — простые или совершенно непонятные «каракули» для граффити. Если нужно создать соответствующее изображение в стиле граффити, наборы однозначно будут полезными.
- Оригинальные стили для текста в Photoshop — заметка к шрифтам относится косвенно, но я все же решил включить ее в это раздел. Специальные фотошоп стили помогут создать эффектную и необычную надпись. Есть мультяшные, блестящие, металлические, золотые, огненные и много других вариантов обработки текста. Теперь они будут реально оригинальными.
- Красивая типографика для сайта — этот пост хоть и не содержит никаких материалов для скачивания, может быть весьма полезным. В нем найдете примеры красивого и стильного применения шрифтов для текстов. Отличная типографика всегда радует.
Дизайны сайтов
Для вдохновения разные тематически подборки дизайнов сайтов отлично работают. Вы можете не только изучать оригинальные, лучшие решения, но и брать на заметку какие-то нюансы.
- 25 красивых адаптивных дизайнов сайтов. Адаптивный дизайн сейчас достаточно актуален при разработке сайтов, поскольку все заказчики хотят дабы их проект одинаково хорошо смотрелся и на мобильных смартфонах и на больших мониторах. Не смотря на то, что в данной подборке некоторые примеры уже, к сожалению, не работают, есть там очень интересные решения. Кстати вот некоторые мои размышления про адаптивный дизайн блогов.
- Дизайны японских сайтов аниме и видео игр. Этот пост отлично демонстрирует как сильно могут отличаться представление о дизайне в разных странах. Возможно, конечно, всему виной тематическая направленность примеров из статьи (аниме и видео игры), но все равно у японских разработчиков имеется какой-то свой характерный им стиль.
- Лучшие сайты портфолио для вдохновения. Вообще создание проекта портфолио — достаточно специфичная задача. Этот сайт должен как можно лучше подчеркивать ваши плюсы и при этом давать ответы на все вопросы заказчика: опыт, работы, стоимость, контакты. Хотя с другой стороны, подходы к созданию портфолио могут быть абсолютно разные в зависимости от сферы деятельности — дизайнеры больше креативят.
- OnePageLove – лучшие одностраничные дизайны сайтов. Еще один специфичный современный тренд в дизайне — создание проектов, состоящих из одной страницы. Это не так уж и просто, как может показаться. OnePageLove содержит отличные примеры таких дизайнов — полезно для понимания специфики одностраничных сайтов и вдохновения.
- Land Book – галерея красивых лендингов (Landing Page). Целевые страницы больше применяются в продажах, хотя встретить их можно в абсолютно разных сферах. Теоретически все три последних поста могут быть связаны общим посылом — например, из сайта портфолио, состоящего из одной страницы вполне получится отличный лендинг:) В общем, если вы интересуетесь лендингами, то советую посетить проект Land Book.
Создание сайта: логотипы, верстка, дизайн
От дизайнов сайтов плавно переходим к их созданию. В эту группу статей я включил заметки о логотипах, конструкторах, шаблонах и дизайне.
- Красивые функциональные шаблоны для Drupal — подойдемт всем, кто любит создавать сайты на Друпале. Старался найти разные по формату дизайны под разные типы сайтов. К сожалению, там ситуация с темами немного сложнее нежели в том же вордпресс, где шаблонов хоть отбавляй, например, вот тут. С Drupal сталкивался всего пару раз.
- Красивые и удобные конструкторы сайтов для дизайнеров — весьма популярный тренд в веб-разработке последних лет. Возможно совсем скоро дизайны будут создаваться автоматически но пока что для этих задач требуется «человеческое присутствие». В посте про конструкторы рассмотрел 5 крупных и крутых проектов, которые позволяют создавать сложные и яркие сайты с минимумом технических знаний.
- Лучшие курсы фотошопа, ретуши для дизайнеров и фотографов. Если процесс создания сайта можно заменить сервисом, то с дизайном куда сложнее. В сети имеется достаточное количество разных курсов, которые помогут вам научиться пользоваться фотошопом, обрабатывать фотографии. Есть много дизайнеров самоучек, начинающих именно с подобных видеоуроков.
- 6 способов получения логотипа (инфографика) + купон от Logaster. Если верить инфографике то вариантов разработки логотипа у вас несколько. Понятно, что у каждого из них свои нюансы: уникальность, цена, временные затраты. Тут уж вам выбирать. Также в статье немного рассказывается про сервис Logaster, который позволяет легко и быстро создавать лого.
- HTML Academy – отличные онлайн-курсы по HTML и CSS. Если вы хотите изучить верстку, то этот проект может отлично помочь. Часть материалов на сайте бесплатные, причем этой части достаточно для изучения базовых и более-менее серьезных понятий. Есть практические задания, что для любого обучения крайне важно.
- Линейные градиенты в CSS и генераторы градиентов. Еще один материал по вопросу верстки, где рассмотрены градиенты. Вы научитесь создавать их через стили без необходимости использовать картинки на сайте. Также рассмотрены CSS генераторы градиентов для простоты создания нужного кода.
Красивые обои на рабочий стол
Немного отойдем от серьезных тем разработки и посмотрим классные обои для своего рабочего стола. Большую часть из соответствующих постов я опубликовал под конец года.
- Красивые WordPress обои — если вы поклонник системы WordPress, то можете установить себе соответствующие тематические обои на компьютере.
- Красивые обои осени на рабочий стол — в подборке найдете сразу 50 разных картинок на осеннюю тематику. И это я еще выбирал лучшие, их было гораздо больше.
- Красивые зимние обои. Мне, в принципе, понравилось выбирать тематически обои, поэтому зимой я эту традицию продолжил. Кроме того, всегда после поиска устанавливаю себе на компьютер один из вариантов.
- Рождественские и новогодние обои на рабочий стол. Последняя подборка обоев касалась наступающих праздников и должна была добавить немного новогоднего настроения. Елка на рабочем столе стоит у меня до сих пор.
Лучшие текстуры 2014
Представлю вашему вниманию разные посты про текстуры, что публиковались в 2014.
- Цветочные текстуры для фотошопа — в статье собрано 11 наборов текстур с цветами.
- Винтажные текстуры с цветами — можно сказать, что это продолжение предыдущей темы, только теперь подбирались винтажные цветочные узоры.
- Transparent Textures – данный сервис содержит прозрачные текстуры для фона. Как правило, это какой-то мелкий узор, который при наложении на цвет будет создавать интересный эффект (крохотные квадратики, например, или асфальтная крошка).
- Новогодние текстуры и красивые рождественские текстуры — для создания праздничных картинок, иллюстраций или даже фонов для сайта текстуры просто незаменимые. Всего в статье имеется 25 наборов тематических текстур. Вам точно хватит.
Материалы для фотошопа
Кроме текстур, иконок и шрифтов есть много другие материалов для фотошопа. Их в 2014 было чуть меньше нежели упомянутых выше, поэтому я собрал все в один блок.
- Кисти облака для фотошопа — долго искал и нашел 11 наборов кистей Cloud Brushes, то есть с облаками. Тут есть много разных вариантов, может пригодиться.
- PSD наборы UI для интерфейсов — 7 подборок графики для интерфейсов с разными функциональными элементами и цветовыми решениями.
- Все для хэллоуина: шрифты, вектор, обои, фоны, иконки — очень массивная тематическая подборка к празднику. Здесь есть абсолютно все и для вдохновения и для дизайнерских нужд.
- 21 бесплатный шаблон креативных визиток — вы можете использовать эти векторные материалы для создания своих визиток. Распространяются они бесплатно.
- Наборы для создания инфографики — в посте найдете 16 бесплатных материалов для скачивания. По аналогии с предыдущей ссылкой вы сможете их скачать и применять при разработке инфографики.
Статьи для дизайнеров
Также в 2014 было опубликовано несколько дизайнерских статей по тем или иным вопросам. Все они представлены в этом блоке.
- Советы для создания красивого одностраничного сайта портфолио — чуть выше в примерах дизайнов сайтов я уже писал про одностраничные проекты и портфолио. Там были реальные работы, а в этой статье изложены теоретические моменты и рекомендации. Весьма полезное чтиво.
- Тысячи долларов пассивного дохода веб-дизайнерам — пост рассказывает о том, что дизайнер может зарабатывать не только с помощью своих профессиональных умений. Есть еще дополнительные ниши, к которым следует присмотреться: выпуск книг, проведение курсов, создание шаблонов.
- Горячие клавиши для фотошопа — небольшая полезная заметка о быстрых (горячих) клавишах для фотошопа, которые позволяют ускорить процесс обработки изображения в этой программе. Если вы достаточно часто выполняете одни и те же типовые действия в фотошопе, советую обратить на статью внимание.
Разные сервисы
Напоследок я припас три ссылки на обзоры дизайнерских сервисов. Некоторые сервисы за 2014 год я добавил в другие блоки так как по тематике они туда больше подходили.
- Сервис Background Burner – помогает убрать фон с картинок за счет специальных механизмов автоматической обработки изображения. В принципе, неплохая идея, хотя на практике не всегда получается все сделать идеально.
- Pixabay – проект содержит полностью бесплатные изображения и фотографии. Лицензия на сайте Creative Commons CC0, что позволяет использовать картинки как угодно. На момент написания статьи там было около 200 тысяч разных изображений, хотя «выбор редакции» заслужили всего 3 тысячи.
- Ahoba – интересный сервис для верстки сайтов и макетов. Чем-то напоминает конструктор сайтов, вы создаете макет через сайт с помощью специальных элементов, а на выходе получаете готовую верстку. В планах у разработчиков очень много интересных фишек: вордпресс шаблоны, PDF макеты и т.п. Надеюсь, получится их реализовать.
Вот и все лучшие публикации за 2014 год. Итого получилось 39 заметок, что больше чем во всех остальных блогах. Действительно, Дизайн Мании уделялось достаточно много внимания, надеюсь, в текущем году эта традиция сохранится. Желаю вам удачи в 2015.