сервисы, книги, фильмы, игры, фотобанки
Иоханесс Итенн, «Искусство формы»
Эллен Лаптон, Дженнифер Коул Филлипс, «Графический дизайн: базовые концепции»
Генрих Альтшуллер, «Введение в ТРИЗ — теорию решения изобретательских задач»
Йозеф Мюллер-Брокман, Сетка: «Модульные системы в графическом дизайне»
Кимберли Элам, «Графический дизайн. Принцип сетки»
Александра Королькова, «Живая типографика»
Ян Чихольд, «Новая типографика»
Джессики Хиш «Про леттеринг
Карен Чэн, «Designing Type»
Роберт Брингхерст, «Основы стиля в типографике»
Джеймс Феличи, «Типографика. Шрифт, верстка, дизайн»
Юрий Гордон, «Книга про буквы от Аа до Я» (второе издание)
Иоханесс Итенн, «Искусство цвета»
Эрик Шпикерманн, «О шрифте»
Дэвид Эйри, «Логотип и фирменный стиль. Руководство дизайнера»
Бюро Горбунова, «Пользовательский интерфейс»
Итан Маркотт, «Отзывчивый веб-дизайн»
Стив Круг, «Не заставляйте меня думать.
Веб-юзабилити и здравый смысл»
Трилогия Алексея Соколова, «Монтаж: телевидение, кино, видео» (3 тома)
Гарольд Уайтэкер, Джонс Халас, «Тайминг в анимации»
Джон Труби, «Анатомия истории. 22 шага к созданию успешного сценария»
Питер Уорд, «Композиция кадра в кино и на телевидении»
Артём Горбунов, «Типографика и вёрстка»
Аарон Уолтер, «Эмоциональный веб-дизайн»
Ноэл Райли, «Элементы дизайна. Развитие дизайна и элементов стиля от ренессанса до постмодернизма»
Джон Пайл, «История дизайна интерьеров. 6 000 лет истории»
Адриан Форти, «Объекты желания. Дизайн и общество с 1750 года»
Стефан Кэлоуэй, «Элементы стиля. Энциклопедия архитектурных деталей»
Магдалена Бросте, «Баухауз»
Вячеслав Глазычев, «Дизайн как он есть»
Ральф Каплан, «С помощью дизайна. Почему не было замков на дверях ванных комнат в отеле „Людовик XIV“ и другие примеры»
Эрнст Нойферт, «Строительное проектирование»
Дэвид Эйри, «Логотип и фирменный стиль.
Руководство дизайнера»
Кристиан ЛеБорг, «Графический дизайн. Visual Grammar»
Юрий Гордон, «О языке композиции»
Йозеф Мюллер-Брокманн, «Модульные системы в графическом дизайне. Пособие для графиков, типографов и оформителей выставок»
Ричард Пулин, «Школа дизайна: Шрифт. Практическое руководство для студентов и дизайнеров»
Александр Прохоров, «Русская модель управления»
Ян Чихольд, «Облик книги»
Шон Адамс, Терри Ли Стоун, «Дизайн и цвет. Практикум. Реальное руководство по использованию цвета в графическом дизайне»
Дональд Норман, «Дизайн привычных вещей»
Алан Купер, «Интерфейс. Основы проектирования взаимодействия»
Дмитрий Чернышев, «Как думают люди»
Остин Клеон, «Кради как художник»
Майк Монтейро, «Дизайн – это работа»
Noah Wardrip-Fruin, Nick Mantfort «The New Media Reader»
Randall Packer, Ken Jordan «Multimedia: from Wagner to Virtual Reality»
Ян Чихольд, «Образцы шрифтов»
Лев Манович, «Язык новых медиа»
Лев Манович, «Теории софт-культуры»
Кристиана Пол, «Цифровое искусство»
Умберто Эко, «Открытое произведение»
Скотт Маккуайр, «Геомедиа»
Генри Дженкинс, «Конвергентная культура»
Антон Уткин, Ната Покровская, «Белое зеркало»
Джон Сибрук, «Nobrow.
Культура маркетинга. Маркетинг культуры»
Александр Акимович, «Эпоха сокрушительных творений»
Майкл Баскар, «Принцип кураторства. Роль выбора в эпоху переизбытка»
Скотт Макклауд, «Понимание комикса»
Джон Бергер, «Искусство видеть»
Роузли Голдберг, «Искусство перформанса: от футуризма до наших дней»
Подход (Jobs to be done) от компании Intercom
Виктор Папанек, «Дизайн для реального мира»
Дональд Норман, «Дизайн привычных вещей и дизайн вещей будущего»
Алан Купер, «Психбольница в руках пациентов»
Джеф Раскин, «Интерфейс»
Аарон Уолтер, «Эмоциональный веб-дизайн»
Люк Вроблевски, «Сначала мобильные»
Итан Маркотт, «Отзывчивый веб-дизайн»
Джесс Гаррет, «Веб-дизайн: элементы опыта взаимодействия»
Тим Браун, «Дизайн-мышление в бизнесе: от разработки новых продуктов до проектирования бизнес-моделей»
Майкл Микалко, «Рисовый штурм и еще 21 способ мыслить нестандартно»
Загмайстер и Уолш, «О Красоте»
Эмиль Рудер, «Типографика»
Владимир Ефимов, «Великие шрифты» (2 книги)
Дэвид Илгмэн, Энтони Брандт, «Креативный вид.
Как стремление к творчеству меняет мир»
Пол Рэнд, «Форма и хаос»
Майкл Бейрут, «Теперь вы это видите»
Герман Цапф, «Философия дизайна Германа Цапфа»
Хеллер Стивен и Чваст Сеймур, «Эволюция графических стилей. От викторианской эпохи до нового века»
сервисы, книги, фильмы, игры, фотобанки
Иоханесс Итенн, «Искусство формы»
Эллен Лаптон, Дженнифер Коул Филлипс, «Графический дизайн: базовые концепции»
Генрих Альтшуллер, «Введение в ТРИЗ — теорию решения изобретательских задач»
Йозеф Мюллер-Брокман, Сетка: «Модульные системы в графическом дизайне»
Кимберли Элам, «Графический дизайн. Принцип сетки»
Александра Королькова, «Живая типографика»
Ян Чихольд, «Новая типографика»
Джессики Хиш «Про леттеринг
Карен Чэн, «Designing Type»
Роберт Брингхерст, «Основы стиля в типографике»
Джеймс Феличи, «Типографика. Шрифт, верстка, дизайн»
Юрий Гордон, «Книга про буквы от Аа до Я» (второе издание)
Иоханесс Итенн, «Искусство цвета»
Эрик Шпикерманн, «О шрифте»
Дэвид Эйри, «Логотип и фирменный стиль.
Руководство дизайнера»
Бюро Горбунова, «Пользовательский интерфейс»
Итан Маркотт, «Отзывчивый веб-дизайн»
Стив Круг, «Не заставляйте меня думать. Веб-юзабилити и здравый смысл»
Трилогия Алексея Соколова, «Монтаж: телевидение, кино, видео» (3 тома)
Гарольд Уайтэкер, Джонс Халас, «Тайминг в анимации»
Джон Труби, «Анатомия истории. 22 шага к созданию успешного сценария»
Питер Уорд, «Композиция кадра в кино и на телевидении»
Артём Горбунов, «Типографика и вёрстка»
Аарон Уолтер, «Эмоциональный веб-дизайн»
Ноэл Райли, «Элементы дизайна. Развитие дизайна и элементов стиля от ренессанса до постмодернизма»
Джон Пайл, «История дизайна интерьеров. 6 000 лет истории»
Адриан Форти, «Объекты желания. Дизайн и общество с 1750 года»
Стефан Кэлоуэй, «Элементы стиля. Энциклопедия архитектурных деталей»
Магдалена Бросте, «Баухауз»
Вячеслав Глазычев, «Дизайн как он есть»
Ральф Каплан, «С помощью дизайна. Почему не было замков на дверях ванных комнат в отеле „Людовик XIV“ и другие примеры»
Эрнст Нойферт, «Строительное проектирование»
Дэвид Эйри, «Логотип и фирменный стиль.
Руководство дизайнера»
Кристиан ЛеБорг, «Графический дизайн. Visual Grammar»
Юрий Гордон, «О языке композиции»
Йозеф Мюллер-Брокманн, «Модульные системы в графическом дизайне. Пособие для графиков, типографов и оформителей выставок»
Ричард Пулин, «Школа дизайна: Шрифт. Практическое руководство для студентов и дизайнеров»
Александр Прохоров, «Русская модель управления»
Ян Чихольд, «Облик книги»
Шон Адамс, Терри Ли Стоун, «Дизайн и цвет. Практикум. Реальное руководство по использованию цвета в графическом дизайне»
Дональд Норман, «Дизайн привычных вещей»
Алан Купер, «Интерфейс. Основы проектирования взаимодействия»
Дмитрий Чернышев, «Как думают люди»
Остин Клеон, «Кради как художник»
Майк Монтейро, «Дизайн – это работа»
Noah Wardrip-Fruin, Nick Mantfort «The New Media Reader»
Randall Packer, Ken Jordan «Multimedia: from Wagner to Virtual Reality»
Ян Чихольд, «Образцы шрифтов»
Лев Манович, «Язык новых медиа»
Лев Манович, «Теории софт-культуры»
Кристиана Пол, «Цифровое искусство»
Умберто Эко, «Открытое произведение»
Скотт Маккуайр, «Геомедиа»
Генри Дженкинс, «Конвергентная культура»
Антон Уткин, Ната Покровская, «Белое зеркало»
Джон Сибрук, «Nobrow.
Культура маркетинга. Маркетинг культуры»
Александр Акимович, «Эпоха сокрушительных творений»
Майкл Баскар, «Принцип кураторства. Роль выбора в эпоху переизбытка»
Скотт Макклауд, «Понимание комикса»
Джон Бергер, «Искусство видеть»
Роузли Голдберг, «Искусство перформанса: от футуризма до наших дней»
Подход (Jobs to be done) от компании Intercom
Виктор Папанек, «Дизайн для реального мира»
Дональд Норман, «Дизайн привычных вещей и дизайн вещей будущего»
Алан Купер, «Психбольница в руках пациентов»
Джеф Раскин, «Интерфейс»
Аарон Уолтер, «Эмоциональный веб-дизайн»
Люк Вроблевски, «Сначала мобильные»
Итан Маркотт, «Отзывчивый веб-дизайн»
Джесс Гаррет, «Веб-дизайн: элементы опыта взаимодействия»
Тим Браун, «Дизайн-мышление в бизнесе: от разработки новых продуктов до проектирования бизнес-моделей»
Майкл Микалко, «Рисовый штурм и еще 21 способ мыслить нестандартно»
Загмайстер и Уолш, «О Красоте»
Эмиль Рудер, «Типографика»
Владимир Ефимов, «Великие шрифты» (2 книги)
Дэвид Илгмэн, Энтони Брандт, «Креативный вид.
Как стремление к творчеству меняет мир»
Пол Рэнд, «Форма и хаос»
Майкл Бейрут, «Теперь вы это видите»
Герман Цапф, «Философия дизайна Германа Цапфа»
Хеллер Стивен и Чваст Сеймур, «Эволюция графических стилей. От викторианской эпохи до нового века»
15 Полезные инструменты и веб-сайты для веб-дизайнеров
Как и в любой профессии, существуют инструменты и ресурсы, облегчающие вашу жизнь как веб-дизайнера. Чем полезнее и экономнее ваши инструменты, тем больше времени вы сможете уделить таким важным задачам, как кодирование и проектирование. Что касается меня лично, то любые инструменты, с которыми я сталкиваюсь, которые помогают мне делать свою работу быстрее, лучше и эффективнее, я обязательно сохраняю и возвращаюсь к ним. Вот коллекция из 15 полезных онлайн-инструментов и веб-сайтов для веб-дизайнеров, которые я часто использую.
У вас есть цвет, который вы будете использовать в своем проекте веб-дизайна, может быть, цвет логотипа, но вы не знаете, что делать дальше в отношении создания идеальной цветовой схемы для вашего проекта? Тогда Adobe Color CC — это именно тот инструмент, который вам нужен.
Adobe Color CC позволяет создавать и сохранять различные цветовые схемы. Просто вставьте шестнадцатеричный код цвета (например, #0babc4), а затем выберите, хотите ли вы, чтобы цветовая схема была аналоговой, монохромной, комплементарной, составной и т. д. Чрезвычайно просто и полезно.
Chrome DevTools — это набор инструментов веб-разработчика, встроенных непосредственно в браузер Google Chrome. Его функция быстрой отладки поможет направить вас к ошибкам в вашем коде, сэкономив вам массу времени при попытке выяснить местонахождение ошибки кодирования. Еще одна невероятная особенность — возможность быстрого изменения стиля. Хотите узнать, как будет выглядеть абзац с другим шрифтом? Хотите знать, если вы должны добавить больше отступов к модулю? Chrome DevTools позволяет очень быстро и легко увидеть, как будут выглядеть эти изменения стиля. Этот инструмент необходим всем, кто занимается веб-разработкой.
Как бы просто это ни звучало, это веб-приложение показывает текущий размер окна вашего браузера.
Это может быть полезно при разработке адаптивных веб-сайтов.
Color от Hailpixel — идеальный инструмент для поиска и изучения цветовых комбинаций и цветовых оттенков. Просто наведите указатель мыши на экран, чтобы увидеть бесконечные вариации цветов и полюбоваться ими. Как только вы встретите понравившийся цвет, нажмите на него и продолжите поиск следующего цвета. Приложение предоставляет вам все выбранные вами шестнадцатеричные цветовые коды, что очень удобно.
Brusheezy — это место, где можно найти ресурсы Photoshop. Там вы найдете бесконечное множество кистей Photoshop, узоров, текстур, PSD-файлов и многого другого — практически всего, что связано с Photoshop. Все ресурсы Brusheezy можно загрузить бесплатно и, в зависимости от лицензии, бесплатно использовать в своих проектах.
В Интернете есть много веб-сайтов со шрифтами, но на большинстве из них вам нужно заплатить за право использовать шрифты в коммерческих целях. Замечательная особенность Google Fonts заключается в том, что весь их каталог шрифтов является бесплатным и открытым исходным кодом, доступным каждому для любого проекта, как личного, так и коммерческого.
Unsplash предлагает бесплатные стоковые изображения высокого разрешения, которые вы можете использовать в своих проектах веб-дизайна. Что замечательно, так это то, что все фотографии на Unsplash находятся под лицензией Creative Commons Zero, что означает, что вы можете копировать, изменять, распространять и использовать их бесплатно (в том числе в коммерческих целях), не спрашивая разрешения или не указывая авторство у фотографа или Unsplash. .
Как и Unsplash, Pixabay — еще один отличный веб-сайт и ресурс для бесплатных стоковых изображений для ваших проектов веб-дизайна.
Базирующаяся в Копенгагене, Дания, Iconfinder работает с сообществом местных и международных дизайнеров иконок. Они постоянно расширяются и пополняют свою очень большую коллекцию иконок, доступных для скачивания. Некоторые из их иконок можно использовать бесплатно без разрешения. Другие можно использовать бесплатно с указанием автора, а другие продаются по очень разумной цене (обычно 1 или 2 доллара).
Этот веб-сайт/инструмент очень полезен тем, что позволяет вам создать фавикон с нуля с помощью их онлайн-приложения или путем загрузки собственного изображения и преобразования его в фавикон. По сравнению с другими генераторами значков, я считаю favicon.cc одним из лучших из-за того простого факта, что им легко пользоваться, а качество значков высокое (и не суперзернистые, как значки, созданные другими генераторами значков на сети).
Нашли изображение с красивым шрифтом, но не можете понять, что это за шрифт? Просто загрузите изображение в идентификатор шрифта Font Squirrel, и их приложение сообщит вам название шрифта. Очень легко и удобно.
Freepik — отличный источник иллюстраций и графического дизайна. Я лично использовал его для создания очень красивой и подробной инфографики. Что хорошего в Freepik, так это то, что контент можно использовать как в личных, так и в коммерческих проектах (со ссылкой на Freepik).
Запомнить собственные пароли достаточно сложно; попробуйте вспомнить пароли всех сайтов ваших клиентов.
Задание невыполнимо! Для этого я использую бесплатное приложение LastPass. Это инструмент управления паролями, который позволяет очень легко сохранять пароли и управлять ими. Что замечательно, так это то, что LastPass основан на облаке, поэтому вы можете войти в систему и получить свои пароли из любого места и в любое время.
Нужно немного вдохновения для вашего следующего проекта? Awwwards — это выставка отмеченных наградами веб-сайтов со всего мира. Вы можете просматривать веб-сайты по полученным наградам (номинанты, сайты года и т. д.), по категориям (архитектура, блог, электронная коммерция, мода и т. д.), по цвету и даже по стране.
Еще один отличный источник вдохновения. Dribbble — это сообщество дизайнеров, которые делятся друг с другом и другими дизайнерами тем, над чем они работают. Сообщество состоит из веб-дизайнеров, графических дизайнеров, иллюстраторов, дизайнеров логотипов, художников по иконкам, типографов и других креативщиков, которые делятся скриншотами любого проекта (ов), над которым они работают, что делает его отличным местом для получения новых идей для ваших проектов.
.
40 бесплатных и необычайно полезных веб-сайтов для веб-дизайнеров… о которых вы не знали | Марвин Рассел
В честь моего 40-летия в этом году, вот 40 самых полезных бесплатных веб-сайтов для веб-дизайнеров, о которых вы, возможно, не знали.
Работая в сфере веб-дизайна уже более 15 лет, я наткнулся на такие маленькие жемчужины на протяжении многих лет и со временем добавил их в закладки своего браузера. Итак, я хотел бы поделиться некоторыми из моих любимых и почему они такие классные.
- https://namechk.com позволяет вам ввести имя пользователя, и он будет искать сотни сайтов социальных сетей и доменных имен, чтобы увидеть, что доступно.
- http://draw.io — это бесплатный онлайн-инструмент для создания каркасов, диаграмм, карт сайта и многого другого. Это удобная маленькая жемчужина для веб-дизайнеров.
- https://www.checkli.com позволяет вам создать бесплатный контрольный список для чего угодно, и вы можете поделиться версией только для чтения или редактируемой версией с кем угодно, чтобы помочь вам выполнить задачи.
- https://pixlr.com/editor ближе всего к бесплатному фотошопу онлайн.
- https://pastebin.com позволяет обмениваться фрагментами кода в Интернете, не беспокоясь о надоедливых тегах HTML-кода.
- https://soovle.com — это самый быстрый инструмент для поиска ключевых слов в мире. Начните печатать, и появятся ключевые слова. Это глупо просто, что делает его великолепным.
- https://gtmetrix.com — это бесплатный инструмент, который анализирует скорость любой веб-страницы и выводит информацию о том, почему веб-страница такая медленная.
- https://builtwith.com — это сайт, который я использую ежедневно, чтобы быстро увидеть, на чем построен веб-сайт и какие плагины или сторонние инструменты они используют. Совет: возьмите Chrome ext.
- http://downforeveryoneorjustme.com давайте посмотрим, не работает ли веб-сайт только для вас, а также для всех остальных.
- https://publicdomainvectors.org/ — это сайт, на который я регулярно захожу, чтобы найти бесплатные общедоступные векторные изображения, значки и графику.
- https://whenshouldwe.com/ позволяет вам и вашей команде легко определить время встречи.
- https://unsplash.com , вероятно, лучший онлайн-ресурс для бесплатных стоковых фотографий. Все общественное достояние, CC0. Не беспокойтесь об авторских правах BS.
- http://exif.regex.info/exif.cgi отлично подходит для поиска скрытых метаданных в изображениях, которые вы «позаимствовали» из Интернета.
- https://faxzero.com позволяет отправлять факсы клиентам старой школы, которые до сих пор используют устаревшие факсимильные аппараты.
- https://www.bounceapp.com делает скриншоты любого сайта. Вы можете скачать снимок экрана или сделать пометки на снимке экрана и поделиться ими с коллегами или клиентами.
- https://www.toptal.com/designers/htmlarrows — это веб-сайт, полный HTML-стрелок и символов, которые вы можете легко скопировать и вставить на свой веб-сайт или в исходный код.
- https://www.pdfescape.com позволяет бесплатно редактировать файлы PDF онлайн.
- https://corrupt-a-file.net позволяет вам намеренно отправить поврежденный файл вашему начальнику или клиенту… на случай, если вы опоздаете с работой. #wink
- https://www.codecademy.com позволяет бесплатно научиться программировать. Допинг, да?
- https://send.firefox.com позволяет отправлять безопасные и защищенные файлы параноидальным клиентам цифрового маркетинга (до 1 ГБ), которые будут немедленно удалены после того, как они его откроют.
- https://wetransfer.com позволяет бесплатно отправлять клиентам или коллегам большие файлы размером до 2 ГБ! Отлично подходит для менее параноидальной толпы.
- http://www.oldversion.com позволяет найти старые версии любого программного обеспечения для веб-дизайна или разработки. Чувак, на этом сайте есть Macromedia Dreamweaver. ВТФ!
- https://www.futureme.org позволяет отправлять будущие электронные письма самому себе. Употребление и здорово!
- https://maildrop.cc позволяет быстро создавать «поддельные» электронные письма для подписки на не очень полезные веб-сайты. Отличный способ избежать спама в будущем. МУХАХХАХАХА!
- https://wordcounter.net/website-word-count подсчитывает количество слов на вашей странице. Я часто использую этот сайт при ведении блога. В некоторых из этих постов нужно набрать 2000 слов. Нет этого ;(
- https://www.myfonts.com/WhatTheFont/ просматривает изображение или фотографию и определяет на ней семейство шрифтов.
- http://scr.im/ позволяет замаскировать вашу электронную почту забавной или милой ссылкой, чтобы вас не спамили. Идеально подходит для оправданно параноидального веб-разработчика.
- https://brandcolors.net/ позволяет легко найти шестнадцатеричные коды цветов для любого известного бренда.
- https://app.prntscr.com/en/index.html — восхитительное расширение для браузера, которое я установил прямо сейчас. Он отлично подходит для создания скриншотов, рисования на них и обмена ими с клиентами или коллегами.
- https://iconmonstr.com содержит множество абсолютно бесплатных иконок для коммерческого или личного использования.
- http://www.endlessicons.com/ — еще один веб-сайт, полный «бесконечных» бесплатных иконок для коммерческого или личного использования.
- https://www.sitebuilderreport.com/stock-up извлекает бесплатные стоковые фотографии (CC0 или Public domain) с более чем 35 различных веб-сайтов. Стоит добавить на панель закладок, ага.
- https://optimizemysite. com / позволяет увидеть, насколько оптимизирована для SEO и Google конкретная веб-страница по ключевому слову. Супер полезно. На самом деле я построил этого плохого парня в свое время, но он был настолько потрясающим, что какая-то крупная компания купила его у меня. Ура!
- https://imgbb.com позволяет бесплатно загружать изображения, чтобы делиться ими с коллегами или клиентами.
- https://www.copypastecharacter.com позволит вам копировать и вставлять раздражающие символы клавиатуры.
- https://smallpdf.com позволяет вам делать с вашим PDF ВСЕ, что вам нужно. Будьте причудливыми и конвертируйте, сжимайте, редактируйте, поворачивайте и даже разблокируйте свой PDF-файл.
- https://ocean19.com/free-contractor-agreement-maker/ — это быстрый и бесплатный способ заключить контракт для фрилансера, чтобы он или она не украли вашу идею проекта, клиента или что-то еще. Изготовление занимает 5 секунд.
Идеально подходит для оправданно параноидального веб-разработчика.
com / позволяет увидеть, насколько оптимизирована для SEO и Google конкретная веб-страница по ключевому слову. Супер полезно. На самом деле я построил этого плохого парня в свое время, но он был настолько потрясающим, что какая-то крупная компания купила его у меня. Ура!