Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Фрактальные иллюстрации

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

https://ozorafestival.eu

нет комментариев твитнуть  иллюстрация, прокрутка, психоделика, сайт, фрактал

Историческое видео об интерфейсных элементах

http://

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

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

0:02:30 — Полосы прокрутки
0:12:59 — Клёвая фишка, когда скролбар толкает курсор
0:13:55 — Таскание лифта скроллбара с нажатым Альтом, оказывается, работает на Маке до сих пор
0:17:00 — Целая специальная рамочка возникает, которая показывает, куда тебя переместит скроллинг! Видимо, попытка обратной связи в ситуации, когда всё окно перерисовать не получается

0:17:16 — Меню
0:19:00 — Экран похож на осциллограф :-) А уже попап-меню показывает
0:20:20 — Курсор прыгает по меню сам, чтобы не надо было двигать. Интересно, почему все интерфейсы, двигающие курсор мыши за человека, не выжили
0:21:07 — Hamburger menu!
0:26:00 — Круглые меню
0:28:50 — Отрывные меню, превращающиеся в палитры
0:33:20 — Пункты меню по умолчанию и их предпросмотр
0:35:10 — Превращение меню в окно
0:39:35 — Клик в список опций с контролем и шифтом до сих работает именно так (на Маке вместо контроля комманд)

0:45:02 — Палитры

0:46:48 — Кнопки

0:54:22 — Радиокнопки
0:55:47 — Привычный вид
0:56:33 — Лаконичный способ отличить радиокнопки от чекбоксов через касание. Может быть актуально в эпоху флэт-дизайна

0:59:16 — Чекбоксы

1:01:14 — Выделение текста
1:05:47 — Оказывается, раньше выделенный текст не стирался, когда печатаешь

1:13:26 — Ввод
1:21:31 — Формы и диалоговые окна
1:30:05 — Выделение графических объектов
1:34:27 — Редактирование графических объектов
1:39:15 — Иконки и окна
1:47:24 — Управление окнами

1 комментарий твитнуть  видео, интерфейс, история, меню, прокрутка, радиокнопка, чекбокс

Сайт шрифта «Фландрия»

Сайт шрифта. «Нелинейный» скроллинг используется для крутой идеи: «примерить» шрифт к разным носителям. Выглядит круто и логично:

http://www.flandriatype.com

Скриншоты круты, но на самом деле надо идти на сам сайт смотреть.

2 комментария твитнуть  flandria, прокрутка, сайт, скроллинг, шрифт

Инфографика «История рока»

Авторы: cracked.com и viruscomix.com

1 комментарий твитнуть  графдизайн, инфографика, история, рок

Антон Стуков:

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

Презентация интерфейса Xerox Star (1982)

Стар стал первой коммерческой реализацией ряда идей из исследовательской лаборатории Ксерокса в Пало-Альто: мышь, иконки, окна, рабочий стол, WYSIWYG и т. д.

Презентация компьютера Ксерокс Стар, записанная в 1982 (в двух частях):


8 комментариев твитнуть  PARC Xerox, иконки, интерфейс, истоки, история, Парк-ксерокс

Макет блога с заголовками, прилипающими кверху при прокручивании

http://dl.dropbox.com/…/336785/qawgma/index.html

Идея вроде бы неплохая (жаль, что макет с дурацким lorem ipsum), но что-то здесь как будто не так — не могу понять, что именно.

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

5 комментариев твитнуть  блог, веб-дизайн, макет, прокрутка, сайт

Уроки по созданию видеоспецэффектов

Много видео-уроков по созданию разных киношных эффектов.

http://videocopilot.net/tutorials/all/

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

3 комментария твитнуть  видео, кино, спецэффекты, уроки



© 2024

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru