Рубрика «веб-дизайн» - 11

Прототипирование — значимый этап в веб-разработке, который позволяет определить и сформировать ДНК проекта на ранних стадиях. В последние годы количество онлайн-сервисов и инструментов для прототипирования ощутимо возросло. В этом обзоре представлены 10 сервисов для создания визуальных сайтмэпов.

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

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

10 сервисов для создания структуры сайта в 2020 году - 1Читать полностью »

GeekUniversity открывает набор на факультет веб-дизайна - 1

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

Полное руководство по CSS flexbox. Это полное руководство объясняет все о flexbox, сосредотачиваясь на всех возможных свойствах для родительского элемента (контейнер flex) и дочерних элементов (элементы flex). Оно также включает в себя историю, демонстрации, шаблоны и таблицу поддержки браузеров.
Читать полностью »

image

Привет!

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

В теории музыки есть понятие консонирующих интервалов. Консонансами называют интервалы, звучащие более мягко и гармонично. Есть три группы консонансов: весьма совершенные (чистый унисон, октава), совершенные (чистая квинта, чистая кварта) и несовершенные (большая терция, малая терция, секста). Также есть понятие консонирующего аккорда — мажорное или минорное трезвучие, состоящее исключительно из консонирующих интервалов.

Читать полностью »

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-июль 2019.

Дайджест продуктового дизайна, август 2019
Читать полностью »

Лети-лети лепесток… или сказ про то, как UX проектировщик свой продукт в Instagram продвигал - 1

Оговорюсь сразу, что продукт и продвигал очень громко сказано, т.к. сейчас это больше похоже эксперимент.
Продукт — это мои картины. Продвигал — это попытки понять, как там все это устроено. Попробовать набрать подписчиков, не вваливая туда большие бюджеты и тонну времени.
Есть интерес применить свои знания и опыт в другой сфере, все-таки социальные сети это не моя стихия, там царят немного другие законы, как мне кажется.
Но люди то везде одинаковые, подумала я, и решила попробовать.
Итак, профиль по продаже картин в Instagram стартовал 16 августа сего года.
Времени прошло совсем мало, но выводы кое-какие я сделать успела.
Под катом сказка о том, как я к этому пришла и суровая правда жизни о том, какие шаги делала и выводы, которые сделала.
Читать полностью »

Это советы по улучшению UX ваших проектов БЕЗ многочасовых сессий по изучению пользовательского поведения, бумажного прототипирования или любых других модных словечек.

(Серьёзно, поищите «дизайн-мышление». 100500 результатов!)

Для кого эта статья?

  • Разработчики. Вы создали собственное приложение, но каждый пользователь мучается с ним. И вы знаете: если они говорят вам это в лицо, то дело действительно плохо.
  • Графические дизайнеры. Изучать UX по статьям в интернете — это какой-то… очень болезненный способ умереть.
  • Менеджеры проектов. Вы уже на четверть UX-дизайнер. Было бы неплохо освоить остальные навыки.
  • И остальные проходимцы. Все, кто корпит над своими проектами по вечерам и выходным. Вам тоже пригодится.

Читать полностью »

Самую старую в мире работающую веб-камеру FogCam (г. Сан-Франциско, США) отключат в конце августа после 25 лет работы - 1

Веб-камера FogCam в университете штата Калифорния в Сан-Франциско, считающаяся самой старой веб-камерой в мире, будет отключена своими создателями 30 августа 2019 года.

Разработчики Джефф Шварц и Дэн Вонг, еще будучи студентами, установили ее в 1994 году в кампусе университета, а также вывели трансляцию с камеры в открытый доступ в сеть Интернет с помощью написанного ими сайта, это была часть их научного проекта.
Читать полностью »

Как подружить дизайнера, верстальщика и «Фигму» с помощью дизайн-системы, ломика и какой-то матери™ - 1

Привет. Недавно я выпендрился в комментариях и пообещал подробно ответить на вопрос о том, как дизайн-система упрощает взаимоотношения и нейтрализует конфликты между дизайнерами и верстальщиками (разработчиками). Плюс рассказать о некоторых вариантах стандартизации именования слоёв. Вот и отвечаю. Подробно. Про сетки. Про компоненты. Про иконки. Про язык. Про БЭМ. Про «фигмин» слэш и её же плагины. Про артборды и вьюпорты. Про типографику. Про стили и палитры. Про эффекты. Про экспорт растра. Про «мультиплеер». Про распределение обязанностей. Ну и немножко «о жизни, вселенной и вообще». Осторожно, трафик: внутри много картинок, есть gif-анимации. А ещё много, действительно много нудного текста. Я предупредил.
Читать полностью »

Figma — простое решение для дизайнера, сложное решение для верстальщика - 1

Если вы работаете в области web-разработки, то рано или поздно, вам суждено будет познакомиться с Figma. Смиритесь с этим фактом и начинайте изучать. Я же попробую описать данный продукт, с точки зрения повседневного пользователя.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js