Дизайн

Лучший дизайн – Сайты для дизайнеров — подборка самых полезных

05.03.2017

Содержание

Лучший дизайн года

Ребята, мы вкладываем душу в AdMe.ru. Cпасибо за то,
что открываете эту красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook и ВКонтакте

Самый крутой дизайн 2013 года, в который невозможно не влюбиться.

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

Подводя итоги этого года, AdMe.ru отобрал для вас гениальные и смелые дизайнерские решения со всего мира, которые призваны сделать нашу жизнь ярче и интереснее. И никак иначе.

Календарь, который будет радовать вас годами

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

Радужные карандаши

Британский дизайнер Дункан Шоттон решил порадовать всех художников яркими красками и создал радужные карандаши. Каждый из них сделан из 6-и слоёв переработанной бумаги соответствующих цветов. Увидеть буйство красок можно только после того, как карандаш заточен.

www.adme.ru

57 самых красивых плоских дизайнов сайтов

Легкое и располагающее оформление веб-страницы принято считать наиболее правильным. Плоский стиль дизайна сайта целесообразен во многих случаях. Простые интерфейсы зачастую работает лучше, а благодаря общей тенденции к минимализму направление Flat до сих пор актуально (Microsoft и Apple сделали свои ОС плоскими). Используя красивые плоские цвета в дизайна, известные компании не упускают возможности выразить свою индивидуальность, привлечь внимание к бренду или повысить конверсию.

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

Далее, примеры красивого плоского дизайна. Это новые сайты и лендинги – разработаны недавно, применяют технологии и стили современного веб-дизайна.


Примеры хорошего Flat-дизайна

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


Launch

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


eTecc Interactive

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


Nehora Law Firm

Чистый плоский дизайн с утонченными элементами придает сайту калифорнийской юридической фирмы профессиональный вид. Красиво оформлены шапка и футер. Белый цвет и оттенки золотистого на темно-бирюзовом фоне создают красивый мягкий контраст. Ориентированный на пользователя интерфейс страниц позволил упорядочить контент.


Towa

У wordpress-сайта немецкого агентства приятный минималистичный дизайн с HTML5/CSS3 эффектами и нестандартным меню навигации. Пастельные / серо-золотистые оттенки, цветокоррекция фотографий и модульная разметка помогли красиво оформить сайт в виде коллажа интересных фактов о компании.


Amazee Labs

У сайта швейцарских Drupal-разработчиков лаконичный дизайн с приятными цветосочетаниями. Креативно оформлены элементы призыва к действию, применяются Flat и техники HTML5/CSS3.


Space Needle

«Космическая игла» символ Сиэтла. У сайта красивая предзагрузка и главная страница с отрисовкой фонов. Уникально оформлена прокрутка с эффектами осветления и мини-слайдами в конце.


Build in Amsterdam

У голландского брендингового агенства красивый флэт-сайт с нестандартным меню навигации. Приятно и стильно оформлен интерфейс, хороший UX-дизайн.


The Yellow Conference

Оптимистичным контентом, ярким желтым цветом и красивым шрифтовым контрастом сайт настраивает на позитив.


Joy Intermedia 

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


Fuse Lab Creative

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


Chobani

У небольшой b2b компании приятный и очень удобный кулинарный сайт с чистым дизайном на основе HTML5. Представить ассортимент помогают фиксированное выпадающее меню и оригинальная четырехуровневая система вторичной навигации.


Уникальный Flat Design и плоская стилистика


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


RJ Investments

Сайт британского агентства недвижимости со стильным лаконичным flat-дизайном в серо-белых тонах. Мягкую выразительность добавляет акцентный золотистый цвет. Основан на WordPress HTML5/CSS3, jQuery, SVG.


Ttilted Chair

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


FHOKE

Чистый, плоский дизайн и уникальный пользовательский интерфейс сайта. Изображения в фокусе внимания, в т.ч. продуктовые c компьютерами и айфонами (фотографии выведенные отдельным слоем выглядят реалистично).


Nation

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


Mayven Dev

Mayven Dev – креативная команда 30 кодеров / UX-дизайнеров из Сан-Франциско. Их сайт отличают сдержанная эстетика оформления, индивидуальность стиля, приятные цветовые решения с выразительными контрастами белой типографики и анимированной контурной графики на изумрудном фоне.


HughesLeahyKarlovic Agency

Чистый и аккуратный дизайн сайта американского агентства сразу настраивает на позитив. Уникально оформлено навигационное меню: hover-эффект с наложением цветового фильтра обращает фоновую картинку в закольцованное видео.


Satis Satellite Communications

Обширный сайт российского оператора спутниковой связи. Бизнес-эстетика реализована через плоский стиль дизайна с контурными иллюстрациями.


Иллюстрации, эффекты и креатив в плоских дизайнах


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


Tectonica Studios

Дизайнер применяет плоскую графику с градиентами (актуальный web тренд), блок ярких flat-иллюстраций на главной странице. Для привлекательного разделения секций – свободное пространство и анимированная графика.


