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

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

РСС

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

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://lab.simurai.com/css/buttons/

Курсорный монстр! Клёво жрёт курсор: http://lab.simurai.com/toy/monster/

Фонарик. Зажигается! http://lab.simurai.com/css/flashlight/

Вдавленный текст: http://lab.simurai.com/css/carveme/

Стереотекст: http://lab.simurai.com/css/css3d/

Ну и, конечно, же, куда нам всем без причёсанного алюминия? http://lab.simurai.com/css/metal/

Все его эксперименты: http://simurai.com/tagged/lab

Не фотошоп.

1 комментарий твитнуть  веб-дизайн, вёрстка, карамелька, кнопка, кнопусечка, типографика, фотошоп, хитрости

Николай Товеровский:

Вау, морф кнопок рутой.
http://gyazo.com/….png

Free PSD Web UI Element

http://alexwolkov.ru/…/Free_PSD_Web_UI_Element

нет комментариев твитнуть  psd, интерфейс, кнопка

Коллекция кнопок из разных интерфейсов

http://houseofbuttons.tumblr.com/

2 комментария твитнуть  веб-дизайн, графдизайн, кнопка

Никита Прокопов:

Нечеловеческое вам спасибо!!!

Максим Мягкий:

Присоединяюсь к нечеловеческому спасибо.

Гугловская кнопка-чекбокс

http://www.flickr.com/…/azaraskin/4886664008
http://habrahabr.ru/blogs/ui/102043/

нет комментариев твитнуть  Гугль, интерфейс, кнопка, чекбокс

Как устроены красивые кнопочки

http://flyosity.com/…-realistic-user-interfaces.php

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



© 2019

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

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