Sketch: Заливка иконки, используя наложение символов

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

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

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

Sketch: Заливка иконки, используя наложение символов | Фото 1
В этом примере «иконка» использована, как маска и символ с базовой (синей) заливкой внутри нее...
Читать далее Нет комментариев

Баланс работы и жизни — полная чушь

Автор статьи — Tobias van Schneider

Tobias — обладатель немецкой премии среди дизайнеров, добился успеха в Австрии и сейчас живет в Нью-Йорке. Разрабатывает новые продукты в качестве арт-директора и ведущего продакт-дизайнера в Spotify USA.

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

Для меня, концепция баланса жизни/работы — полная чушь...

Читать далее Нет комментариев

Паттерны для sketch: набор бесшовных паттернов

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

паттерны для sketch

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

Паттерны для sketch, sketch-pattern.sketch

Файл Sketch содержит страницы, сортированные по типу и насыщенности паттернов, с артбордами для индивидуальных паттернов...

Читать далее Нет комментариев

Фантастические стрелочные указатели для Sketch

стрелочные указатели для Sketch - 1
Стрелки масштабируются, но углы не искажаются

Это урок по созданию масштабируемых динамических стрелочных указателей для UX схем. На пост я вдохновился шаблоном User Flow Diagram Template от Jarosław Ceborski — увидел, что там создали и подумал, что было бы неплохо разобрать, как им это удалось.

Скачайте мой Sketch-файл для наглядности.

Задача

стрелочные указатели для Sketch - 2

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

Решение...

Читать далее Нет комментариев

Принципы дизайна: Знать, когда остановиться

Иногда отступить — это лучший вариант

Если вы знаете, когда остановиться, то вы обладаете колоссальной силой. Это верно, как принцип жизни и как принцип дизайна. Он также известен как «Ошибка невозвратных затрат» или «Ошибка необратимых издержек».

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

Я уже ждал автобус A8 в течение 10 минут. Мне нужно проехать на нем примерно 3 км...

Читать далее Нет комментариев

Редизайн иконок файлов для всей линейки продуктов Adobe

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

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

Читать далее Нет комментариев

Золотое сечение: Самый раздутый миф в дизайне

Золотое сечение — это полный нонсенс в дизайне. И вот почему.

В мире искусства, архитектуры и дизайна золотое сечение завоевало потрясающую репутацию. Великие гении, включая Корбюзье и Сальвадора Дали, использовали эту пропорцию в своих работах. Парфенон, Пирамиды в Гизе, полотна Микелянджело, Мона Лиза и даже логотип Apple якобы построены на его основе.

Это бред. Эстетика золотого сечения — это просто современная байка, миф...

Читать далее Нет комментариев

Что такое хороший дизайн?

В нашей серии статей «Design around the world» мы опросили дизайнеров из 18 разных стран и подвели итог. В каждом интервью мы задали несколько одинаковых вопросов, чтобы сравнить, как отличаются способы мышления дизайнеров в контексте их культуры.

Один из вопросов, который мы всегда задаем: что для вас хороший дизайн и почему вы считаете это важным?

Многие ответы вторят друг другу, подтверждая укоренившиеся в нашем сознании истины. Другие ответы добавили новые точки зрения...

Читать далее Нет комментариев

Баланс между творчеством и юзабилити

Короткий комментарий к статье «Почему все сайты выглядят одинаково?»

На прошлой неделе я разместил на Medium свое эссе Почему все веб-сайты выглядят одинаково? (ака «О визуальной усталости Интернета»). Моя статья привлекла много внимания. Пока я пишу эти строки, её уже просмотрели более 55 000 раз, прочитали 27 000 раз, поставили 11.300 хлопков и оставили 60 комментариев. Определенно я задел за живое.

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

Читать далее Нет комментариев