Pixity-land

Микросайт с классическим Flat-дизайном использует скролл-анимацию, плоские иллюстрации и видео.


100 Years of Design

Креативный веб-проект дизайнерского сообщества AIGA. Плоскими цветами обозначены пункты меню, открываемые разделы, навигационные hotspot-точки и разделенные пополам окна с каруселями иллюстраций.


Drap Agency

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


Mobkii

Без плоских иллюстраций с градиентами сайт мексиканского агентства выглядел бы скучноватым, а дизайн слишком заурядным для разработчиков web & приложений.


Ecodom Consorzio

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


Thing of Wonder

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


Green Man

Сайт служит гидом по Уэльскому фестивалю. Желто-зеленый дизайн и анимация с креативной плоской графикой соответствуют как доменному имени, так и позитивным целям проекта.


Amelia Thompson Portfolio

Одностраничное персональное портфолио графического дизайнера и фронтенд разработчика из Чикаго. У Амелии интересное портфолио работ в плоском стиле.


DoneDone

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


Peppermint

Креативный сайт польского digital-агентства применяет геометрические фигуры и невообразимые анимации, иллюстрации, фотографии, рисунки.


Geex Arts

Сайт молодой московской веб-студии впечатляет высокотехнологичным ультра-современным дизайном и входит в ТОП 40 digital-агентств. Его отличают стильное навигационное меню, эффектные переходы, интерактив, анимация и хороший UX при нестандартных решениях.


DAESK

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


Fcinq

Сайт французской креативной студии: стильный плоский дизайн начинается с красивой предзагрузки. Привлекательным этот дизайн делают цветокоррекция фотографий и уникальные цветовые сочетания.


D.FY

Гибкий сайт корейского агентства с креативными видео в фоне. Современный чистый дизайн на html5/css3. В полноэкранном навигационном меню впечатляет эффект бесшовных переходов.


Brave People

Прошлые редизайны сайта креативного агентства из Флориды отмечались в творческом ТОП-е. Сейчас у Brave People эффективный дизайн с понятным и компактным флэт-интерфейсом.


Nea Media

Французский производитель игрушек & видеоигр использовал стиль FLAT и новейшие тренды веб-дизайна. Созданный на ВордПрессе сайт удивляет модным дизайном.


Llittle Flyers

Австралийский сайт детской тематики с сочными плоскими цветами. Контрастные рубленые шрифты выдвигают призывы на передний план и сочетаются с крупными элементами дизайна.


Ic creative

Сайт английской студии выделяется крупными заголовками с призывом и СТА-элементами акцентного оранжевого цвета.


FATbit

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


Domain Menada

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


Frans Hals Museum

У сайта нидерландского арт-музея необычный дизайн в стиле Flat с гигантскими заголовками рубленым шрифтом. Разобраться в нестандартном горизонтальном & вертикальном меню помогают иконки навигации.


Meticulosity

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


Лендинги и продающие дизайны в стиле FLAT


Привлекательность и яркость главной или внутренней страницы помогают выразить уникальное предложение. Лендинговое оформление сайта расширяет возможности применения Flat и повышает шансы на дальнейшее взаимодействие с клиентами. Цель продающего и лэндингового дизайна – обеспечить высокую конверсию. LP-сайт или посадочная страница запоминаются интересным или необычным дизайном.

Kinhr

Современный лендинг с плоским дизайном. Интерактивная и анимированная графика это актуальный веб-тренд.


Panoraven

Сайт в стиле лендинга с красиво иллюстрированным продающим дизайном. Его можно отнести к Material-дизайну, визуально отличающемуся от Flat создаваемыми тенью слоями.


8020 comms

Сайт PR-сервисов с нестандартным плоским дизайном. По оформлению главная страница напоминает лендинг.


NooFlow

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


Teavana

Невероятно красочный и сочный сайт американской чайной компании с перевернутым главным экраном (справа-налево). Позитивные лица отдельным слоем на фоне кислотных «вырви глаз» оттенков служат мощным продающим посылом.


Revolucionde Cuba

Food-сайт в стиле лендинга сделан на WordPress и HTML5 / CSS3. Компактный плоский дизайн с липкой панелью навигации и красивым гамбургер-меню во весь экран. Сайт запоминается изображениями, текстурами, оригинальной типографикой, полупрозрачными плашками, броским оформлением CTA-кнопок и элементов интерфейса.


Материальный стиль и Flat эстетика с градиентами


Материальный дизайн (Flat 2.0 от Гугла) допускает в плоском оформлении образующие слои тени. Градиенты вернулись в веб-дизайн, украшают графику и плоские иллюстрации. Тренд остается актуальным.


Web Effectual

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


Method

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


Epiphany

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


PIXIT Design

Трёхцветный сайт австрийского агентства имеет хороший UX и трендовый вид. Элегантный динамичный дизайн Flat с элементами материального стиля, стильными переходами, эффектами при прокрутке и наведении.


