BUDVINSKY5 июля 2020
No Comments
Community
BUDVINSKY
Design
Information
Дизайнер, работаю с графикой, создаю различные оформления, работаю в Adobe Photoshop/illustrator/After Effects, Sony Vegas/MAGIX, Blender, NanoCAD. В данном сообществе буду постить свои работы, инструменты, кисти, текстуры, шрифты, футажи и многое другое.
Контакты:
liveonce.ru/budvin
vk.com/budvin
49publications
212Members
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Информативная шпаргалка по дизайну цен из 8-и кратких советов
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Термины в типографике
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Советский леттеринг от Alexander Shimanov
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Любой текст должен выглядеть опрятно. Это показывает читателю, что к нему относятся с уважением и заботой. Базовые и простые советы по типографике от проекта l am.
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Немного о визуальной иерархии
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Теория близости или правило внутреннего и внешнего
Отступы помогают связывать элементы по смыслу. Дизайн становится организованным. Читателю удобно пробегать глазами и разбираться с информацией — профит!
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Интерлиньяж: о том почему его трудно определить и что с этим делать
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? 7 сайтов для вдохновения дизайнера
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Баланс в композиции: как сбалансировать дизайн?
Несбалансированный дизайн подсознательно раздражает пользователей. Как создать привлекательный баланс?
Баланс является одним из важнейших элементов композиции.
Баланс – это противопоставление элементов, которое создает равновесие и гармонию. Состояние баланса интуитивно комфортно для зрителя.
Тело человека симметрично по вертикали, и наше визуальное восприятие соответствует этому. Нам нравятся объекты, сбалансированные относительно вертикальной оси. Мы всегда склонны уравновешивать одну силу другой.
В контексте дизайна баланс основан на визуальном весе элементов. Визуальный вес – это объем внимания, который зритель уделяет изображению. Если сайт сбалансирован, посетители подсознательно чувствуют себя комфортно. Баланс сайта воспринимается, как визуально пропорциональное расположение его элементов.
Как сделать ваш сайт сбалансированным?
1. Симметричный (статический) баланс
Наиболее распространенным примером баланса является симметрия.
Симметрия визуально приятна на подсознательном уровне, поскольку композиция выглядит организованной и гармоничной. Симметричный баланс создается путем равномерного размещения элементов по обе стороны от горизонтальной или вертикальной центральной оси. То есть обе стороны воображаемой линии, проходящей через середину страницы, фактически являются зеркальным отражением друг друга. Некоторые люди думают, что симметричный баланс скучен и предсказуем, но он выдержал испытание временем и остается одним из лучших способов создания на странице ощущения комфорта и надежности.
2. Асимметричный (динамический) баланс
Композиция с неравным весом по сторонам имеет асимметричный баланс.
Динамический баланс всегда интереснее статического, поскольку стимулирует работу ума. В отсутствие равновесия наш взгляд начинает рефлективно искать противовес, и это отличный повод привлечь внимание к той части страницы, которая могла остаться незамеченной. Здесь должен быть сделан акцент, тогда внимание ухватится за него, как за спасательный круг.
Часто таким «противовесом» является кнопка и / или заголовок.
Важная информация (или призыв к действию) должна использоваться в качестве «противовеса».
Чем острее асимметрия, тем больше зритель стремится выяснить ее причину (изучить противовесы). Люди инстинктивно тщательнее изучают такое изображение. Однако здесь необходимо чувство меры – слишком эксцентричная композиция не всегда воспринимается хорошо.
3. Радиальный баланс
Тип баланса, при котором визуальные элементы расходятся из общей центральной точки. Радиальный баланс редко используется в дизайне. Его преимущество в том, что внимание легко удерживается точно в центре композиции. Обычно это самая заметная ее часть.
4. Мозаичный баланс
Это сбалансированный хаос, как на картинах Джексона Поллока. Такая композиция не имеет выдающихся точек фокуса, и все элементы несут равную ответственность. На первый взгляд отсутствие иерархии создает визуальный шум, но все элементы сочетаются и образуют единое целое.
Секреты визуального равновесия
Когда говорят о балансе сил в композиции, то их часто сравнивают с силами физического мира: гравитацией, рычагами, весом и точкой опоры. Наш мозг и глаза воспринимают баланс в форме, очень похожей на законы механики. Нам легко представить картину в виде плоской поверхности, сбалансированной, как чаши весов. Если мы добавим элемент на один край изображения, то он нарушит равновесие, утратит баланс, и мы почувствуем необходимость это исправить. Не имеет значения, является ли элемент группой оттенков, цветов или точек. Цель состоит в том, чтобы найти визуальный «центр массы» изображения, его центр тяжести.
К сожалению, нет точного метода определения визуальной массы объекта. Как правило, дизайнеры полагаются на свою интуицию. Однако есть полезные наблюдения, которые могут в этом помочь:
Размер
Крупные предметы всегда перевешивают.
Форма
Элементы неправильной формы кажутся легче, чем элементы правильной формы.
Цвет
Теплые цвета тяжелее холодных.
Оттенок
Темные объекты весят больше, чем светлые.
Текстура
Объекты с текстурой кажутся более тяжелыми.
3D
3D объекты кажутся более тяжелыми.
Расположение
Чем дальше объект от центра, тем больше его визуальный вес.
Ориентация
Вертикальные элементы кажутся тяжелее горизонтальных.
Плотность
Множество мелких элементов уравновешивает один большой.
Внутренний интерес
Сложность объекта придает ему больше визуального веса.
Заполнение пространства
Положительные формы весят больше, чем негативное пространство.
Восприятие физического веса
Нарисованная гиря кажется тяжелее нарисованной ручки.
Подведем итоги. Когда используется симметрия, результат демонстрирует профессионализм и серьезный, устойчивый подход. Методы асимметрии привлекают интерес, выражают индивидуальность и креативность, фокусируют внимание.
Источник: ux.pub
#дизайн #design
Показать все
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Памятка по работе с модульными сетками
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Шрифты известных логотипов
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? Дизайнер создаёт логотипы брендов, объединяя несколько вещей в одну
#дизайн #design
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? 5 полезных фишек Photoshop
1) По-возможности, устанавливайте английскую версию Photoshop
Почему? На это есть несколько причин:
— Большинство новых уроков, туториалов по ФШ публикуются на английском языке.
— Практически все плагины, экшены и расширения не работают на русской версии ФШ
— Большинство специалистов используют при общении английские термины
2) Изменение прозрачности с помощью цифр на клавиатуре
Используйте цифры на клавиатуре от 0 до 9, чтобы быстро указать прозрачность слоя. Если вы переключитесь на инструмент «Brush» (кисть), то клавиши цифр зададут ее прозрачность.
Каждая цифра обозначает десяток, так 2 – значит, что прозрачность станет 20%. А что с нулем? Если вы один раз нажмете на него, то получите прозрачность 100%, а вот при быстром двойном – 0%.
3) Скрыть все ненужные слои, оставив видимым лишь один
Обычно, когда нужно скрыть 100500 слоев и оставить видимым один, мы по-очереди скрываем каждый из ненужных слоев. Бррр…
Но все можно сделать с помощью одного клика. Зажмите клавишу Alt и кликните по глазку видимости того слоя, который хотите оставить видимым. Все остальные слои автоматически скроются. Щелкнув по тому же слою еще раз (все с той же зажатой клавишей Alt), все вернется в первоначальный вид.
4) Этой функции пипетки вы точно не знали! ;)
Цветопробу можно брать вне окна программы. Особенно удобно, если работаете с двумя мониторами.
5) Как «приручить» инструмент «Pen» (перо) и кривые?
Многие начинающие дизайнеры боятся использовать кривые, потому что мало кто сразу понимает как ими пользоваться. Ловите пару сервисов, которые помогут вам освоить этот крутой инструмент:
— Сервис, где можете потренироваться и наглядно увидеть процент вашей точности: http://shape.method.ac/
— На практике научитесь пользоваться пером: https://bezier.method.ac/
#adobe #дизайн #design
Показать все
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
? 10 сайтов, где можно бесплатно скачать мокапы
Мокапы — практически обязательная часть любой презентации дизайн-работы: будь то логотип, сайт или визитка — любой дизайн нужно показывать заказчику не просто картинкой, а в «рабочем виде», чтобы клиент смог понять как этот товар будет работать в реальном мире.
Именно для решения этой цели вам потребуются качественные мокапы — чем лучше и реалистичнее будет выглядеть буклет или реклама на билборде, тем больше вероятность, что клиент поймет задумку дизайна и одобрит работу без правок.
1) Mockup World – отличное место для поиска psd-макетов для различных устройств: iPhone, iPad, Mac Book, рекламные щиты и футболки. Вы можете искать макеты по ключевым словам или просматривать доступные категории. Все представленные макеты можно бесплатно использовать в личных и коммерческих целях.
2) LS Graphics предоставляет несколько мокапов, а еще дизайнерские инструменты, градиенты, шаблоны и многое другое. Многое из этого бесплатно, но есть и платный контент. для удобства рядом с каждым макетом указано совместимое ПО.
Все, что вы загружаете с этого сайта, может быть использовано как для личного, так и для коммерческого проекта.
3) CSS Author. Еще один замечательный сайт с мокапами и другими инструментами. В коллекции из 5000 макетов можно искать по ключевым словам или категориям. Отметим, что CSS Author не хранит мокапы, а перекидывает на оригинальные сайты. На некоторых придется зарегистрироваться, но это мелочь за хороший и бесплатный мокап.
4) Ceacle Mockup – потрясающий источник всех видов бесплатных макетов. Большой плюс в том, что сайт максимально простой. Возле каждого мокапа есть статистика скачиваний и лайков. Вы тоже можете ставить лайк понравившимся мокапам – но для этого нужно зарегистрироваться.
5) С сайта Pixelbuddha вы можете скачать как бесплатные, так и премиальные макеты. Первые предназначены для личного и коммерческого использования, а вторые поставляются с конкретными условиями лицензии, которые следует внимательно прочитать перед совершением покупки.Здесь же можно бесплатно скачать набор иконок, векторов, UI-наборов и шрифтов.
6) Pixeden с 2011 года дает вам богатую коллекцию бесплатных мокапов. Чтобы их скачать, не нужна даже регистрация. Если хотите доступ к еще большему количеству макетов, можете подписаться на один из доступных тарифных планов (от 10 долларов в месяц).
7) Smartmockups – впечатляющий сайт с бесплатными и премиальными мокапами. Для удобства они разбиты на многочисленные категории. Пока звучит так же, как и у остальных, но у Smartmockups есть огромное преимущество – функция кастомизации. Она позволяет работать с собственными изображениями и создавать мокапы онлайн, а также менять имеющиеся.
8) Freebiesbug. Вот еще один сборник бесплатных дизайнерских ресурсов со всей сети. Некоторые мокапы представлены сразу в двух версиях: для Sketch и Photoshop.
9) For Graphic. За сайтом For Graphic стоит студия, которая специализируется на создании мокапов. Вы можете просматривать галерею бесплатного контента, пока не найдете макет по своему вкусу, или зайти в интернет-магазин для покупки нужных файлов.
10) Graphic Burger. Румынский дизайнер Рауль Тачу бесплатно предлагает первоклассный контент для цифрового дизайна. На Graphic Burger вы найдете впечатляющий набор макетов, UI-китов, иконок и много другого.
#мокап #дизайн #design
Показать все
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9