Лучшее в веб-дизайне за 2016 год. Итоги блога - «Веб-дизайн»
Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Наш опрос



Наши новости

       
10-01-2017, 06:24
Лучшее в веб-дизайне за 2016 год. Итоги блога - «Веб-дизайн»
Рейтинг:
Категория: Самоучитель CSS

Лучшее в веб-дизайне за 2016 год. Итоги блога - «Веб-дизайн»
Лучшее в веб-дизайне за 2016 год. Итоги блога - «Веб-дизайн»
Традиционно в начале января собираем лучшие публикации в нашем блоге про веб-дизайн за год — встречайте подборку 2016! Это отличная возможность быстро просмотреть все заметки и найти что-то интересное для себя, если случайно упустили.


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


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


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



  • Клиенты в веб-дизайне, которых следует избегать — если при общении с заказчиками встречаете специфические «сигналы», описанные в статье, лучше с такими людьми не сотрудничать.

  • Бесплатные аналоги Фотошопа и др. — кроме альтернативы Photoshop найдете также по 2-3 программы, способные заменить Illustrator, Premiere Pro и Lightroom.

  • Социальные сети для карьеры дизайнера — стратегии использования популярных соц.сетей в работе (Twitter, LinkedIn, Facebook, Instagram, YouTube). Как извлекать максимум пользы из этих проектов.

  • Чему можно научиться в японских дизайнах сайтов? — нестандартные решения в плане отображения контента и использования цветов на странице, внимание к деталям, работа с пространством.

  • 12 способов создать логотип — инфографика и подходы к созданию качественного логотипа.

  • Лицензии на фотостоках — обсуждаем виды лицензий в фотостоках и авторское право на фотографии.


  • Полезные материалы для дизайнера


    В разделе собраны всевозможные материалы для веб-дизайна за 2016 год: шрифты, текстуры, кисти, иконки, шаблоны и т.п. Каждая из подборок содержит десятки файлов архивов — вам будет из чего выбрать.


    Иконки



  • Финансовые и бизнес иконки — валюта, графики, экономика, офисная работа, товары, платежи.

  • Иконки ремонт и инструменты — строительство, техника, детали, 3D, монохромные материалы.

  • Деньги иконки и вектор (+PSD) — деньги, монеты, доллары, копилки, золото, платежные системы.

  • Набор иконок от Icons8 «Редактирование и печать».


  • Текстуры и фоны



  • Текстуры боке — 100+ красивых вариантов для фотошопа.

  • Белые текстуры — 35+ материалов, оригинальные photoshop узоры.

  • Зимние новогодние и рождественские фоны — снежинки, елки, игрушки, декоративные элементы, снег, праздничные и лучшие бесплатные фоны в сети.

  • Texture Palace — каталог ярких фотошоп текстур.

  • Hero Patterns — сервис с SVG фоны для вашего веб-сайта.


  • Шрифты



  • Разные греческие шрифты — подборка 30+ шрифтов в греческом стиле (есть варианты с кириллицей).

  • Нечеткие blurred fonts — 40 оригинальных размытых фонтов для фотошопа.

  • Зимние и ледяные шрифты — 45 тематических материалов с сосульками, снежинками и т.п.


  • Шаблоны



  • Адаптивные WP темы от TemplateMonster — 17 качественных современных макетов.

  • Бесплатные шаблоны сайтов игр — более 30-ти тем под игровые сайты.

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


  • Разное



  • Кисти розы — 16 разнообразных по реализации наборов.

  • Кисти рамки для фотошопа — 32 кистей с рамками.

  • UI/UX наборы плоского интерфейса — 25 полноценных вариантов готовых интерфейсов.

  • iPhone 7 PSD макеты — 20+ бесплатных мокапов для фотошопа и Sketch.

  • Фотошопа рамки с осенними листьями — содержит вектор, материалы для фото, клипарт, картинки.


  • Обучение, верстка, руководства


    Данный раздел дизайн итогов 2016 года в основном содержит публикации о верстке. Мы постарались детально рассмотреть каждую тему чтобы понятно было даже новичкам.



  • Горизонтальное выпадающее меню — 4 варианта реализации Drop Down меню на CSS + HTML.

  • Все про CSS спрайты — информация о создании спрайтов, подборка сервисов генераторов.

  • Фотошоп с нуля 3.0 + Photoshop для фотографа 3.0 — обзор новых версий популярных видеокурсов.

  • Создаем градиент для фона — описание CSS3 свойства skew (трансформация) + создание градиента.


  • Вдохновение


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



  • Рисованные сайты — 30+ примеров веб-проектов, выполненных в необычном рисованном стиле.

  • Дизайны мобильных интерфейсов — 20 сайтов-архивов красивых UI/UX дизайнов под iOS/Android.

  • 120+ логотипов для вдохновения — оригинальные, стильные и яркие решения.

  • Старые постеры от HOW Design — 40+ плакатов/афиш из 90-х и более ранних периодов.

  • Лучшие флеш сайты — обновленная статья с 45 лучшими флеш веб-дизайнами в 2016.

  • Обои городов на рабочий стол — масштабные эпичные фото городов для фоновых картинок декстопа.

  • Фото Львова — атмосферные фотографии улиц города и достопримечательностей.

  • Красивые осенние логотипы — 60 тематических лого (разные цветовые решения, формы).

  • Дизайны музыкальных сайтов — 50+ лучших музыкальных проектов по графике и функциональности.


  • В дизайн итогах года 2016 вдохновляющих заметок получилось достаточно много.


    Сервисы для дизайнеров


    В данной категории есть парочка подборок, состоящих из нескольких сервисов (изначально планировалось выпускать их ежемесячно) + посты с отдельными обзорами сервисов. Начнем с первых.



  • Полезные сервисы за январь.

  • Мартовские 7 ресурсов дизайнеру.

  • Парочка проектов для веб-дизайнера за май.

  • Сервисы в помощь за сентябрь 2016.


  • Из полноценных обзоров можно выделить:



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

  • Readymag — инструмент по работе с контентом на сайте, создания презентаций и анимации.

  • Pixli — еще один интересный веб-конструктор. В посте — описание функций и настроек редактора.

  • Создаем лендинг в Wix — тестируем работу конструктора на практике: меню, страницы, элементы.

  • MotoCMS 3 — еще одно «перерождение» старого продукта (в простой конструктор сайтов).


  • Итого в Дизайн Мании итоги года 2016 содержат 48 полезных статей для дизайнеров — обучайтесь, вдохновляйтесь, скачивайте наборы и готовьтесь к новому рабочему сезону. Позравляем всех с наступившим 2017 годом, успехов в работе и удачи.


    Традиционно в начале января собираем лучшие публикации в нашем блоге про веб-дизайн за год — встречайте подборку 2016! Это отличная возможность быстро просмотреть все заметки и найти что-то интересное для себя, если случайно упустили. Читайте обзоры полезных сервисов и обучающие статьи по верстке, вдохновляйтесь дизайнами сайтов и логотипов, скачивайте материалы для работы. Чтобы удобнее это все было воспринимать мы сгруппировали посты по категориям. Также советуем глянуть похожие публикации за прошлые годы — в 2015 и 2014 было достаточно много толковых тем. Плюс можете почитать лучшие заметки вебмастерам и вордпресс разработчикам. Статьи по веб-дизайну за 2016 Здесь найдете разные рекомендации и советы по веб-дизайну для тех, кто работает или собирается начинать карьеру в этой сфере. Клиенты в веб-дизайне, которых следует избегать — если при общении с заказчиками встречаете специфические «сигналы», описанные в статье, лучше с такими людьми не сотрудничать. Бесплатные аналоги Фотошопа и др. — кроме альтернативы Photoshop найдете также по 2-3 программы, способные заменить Illustrator, Premiere Pro и Lightroom. Социальные сети для карьеры дизайнера — стратегии использования популярных соц.сетей в работе (Twitter, LinkedIn, Facebook, Instagram, YouTube). Как извлекать максимум пользы из этих проектов. Чему можно научиться в японских дизайнах сайтов? — нестандартные решения в плане отображения контента и использования цветов на странице, внимание к деталям, работа с пространством. 12 способов создать логотип — инфографика и подходы к созданию качественного логотипа. Лицензии на фотостоках — обсуждаем виды лицензий в фотостоках и авторское право на фотографии. Полезные материалы для дизайнера В разделе собраны всевозможные материалы для веб-дизайна за 2016 год: шрифты, текстуры, кисти, иконки, шаблоны и т.п. Каждая из подборок содержит десятки файлов архивов — вам будет из чего выбрать. Иконки Финансовые и бизнес иконки — валюта, графики, экономика, офисная работа, товары, платежи. Иконки ремонт и инструменты — строительство, техника, детали, 3D, монохромные материалы. Деньги иконки и вектор ( PSD) — деньги, монеты, доллары, копилки, золото, платежные системы. Набор иконок от Icons8 «Редактирование и печать». Текстуры и фоны Текстуры боке — 100 красивых вариантов для фотошопа. Белые текстуры — 35 материалов, оригинальные photoshop узоры. Зимние новогодние и рождественские фоны — снежинки, елки, игрушки, декоративные элементы, снег, праздничные и лучшие бесплатные фоны в сети. Texture Palace — каталог ярких фотошоп текстур. Hero Patterns — сервис с SVG фоны для вашего веб-сайта. Шрифты Разные греческие шрифты — подборка 30 шрифтов в греческом стиле (есть варианты с кириллицей). Нечеткие blurred fonts — 40 оригинальных размытых фонтов для фотошопа. Зимние и ледяные шрифты — 45 тематических материалов с сосульками, снежинками и т.п. Шаблоны Адаптивные WP темы от TemplateMonster — 17 качественных современных макетов. Бесплатные шаблоны сайтов игр — более 30-ти тем под игровые сайты. Премиум шаблоны игровых сайтов — для тех, кто хочет получить максимум функциональности. Разное Кисти розы — 16 разнообразных по реализации наборов. Кисти рамки для фотошопа — 32 кистей с рамками. UI/UX наборы плоского интерфейса — 25 полноценных вариантов готовых интерфейсов. iPhone 7 PSD макеты — 20 бесплатных мокапов для фотошопа и Sketch. Фотошопа рамки с осенними листьями — содержит вектор, материалы для фото, клипарт, картинки. Обучение, верстка, руководства Данный раздел дизайн итогов 2016 года в основном содержит публикации о верстке. Мы постарались детально рассмотреть каждую тему чтобы понятно было даже новичкам. Горизонтальное выпадающее меню — 4 варианта реализации Drop Down меню на CSS HTML. Все про CSS спрайты — информация о создании спрайтов, подборка сервисов генераторов. Фотошоп с нуля 3.0 Photoshop для фотографа 3.0 — обзор новых версий популярных видеокурсов. Создаем градиент для фона — описание CSS3 свойства skew (трансформация) создание градиента. Вдохновение В дизайнерском деле без должного настроя работать очень сложно, поэтому время от времени полезно просматривать впечатляющие фото/видео материалы и работы других авторов. Рисованные сайты — 30 примеров веб-проектов, выполненных в необычном рисованном стиле. Дизайны мобильных интерфейсов — 20 сайтов-архивов красивых UI/UX дизайнов под iOS/Android. 120 логотипов для вдохновения — оригинальные, стильные и яркие решения. Старые постеры от HOW Design — 40 плакатов/афиш из 90-х и более ранних периодов. Лучшие флеш сайты — обновленная статья с 45 лучшими флеш веб-дизайнами в 2016. Обои городов на рабочий стол — масштабные эпичные фото городов для фоновых картинок декстопа. Фото Львова — атмосферные фотографии улиц города и достопримечательностей. Красивые осенние логотипы — 60 тематических лого (разные цветовые решения, формы). Дизайны музыкальных сайтов — 50 лучших музыкальных проектов по графике и функциональности. В дизайн итогах года 2016 вдохновляющих заметок получилось достаточно много. Сервисы для дизайнеров В данной категории есть парочка подборок, состоящих из нескольких сервисов (изначально планировалось выпускать их ежемесячно) посты с отдельными обзорами сервисов. Начнем с первых. Полезные сервисы за январь. Мартовские 7 ресурсов дизайнеру. Парочка проектов для веб-дизайнера за май. Сервисы в помощь за сентябрь 2016. Из полноценных обзоров можно выделить: Статья про новый Wix — в прошлом году проект претерпел коллосальные изменения в плане функциональности, которые вывели его на новый уровень. Readymag — инструмент по работе с контентом на сайте, создания презентаций и анимации. Pixli — еще один интересный веб-конструктор. В посте — описание функций и настроек редактора. Создаем лендинг в Wix — тестируем работу конструктора на практике: меню, страницы, элементы. MotoCMS 3 — еще одно «перерождение» старого продукта (в простой конструктор сайтов). Итого в Дизайн Мании итоги года 2016 содержат 48 полезных статей для дизайнеров — обучайтесь, вдохновляйтесь, скачивайте наборы и готовьтесь к новому рабочему сезону. Позравляем всех с наступившим 2017 годом, успехов в работе и удачи.

    Теги: CSS Веб-дизайн, материалы сайтов содержит шаблоны работе

    Просмотров: 1 273
    Комментариев: 0:   10-01-2017, 06:24
    Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

     
    Еще новости по теме:



    Другие новости по теме:
    Комментарии для сайта Cackle