Pantheon

Хостинговая платформа из Сан-Франциско, созданная для разработки Drupal и WordPress сайтов. Яркий корпоративный сайт привлекает плоской графикой, геометричными формами c градиентами и необычным выпадающим меню.


В завершение


Какой бы вариант не нравился: классический плоский дизайн, стиль Flat Shadow, ультраплоский, полуплоский или Флэт 2.0 не забывайте, что миссия дизайна – отражать позицию бренда, компании, сообщества. Оценивая плюсы / минусы определите целесообразность флэта. С правильно выбранной стилистикой дизайна легче подчеркнуть конкурентные преимущества, выразить тематику сайта, выгодно представить бизнес. Вообще, в тренде дружелюбные плоские интерфейсы с легким для восприятия оформлением страниц, которые хочется поскроллить.

seo-design.net

101 бесплатный сервис для дизайнера / Pixli corporate blog / Habr

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



Шрифты


  • Google Fonts – всеми любимая библиотека шрифтов. Позволяет подобрать и скачать разные шрифты на все случаи жизни.
  • 1001 Free Fonts — библиотека шрифтов. Имеет удобную навигацию – шрифты отсортированы как по алфавиту, так и по типам. Имеется раздел русских шрифтов.
  • Fontstruct – онлайн конструктор шрифтов. Очень простой инструмент, позволит создать собственный шрифт. Рисовать можно не только стандартными квадратами, но и другими фигурами – точки, закругленные углы и пр. Для начинающего идеальный инструмент, чтобы попробовать и увидеть типографику в действии.
  • Font Squirrel – одна из самых больших библиотек шрифтов. Кроме этого можно загрузить рисунок и получить названия шрифтов, используемых на нем. Есть магазин шрифтов, и даже магазин одежды с логотипами.
  • Type light – полнофункциональный редактор шрифтов. Позволяет создавать, редактировать и конвертировать шрифты OpenType, TrueType и PostScript. Необходимо скачивать и устанавливать. Бесплатная версия имеет ограниченный функцуонал по сравнению с бесплатной. Но для создания простого шрифта хватает.
  • What Font is – онлайн сервис для подбора шрифтов сайта. Загружаем файл шрифтов, указываем url сайта и выидим как загруженный шрифт будет выглядеть на сайте. Удобнцый сервис.
  • 1001 Fonts – библиотека шрифтов (более 15000). Удобная навигация – шрифт можно выбрать по размеру, типу, теме, дизайну и т.д. Меню позволяет настроить вывод, что дает возможность увидеть каждый шрифт в разных опциях: размер, начертание и т.д.
  • Font Flame – онлайн сервис подбора пары сочетаемых шрифтов. Действует очень просто – на главной странице предложен листок с двумя надписями, сделанными разными шрифтами. Понравилось – жмите «Love», нет – «Hate». Потом выбранные можно просмотреть еще раз. Клик по названию шрифта открывает Google Fonts.
  • Typecast – выбор шрифта для прототипа. Можно просмотреть как шрифт будет выглядеть на любых устройствах. Необходимо обозначить разные типы текста – заголовки, кавычки и т.д. Можно выбрать гарнитуру, размер, начертание, установить отступы. Вы увидите вашу будущую страницу в тех шрифтах, которые установили. Большой плюс – выбор макета (одна колонка или несколько, разные расположения блоков).
  • Wordmark — позволяет подобрать шрифт, установленный на компьютере пользователя, для текста, логотипа или заголовка. При вводе текста в поле показывает его различными шрифтами. Можно выбрать размер, регистр, отображение черно-белое или наоборот. Понравившиеся варианты публикуются в триттере или на фейсбуке – по выбору пользователя. Можно отправить на email.

Стоки фотографий


  • Unsplash – постоянно пополняемый сток фото. Коллекции разделены на темы. Можно найти все что угодно, от «Афроамериканцы» до «Природа». Каждая фотография имеет свою оценку, можно посмотреть лучшие или новинки.
  • FoodiesFeed – фото еды. Изображения разбиты по категориям. Можно выбрать лучшие, эксклюзивные, иконки, мокапы и пр.
  • Free Refe Photos — огромный список изображений «Real life». Главным образом пейзаж и фотографии природы. Неудобная навигация, все фото на главной странице, появляются при скроллинге.
  • Little Visuals – качественные фото ландшафтов и зданий. Можно скачать архивом лучшие фото, выложенные за неделю. Фотографии обозначены хештегами, но не разбиты по категориям.
  • Gratisography – огромная библиотека бесплатных фото. Все фото разбиты на шесть тем: люди, гримасы, города, предметы, природа и животные. Можно искать по словам.
  • Death to the Stock Photo – сток фотографий. Просто посмотреть и выбрать нельзя. Они делают подборку за месяц и дают ее скачать после ввода email. Архив весит около 11 Мб. На почту присылают лучшие фото и ссылку на скачивание.
  • Superfamous – большая коллекция фото с необычного ракурса. Набор небольшой, но интересный.
  • The Pattern Library – шаблоны и текстуры. Набор достаточно велик, шаблоны необычны. Сменяются прокруткой, причем постепенно. Можно увидеть как шаблон будет выглядеть на весь экран или на его часть.
  • New Old Stock – винтажные фото из архивов. Бесплатных фото немного, но регулярно появляются новые.
  • Pexels – большое количество фото на все случаи жизни. Разбиты по темам, очень удобно искать.
  • Jay Mantri — большой набор фотографий. Классификации как таковой нет, можно посмотреть по месяцам.

