Сообщество - Графический и Веб-дизайн
Добавить пост

Графический и Веб-дизайн

977 постов 12 548 подписчиков

Популярные теги в сообществе:

5 книг по типографике, которые стоит прочитать каждому, кто работает со шрифтом

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

1. Шрифт в айдентике, рекламе, многостраничниках, упаковке, навигации и вебе

5 книг по типографике, которые стоит прочитать каждому, кто работает со шрифтом Графический дизайн, Дизайн, Каллиграфия, Типографика, Леттеринг, Веб-дизайн, Длиннопост

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


Почитать о книге

2. «О шрифте», Шпикерман Эрик.

5 книг по типографике, которые стоит прочитать каждому, кто работает со шрифтом Графический дизайн, Дизайн, Каллиграфия, Типографика, Леттеринг, Веб-дизайн, Длиннопост

Книга про новые шрифтовые технологии, современные шрифты и проблемы

с буковками в веб-дизайне.


Полистать


Почитать о книге

3. «Типографика. Руководство по оформлению», Эмиль Рудер

5 книг по типографике, которые стоит прочитать каждому, кто работает со шрифтом Графический дизайн, Дизайн, Каллиграфия, Типографика, Леттеринг, Веб-дизайн, Длиннопост

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


Почитать о книге

4. «Книга про буквы от Аа до Яя», Юрий Гордон

5 книг по типографике, которые стоит прочитать каждому, кто работает со шрифтом Графический дизайн, Дизайн, Каллиграфия, Типографика, Леттеринг, Веб-дизайн, Длиннопост

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


Почитать о книге

5. «Живая типографика», Александра Королькова

5 книг по типографике, которые стоит прочитать каждому, кто работает со шрифтом Графический дизайн, Дизайн, Каллиграфия, Типографика, Леттеринг, Веб-дизайн, Длиннопост

Книга про главные правила типографики. Классификация, размещение на развороте, принципы и правила набора.


Почитать о книге



Взято отсюда

Показать полностью 5

Ежедневная иконка — вытяжка

Ежедневная иконка — вытяжка Иконки, Вытяжка
Показать полностью 1

Ежедневная иконка — люстра

Ежедневная иконка — люстра Иконки, Люстра
Показать полностью 1

Дизайн без текста — не дизайн: инфостиль

Любому дизайнеру нужен копирайтер, а так как сейчас дизайнер — образ собирательный, он должен уметь и качественные визуалы создавать, и полезные тексты писать.


Давай разберемся, что такое инфостиль на примере нашего любимого автора Максима Ильяхова и книжки «Пиши, сокращай», и расскажем, почему тебе стоит использовать инфостиль в твоих проектах.


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

Дизайн без текста — не дизайн: инфостиль Веб-дизайн, Дизайн, Копирайтинг, Графический дизайн, Длиннопост

Работа Анны Юзвик

Лаконичный, интересный, честный

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


Интерес — чувство, вызываемое у пользователя, про которое никогда нельзя забывать, ведь если твой проект интересен, с тобой скорее всего останутся на долгое время.


Честность — никому не нравится когда ему лгут или кормят «красивыми» обещаниями. Писать честно, но при этом не отпугнуть пользователя нелегко, но всегда можно это сделать, посмотрев на свой проект с другой стороны.


Лаконичность — все тоже: никакого мусора, убираем лишние слова, делаем предложения короче и проще.


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


Но это еще не все, о чем стоит помнить при создании текстов для проекта. Нужно не забывать как нужно писать.

Дизайн без текста — не дизайн: инфостиль Веб-дизайн, Дизайн, Копирайтинг, Графический дизайн, Длиннопост

Работа Татьяны Петуховой

Полезно и заботливо

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


В любом тексте есть точки А и В для каждого читателя, где А — заинтересованность читателя, а В — конечная цель.


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


Если большой сложный текст разбить на абзацы, то он будет уже не таким сложным и большим, обычно это 3–5 предложений. В начале ставь предложение, которое объясняет содержание абзаца. Читатель будет скользить по тексту и, если начало абзаца интересное, изучит текст подробнее, если нет — перейдет к следующему.

Дизайн без текста — не дизайн: инфостиль Веб-дизайн, Дизайн, Копирайтинг, Графический дизайн, Длиннопост

Работа Валерии Соловьевой

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


Какие виды пользы приводит Максим Ильяхов:


1. Объяснить сложное простым языком: сделать текст ёмким можно без сложных терминов и словосочетаний.

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

3. Сначала показать, потом рассказать: здесь приводится важный факт — без визуального представления и качественного изображения текст не даст максимальной пользы.

4. Помочь с трудностями: практические рекомендации, объяснения, примеры — та польза, которой захочется воспользоваться.

5. Структура и выводы: невнимательному читателю или тому, кто хочет быстро найти нужную информацию, необходимо видеть основные пункты и краткие выводы.


Взято отсюда.

Показать полностью 3

UX/UI Дизайн - Часть 1

Привет, пикабу. На днях я решил освоить и разузнать, что такое ui/ux дизайнер, что входит в его обязанности, возможно-ли найти работу без опыта и должного образования и насколько сложно вот это вот все? Своим продвижением я планирую делиться с вами - в виде блога.