Стоки графики


  • Brusheezy – бесплатные кисти, шаблоны, текстуры и прочее для фотошопа. 12 категорий, в каждой из которых подкатегории. Выбор огромен.
  • Iconfinder – иконки, как платные, так и бесплатные. Скачать можно в форматах ICO, PNG, ICNS, SVG.
  • Brushez – большая коллекция кистей для фотошоп. Кроме них еще векторные примитивы, формы, шаблоны, стили. Каждый раздел разбит на подразделы. Например, для кистей более 20 категорий.
  • Vecteezy – бибилотека векторной графики, включая изображения и иллюстрации. Большое количество категорий и огромное – графики.
  • Iconbird — русскоязычный сервис по поиску иконок. Можно ввести тему и получить набор иконок, а можно просматривать по категориям.
  • Icons8 — русскоязычный сервис, предлагающий более 42000 иконок по разным тематикам.

Инфографика


  • Vizualize – онлайн сервис для создания инфографики «О себе». По сути, создает графическое резюме.
  • Canva – простой инструмент для создания любого дизайна. Позволяет оформить презентацию, плакат, запись в соцсетях, книги, письма, материалы и многое другое. Все делается на основании шаблонов, меняется текст. Но шаблонов очень много, есть из чего выбрать.
  • Easelly – создание инфографики на основании шаблонов. Встроенный онлайн редактор позволяет менять оформление, размещать дополнительные жлементы, менять текст.
  • Infogram – онлайн сервис для создания инфографики и интерактивных диаграмм. Не все функции доступны, придется покупать аккаунт.
  • Visage – простой инструмент для создания любого визуального контента (диаграммы, инфографика, изображения для блога и пр.). Множество шаблонов, простой редактор. Некоторые функции платные.
  • Gliffy – онлайн сервис для создания диаграмм. Редактор действует по принципу Microsoft Visio.
  • Visme – онлайн инструмент для создания презентаций и инфографики. Более 1000 шаблонов. Редактор позволяет добавлять текст (заголовки, списки, кавычки и обычный), анимированный текст и виджеты. В бесплатном аккаунте можно скачать как JPG файл.
  • Piktochart – создание высококачественной графики – презентации, инфографика или печатный материал. Выгружается PNG, JPG разных размеров.
  • Drawio – удобный онлайн сервис для создания диаграмм. Можно сохранять в dropbox и подобные сервисы, можно на диск.
  • Venngage – простое создание инфографики, плакатов, отчетов, материалов для соцсетей и пр. В бесплатной версии дает только ссылку на публикацию. За скачивание надо платить.
  • Cacoo —онлайн сервис для рисования диаграмм и карты сайта. Пожалуй, самый лучших по возможностям. Большое количество инструментов и шаблонов. Экспортировать можно в PNG, PDF, SVG, PPT и др.
  • Creately – онлайн сервис рисования диаграмм. Доступны только для публикации. Скачивание платное.
  • Lucidchart — онлайн сервис создания диаграмм и чертежей. Есть возможность импортировать диаграмму Microsoft Visio. Экспортируется в PDF, PNG и JPG. Имеется платный функционал.

Цвета


  • Color Hunt – подбор сочетаний цвета. Можно подбирать до четырех цветов. Есть готовые решения для выбора.
  • TinEye – анализирует сайт и выводит список ресурсов, на которых используется картинка с сайта.
  • ColorZilla – позволяет создавать цвета и градиенты. Выводит css свойства для них.
  • Adobe Color CC – создание цветовых схем.
  • Colicious – нажимайте на пробел и генерируйте новый цвет.
  • Colorscheme — подбор цветовых схем. Есть версия на английском и на русском. Позволяет подобрать цвета к сайту. Имеет тонкую настройку, показывает код цвета. В конечном итоге позволяет просмотреть страницу в выбранной цветовой гамме. Самый большой плюс – просмотр гаммы с точки зрения отклонения цветовосприятия. Также позволяет выбрать разные цветовые модели. Сохраняет в палитру Gimp, CSS,PNG и т.д. Имеет конвертер цветов для перевода из одной цветовой модели в другую.
  • Paletton – инструмент для создания комбинаций цветов. Ничем не отличается от Colorscheme.
  • Pictaculous – анализирует палитру изображения PNG, JPG или GIF. Загружайте изображение и получите набор всех цветов, которые в нем присутствуют.
  • Hex Color Tool – инструмент выбора цвета. Ползунками настраивается цвет, можно выбрать яркость. Затем выбранный цвет сохраняется. Можно подобрать палитру.
  • (Un)clrd – плагин для браузера, который удаляет все цвета и оставляет сайт в черно-белом цвете.
  • BrandColors — самая большая коллекция официальных фирменных цветовых кодов. Выбираете название бренда и скачиваете названия его цветов, в том числе и в css- файл.
  • Colortyper — подбор цветов с необычного ракурса. На экране показываются разноцветные символы, которые пересекаются. Результат пересечения – новый цвет. Выглядит интересно.

Вдохновение


  • Dribbble — Самое многочисленное сообщество дизайнеров. Работы, сообщества, общение – здесь можно найти все что угодно.
  • Freebbble – шаблоны и дизайны из Dribbble. Что-то можно скачать бесплатно, что-то купить. Можно найти шаблоны для CMS, конструкторов, иконки, мокапы, сверстанные шаблоны сайтов и многое другое.
  • Muzli — Ежедневное вдохновение дизайна. Ресурс для дизайнеров с примерами самых необычных работ.
  • Awwwards – лучшие разработки дизайнеров. Организован как сообщество, где можно проголосовать сайт. Выбираются сайт дня, месяца, года и пр. Большое количество дизайна, видео, разработок.
  • Design You Trust — сообщество дизайнеров, совместно использующее последние тенденции, новости, портфолио, дизайны и творческие объявления.
  • Really Good Emails — огромная коллекция хорошо разработанных электронных писем. Выбираете шаблон и получаете его код html, css и js. Можно менять текст, рисунки и пр.
  • Fubiz – публикации из области дизайна и креатива. Можно найти фотографии, дизайн, графику, видео и др. Все разбито по категориям.
  • Designspiration – коллекция дизайнов в стиле Pinterest. Огромное количество идей и примеров – типографика, логотипы, письма и многое другое.
  • Behance – коллекция портфолио от профессионалов. Можно оставить вакансию или резюме.
  • Mobile-patterns – библиотека скриншотов iOS и Android. Все разбито по разделам. Можно найти много идей.
  • One Page Love – галерея лучших дизайнов web-страниц. Можно купить шаблоны и темы. Есть и бесплатные.
  • Uispace — ресурс для дизайнеров. Можно бесплатно скачать psd, sketch, шрифты, мокапы и пр.

Графические редакторы


  • DAZ 3D — 3D моделирование. Регистрируетесь и скачиваете дескопное приложение.
  • Gimp – бесплатный аналог фотошопа. Позволяет настроить модульную сетку, создать направляющие, работать со слоями, добавлять эффекты и пр. Является неплохой бесплатной заменой фотошопу. Является расширяемым — можно скачать дополнительные плагины.
  • Blender — 3D моделирование, анимация, рендеринг, звук, видео. Позволяет создавать игры. Быстро развивающийся редактор, очень популярен.
  • Aviary – онлайн сервис редактирования фотографий. Много возможностей, в том числе «Эффект красных глаз», изменение размера и пр.
  • Pixlr – онлайн редактор фотографий и редактор графики отдельно. Последний похож на фотошоп. Сохраняет на диск.
  • BeFunky – онлайн сервис редактирования фотографий. Эффекты, рамки, графика, ретушь и многое другое. Есть русскоязычный интерфейс.
  • Inkscape – полноценный редактор векторной графики с открытым исходным кодом. Поддерживает возможности формата SVG — работу с фигурами, контурами, текстом, векторизацией растровой графики и др. Кроме обработки векторных изображений, позволяет создать шаблон сайта и нарезать его – модульная сетка присутствует. Дает возможность рисовать фоны, баннеры, векторные логотипы и др.
  • IconEdit2 – очень простая программа для рисования иконок. Имеет фильтры. Позволяет экспортировать изображение для Android и Apple. Можно настраивать глубину цвета, поворачивать и корректировать иконку. Поддерживает полупрозрачность, несколько изображений в один файл ICO и сглаживание во всех инструментах рисования.
  • Falco GIF Animator — программа для создания покадровой анимации и анимированных иконок. На ресурсе можно скачать много разных программ.
  • Krita – профессиональный десктопный редактор с открытым исходным кодом. Доступен для разных ОС.
  • Boxy-SVG — редактор векторной графики, подобный Adobe Illustrator, Sketch и Inkscape.
  • Photopos — многофункциональная программа, с функциями редактора фотографий, графического редактора и приложения для создания компьютерной графики.
  • 5Dfly — бесплатное приложение пакетной обработки фотографий. Умеет создавать слайд-шоу под PowerPoint. Отдельно можно скачать конвертер в PDF.
  • PaintStar — бесплатный редактор изображений. Интерфейс очень похож на Paint, но возможностей больше. Слои, например.
  • PhotoScape – простой редактор фотографий. Имеет функции настройки яркости и цвета, баланс белого, коррекция подсветки, рамки, воздушные шары, мозаичный режим, добавление текста, рисование изображений, обрезка, фильтры, удаление эффекта красных глаз, расцветка, кисть, клон-марка, кисть эффекта и пр.
  • Pablo — онлайн редактор, создающий изображения для социальных сетей. Можно загрузить изображение, посмотреть его для разных устройств, наложить эффект и и текст.
  • Internet Marketing Ninjas – онлайн сервис для быстрой обрезки изображений. Очень удобно, если надо сделать быстро.
  • Meme Generator — генератор мемов. Можно выбрать картинку, создать подпись или сгенерировать ее автоматически. Не скачивается, только публикуется в соцсетях.

Программы для создания логотипа


  • Free Logo Maker – онлайн редактор для создания простых логотипов. Позволяет рисовать с нуля. Бесплатно сохраняет в PNG.
  • DesignMantic – сервис, генерирующий логотип. В редакторе можно изменить, добавив новую форму или текст.
  • Logotype Maker – сервис, генерирующий логотип на основании шаблона. Потом можно поменять в редакторе. Сохраняет в JPG и PNG форматах.
  • Jeta Logo Designer — позволяет быстро создать красочный логотип. Очень проста в обращении. Имеет набор из более чем 10000 фигур и иконок. Возможности стилизации достаточно велики. Объекты, как и текст, можно трансформировать и поворачивать, добавлять эффекты сглаживания, свечения, обводки, тени и т.д. Всего имеет около 200 стилей для фигур. Ручное рисование не предусмотрено, но можно загружать рисунки. Имеет собственные шаблоны логотипов.
  • Flaming Text — онлайн сервис для разработки дизайна логотипа. Основан на шаблонах, но имеет встроенный редактор. Сохраняет в PNG формате.
  • Logo Ease — программа для создания логотипов. Логотип можно создать на основании шаблона, редактировать.
  • Online Logo Maker — онлайн сервис создания логотипов. Простой редактор, легко скачать. Бесплатно только вариант на 300px.

Прототипирование


  • Napkin – десктопное приложение для быстрого создания мокапов для iPhone.
  • HTML5 UP – отзывчивые и адаптивные шаблоны HTML5.
  • Inkbrush — Онлайн инструмент для проектирования шаблонов писем электронной почты. Совмещается с почтовыми службами.
  • Marvelapp – онлайн сервис для создания интерактивного прототипа. Можно создать прототипы для разных устройств. Позволяет загружать готовые макеты, просто перетаскивая их в указанную область. В качестве рисунков используйте mockup. Загружайте, выделяйте области, настраивайте переходы. Интегрирован с DropBox и ГуглДиск, Sketch.
  • MockPlus – программа для создания прототипов на всех платформах. Скачивайте и создавайте. Досьупно для всех устройств.
  • InVision – приложение для совместной работы над прототипом проекта. Инструмент для компании любого размера. Разработка программного продукта с общим доступом — все этапы могут видеть и контролировать как разработчики, так и менеджмент компании.
  • Pencil – десктопный инструмент создания прототипов и интерфейсов. Имеет большой набор инструментов, в том числе диаграммю
  • iPlotz — создание управляемых каркасов сайта или приложения. Для шаблонов можно получить код HTML. Есть онлайн версия, есть десктопная.
  • MockFlow — создание моделей интерфейсов пользователя. Бесплатный доступ ограничен одним пользователем на один проект.
  • Pictofon – быстрое создание мокапа для любого устройства. Выбираем макет, загружаем картинку и получаем мокап в PNG формате.
  • Placeit — Бесплатные шаблоны и мокапы для всех типов устройств. Выбираем макет (от него зависит ракурс просмотра), указываем имя сайта и видим как он будет выглядеть.
  • Pixli – платформа для web-дизайна. Есть бесплатный аккаунт, в котором можно создать мокап, прототип и на его основании сразу сайт.

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

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

habr.com

15 лучших дизайн-студий мира

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

Мы собрали список из 15 лучших дизайн-студий мира, чтобы вы могли оценить такие идеи и поделиться своим впечатлением.

1. B-REEL

Шведское агентство B-REEL было основано в 1999 году. На сегодняшний день у компании 6 офисов по всему миру. По мнению авторитетных журналов Boards Magazine и Creativity Magazine данная студия признала лучшим диджитал продакшеном. Из последних достижений B-REEL – FWA Adobe The Cutting Edge Award за сайт для бренда Smartwater под Droga5. Среди клиентов студии можно отметить MTV, GUCCI, INFINITI, IKEA, Pepsi, Ford и не только.

2. Big-Spaceship

Когда заходишь на сайт американской дизайн-студии Big-Spaceship, то уже становится интересно. Компания позиционирует себя как диджитал-агентство другого типа. Какого? Достаточно ознакомиться с работами этих ребят, чтобы убедиться в их «инакомыслии». Кроме дизайна, Big-Spaceship работает по направлениям: маркетинг, social media, аналитика. А среди их клиентов значатся такие компании, как Adobe, Crayola, Google, YouTube, Shake Shark. Отметим также, что Big-Spaceship неоднократно отмечали как лучшее место для работы в Нью-Йорке.