UX/UI Дизайн - Часть 1 Дизайн, Uiux, Дизайн интерфейсов, Интерфейс, Профессия, Интересное, Видео, Длиннопост

И так, разберемся что же означает UI/UX дизайн простыми словами.


UX - это User Experience (в переводе "опыт пользователя"). Т.е. это опыт, который пользователь получает при использовании нашего интерфейса. Удалось-ли ему найти необходимую задачу и как просто или быстро он это сделал.


UI - это User Interface (в переводе "пользовательский интерфейс"). Это именно то, что мы привыкли называть дизайном - как выглядит интерфейс, какие цвета используются и насколько читабельный текст.

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

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

В водной части не будет практики, ведь для начала нужны хоть какие-то основы.

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

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


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

UX/UI Дизайн - Часть 1 Дизайн, Uiux, Дизайн интерфейсов, Интерфейс, Профессия, Интересное, Видео, Длиннопост

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

Яндекс.Еда и Delivery Club.(Не реклама).

Начнем с Яндекс.

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

Давайте сравним его с Деливери. На первый взгляд интерфейс достаточно схожий.

Не сложно определить, что поле для ввода адреса у Яндекса вызывает большее внимание, за счет яркого желтого блока, но так-ли оно необходимо? Идем дальше и видим, что меню с вкладками у Деливери расположено в нижней части экрана и оно статично, но при этом информацию о ресторанах оно не закрывает и ее не меньше, чем в Яндексе. И чтобы открыть личные данные мы делаем всего один тап по значку, в Яндексе же необходимо сначала открыть меню-бутер и затем данные - 2 тапа, да и расположение сверху, что не очень удобно.

Как по мне интерфейс Деливери оказался интуитивно понятнее и проще. 

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

Некоторая часть информации была взята со статьи https://habr.com/ru/post/321312/

Показать полностью 2 2

Бесплатный шрифт Shnobel

Рубрика ЯтвойШрифт. Сегодня расскажу про яркий и озорной шрифт, который в последнее время мне приглянулся.


Шрифт называется shnobel. Бесплатный как для личного так и для коммерческого использования. Люблю такое) Автор шрифта Vova Egoshin. Презентация естественно от меня.


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


Скачать шрифт: https://yadi.sk/d/S4tz9GZjJfBFcQ
Источник презентации: https://vk.com/wall-69217383_33706
Бесплатный шрифт Shnobel Photoshop, Дизайн, Шрифт, Длиннопост, Юмор
Бесплатный шрифт Shnobel Photoshop, Дизайн, Шрифт, Длиннопост, Юмор
Бесплатный шрифт Shnobel Photoshop, Дизайн, Шрифт, Длиннопост, Юмор
Бесплатный шрифт Shnobel Photoshop, Дизайн, Шрифт, Длиннопост, Юмор
Бесплатный шрифт Shnobel Photoshop, Дизайн, Шрифт, Длиннопост, Юмор
Бесплатный шрифт Shnobel Photoshop, Дизайн, Шрифт, Длиннопост, Юмор
Бесплатный шрифт Shnobel Photoshop, Дизайн, Шрифт, Длиннопост, Юмор
Бесплатный шрифт Shnobel Photoshop, Дизайн, Шрифт, Длиннопост, Юмор
Показать полностью 8

Дизайнерские игры для работы с цветом

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

Color

Развитие цветового восприятия

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

Дизайнерские игры для работы с цветом Веб-дизайн, Дизайн, Развивающее, Цвет, Длиннопост

Kolor

Соответствие цветов

Научит лучше различать оттенки. Следи за цветом большой полосы и ищи соответствие на палитре. Просто? Не тут то было.

Дизайнерские игры для работы с цветом Веб-дизайн, Дизайн, Развивающее, Цвет, Длиннопост

The Color

Внимательность и восприятие

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

Дизайнерские игры для работы с цветом Веб-дизайн, Дизайн, Развивающее, Цвет, Длиннопост

Brandseen

Прокачать зрительную память

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

Дизайнерские игры для работы с цветом Веб-дизайн, Дизайн, Развивающее, Цвет, Длиннопост

Взято отсюда

Показать полностью 3

Бесплатный логотип за ваш комментарий, ч.3

Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн

Здравствуйте, уважаемые пикабушники!


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


За этот период получено свыше 250 заявок, выполнены более 30 из них. Многие из логотипов уже размещены владельцами на своих сайтах, ютюб-каналах, аватарках и т.д. А банкет, между тем, продолжается! Те, кто не успел в прошлые два поста — получают возможность повторно обратиться сейчас! Заявки будут приниматься также в течении месяца.


Просто оставьте в этом посте комментарий следующего вида:


1. Название компании/продукта/имя предпринимателя.

2. Отрасль/сфера деятельности/слоган или иной дескриптор.

3. Общие пожелания к логотипу.

4. Контакты, куда высылать векторные исходники.


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


Примеры моих работ, которые были выполнены для пикабушников в прошлом посте:

Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Бесплатный логотип за ваш комментарий, ч.3 Логотип, Халява, Бесплатно, Free, Длиннопост, Дизайн
Показать полностью 18
Отличная работа, все прочитано!