3. 42 Entertainment

Вы помните рекламную кампанию Why so serious? Это дело рук ребят из студии 42 Entertainment, расположенной в Калифорнии. Основанная в 2003 году, компания успела добиться немалых успехов, особенно в разработке компьютерных игр альтернативной реальности. Стоит отметить Year Zero и I Love Bees. 42 Entertainment работала с проектами «The Dark Knight», «The Girl With A Dragon Tatoo», «Real Steel», «Pirates Of The Carribean».

4. Mullen Advertising

Одна из старейших и наиболее уважаемых студий в мире – Mullen Advertising. Основана в 1970 году. Работает не только по направлению дизайна, но и маркетинга, разработки бренд-стратегии, PR и т.д. Мы знаем Mullen за прекрасную работу для Monster.com – «When I Grow Up». За клиентов Mullen Advertising не грех убить: Ask.com, Century 21, Foxwoods, Four Seasons Hotels and Resorts, General Motors, Google, Grey Goose (vodka), JetBlue, LaQuinta Inns & Suites.

5. Attik

Attik называют лучшей дизайн-студией Запада. Компания расположена в США и Великобритании, специализируется на рекламе, диджитал и брендинге. Работает с такими гигантами, как Adidas, Cocal-Cola, Bacardi, EA, Heineken, Virgin и не только.

6. FICC

Если вы находитесь в Японии и связаны с миром моды и косметики, лучше студии FICC вам не найти. Это наиболее популярная дизайн-студия, которая охватывает направления менеджмента и диджитал, работает с Unilever, Danone, shu uemura и не только. Работы FICC отличаются лаконичностью и простотой, потому что именно в этом заключается истинная красота.

7. TEN

TEN – дизайн-студия из Флориды, США. Ad Age назвал ее «одной из самых горячих диджитал студий». Не удивительно, если учесть замечательные работы для Bacardi, Jay-Z, RubyTuesday, Citizen и т.д.

8. WYSIWYG

Даже если вы не знаете об этой дизайн-студии, нетрудно догадаться о ее месторасположении – Германия. Простой, утонченный сайт свидетельствует о стиле работы компании. Среди клиентов значатся Wacom , Bau Mit, TD, Schweppes, Canyon и другие.

9. Domani Studios

Американская Domain Studios основана в 2001 году. Компания занимается не только дизайном, но и разработкой стратегии бренда. Среди клиентов отметим New Line Cinema, All State Garage, Doritos.

10. Freeger

Дизайн-студия российско-американского происхождения. Основное направление – постеры и сайты. Среди наиболее примечательных работ можно отметить Джима Керри и Высоцкого. Студия позиционирует себя в дизайне, который улучшает жизнь людей. Если вы увидели промо-плакат ближайшей кинопремьеры и вам захотелось пойти в кино, возможно, он был разработан студией Freeger.

11. CreativePeople

Российская студия, основанная в 2003 году. Славится интересным подходом к созданию сайтов, брендов и иллюстраций. Портал Revision.ru поставил CreativePeople на первое место в рейтинге лучших дизайн-студий не просто так, а за отличные работы для Pepsi, РОСБАНК, Мегафона, Amway и других компаний.

12. North Kingdom

North Kingdom – дизайн-студия, основанная в 2003 году и расположенная в Швеции. Несмотря на холодный темперамент, работы компании отличаются яркими красками и высоким качеством. Не удивительно, что студия сотрудничает с такими брендами, как Adidas, Netflix, Google, Carlsberg, Disney и т.д.

13. TomatDesign

Дизайн-студия из России, созданная в 2005 году. Специализируется на корпоративном брендинге, работе с рынком FMCG, графическом дизайне и не только. По версии adme.ru, TomatDesign занимает 2-е место среди ведущих дизайн-студий России. Среди клиентов Газпром, Ada Group, AutoJack, BORK, Р.Ж.Д, банк «Русский стандарт» и т.д.

14. Instinct

Если говорить об оригинальности, то Instinct бьет все рекорды, начиная от сайта студии до работ. Входит в BBDO Group, расположена в Москве. Работает с Теле2, IKEA, LADA, Импэксбанк, DELL, Моя семья, Сбербанк и т.д.

15. Студия Артемия Лебедева

На наш взгляд, когда речь идет об Артемии Лебедеве, громких слов недостаточно. Мы поставили его на последнее место в нашем списке лишь потому, что лучшее подается на десерт.

say-hi.me

Лучшие примеры веб-дизайна

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

 

 

Примеры веб-дизайна портфолио

На подобных сайтах выставляются работы художников. Как правило, они создаются для фотографов, дизайнеров и профессионалов шоу-бизнеса.

hotdot


vittoriomariavecchi


lucasnikitczuk


Peachey photography


mufeed


Caramelbudgie


mustafademirkent


Shaneprendergast


Derek Boateng


uigstudio


uberdigital


Примеры веб-дизайна бизнес сайтов

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

Gc watches


yellowphin


Numero10


delhiwebdesignerz


webartisans


code95


xgraphica


Beoplay


jandk


Livingedge


brognoliincorporadora


zenergy


blackramwhisky


Siaperitivos


kitchenprague


vismap


Clearmedia


M2film


bravepeople


vespillo-lefilm


ipolecat


Веб-дизайн сайтов приложений

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

helvetitee


Disney


calculit.piratesdeaudouce


smartphood.it


Apple


vlog.it


bagigia


4startup


solomo.welovedigital


Веб-дизайн различных сайтов

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

thekennedys


Served-mcr


Tori’s Eye


adidasretailjobs


Cyclemon


T-mobile


stlouischildrens


Спасибо вам за внимание. Надеемся, вам понравились данные примеры и вы нашли среди этой подборки полезные и интересные экземпляры.

Перевод — Дежурка.

Автор — Ayaz Malik.

Возможно, вам также будет интересно:

www.dejurka.ru

Самые оригинальные и современные веб — сайты

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

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

Спасибо www.smashingmagazine.com и рекомендую к просмотру следующие подборки:

beloweb.ru

Лучшие дизайны по версии пользователей Behance / Нетология corporate blog / Habr

Ксения Суворова, редактор блога «Нетологии», сделала подборку одних из самых крутых работ дизайнеров на Behance.

Наша редакция очень любит сайт Behance. Мы решили выделить самые крутые дизайны по версии пользователей сайта в нескольких категориях: анимационный дизайн, брендинг и иллюстрации. Смотрите подборку, учитесь и вдохновляйтесь.

Анимационный дизайн (моушн-дизайн)


«Air Max» от ManvsMachine


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


Кстати, это же и пример отличного брендбука не для крупной корпорации, а для конкретного продукта. Да, такое тоже бывает.

«TrickPics» и «Ooohlympics» для Pornhub


Кто лучше всего поймет международный бренд? Руководство компании решили, что пятеро русских с продакшеном от Officer&Gentelmen. Наши соотечественники не мучались при создании серии мультфильмов для взрослого бренда и использовали Adobe After Effects, Adobe Illustrator и Corel Draw.


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


Работы Eiko Ojala для СМИ


Графический дизайнер и иллюстратор из Таллинна набрал на Behance более 1,222 млн просмотров и около 124 тысяч лайков. Его работы невероятно стильные, минималистичные и простые. Красота, достойная постоянного внимания и заказов крупнейших СМИ мира: Sunday Review, New York Times, La Poste, Wired и других.

Посмотрите на нестандартные идеи и, тем более, исполнение. Нетипичные цвета, текстура и великолепная техничная работа. В простоте — сила.

Брендинг


«Autistic art»


Проект чешской команды из семи человек «Autistic art» собрал более 82 тысяч просмотров, около 12 тысяч лайков и полтысячи комментариев. Идея родилась из минималистичного изображения окна и рисунков людей с расстройствами аутистического спектра.


При создании брендбука использовались продукты Adobe: Photoshop, Illustrator, InDesign. Работа — отличный пример того, как хорошая идея и исполнение могут быть применены на любом предмете.



Работы команды Ramotion


Команда Ramotion из Сан-Франциско получила за все свои работы на Behance практически 207 тысяч лайков, а их творения посмотрели в совокупности 2 млн 164 тысячи человек. Публикация нескольких работ, одних из лучших, получила 134 тысячи просмотров и 18 тысяч лайков.

На самом деле, если смотреть на работы команды, то понимаешь, что Артемий Лебедев — хорош, но недостаточно.



Работы Studio-JQ


Студия из Бристоля, Англия, набрала лайков, комментариев и просмотров даже больше, чем популярная компания Ramotion. У них 3.5 млн просмотров, 265 тысяч лайков.

Подборка работ, выложенная единым постом, собрала 108 тысяч просмотров и 14,5 тысяч лайков. Это и неудивительно. Явный профессионализм, яркие цвета, а не сдержанный минимализм, как у Ramotion, действительно привлекают внимание.

Иллюстрации


Работы Emi Haze


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


Её инструменты — это стандартный Photoshop и еще Apple IMac, графический планшет Wacom Cintiq, акварель и акрил. Еще периодически она использует InDesign.

«Kitten Free Typeface Family»


Все любят котиков и красивую типографику. Итальянские графические дизайнеры совместили два в одном. И немного взорвали Behance. Всего 90 тысяч просмотров, но и 22 тысячи лайков. Соотношение очень большое.


Команда использует Photoshop, Illustrator, After Affects и FontLab Studio.

Проект «Tropical Blast»


Foreal Studio из Германии со «скромными» 620 тысячами просмотров и 62 тысячами лайков создали проект с помощью Photoshop, Illustrator, Maxon Cinema 4D, Wacom Tablet, Wacom Intuos и обычного карандаша с ручкой.


habr.com

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *