Google design?

[tonsky]

Почитал http://www.google.com/design/spec/Read more... )

Comments

[victorgr]

Про анимации: имеется в виду анимации смены экранов, прилёта картинок, подсветка кнопок?

[tonsky]

Да, всего. Там очень много красивых анимаций. Иконки, допустим, понятно, в gif.

[ext_917964]

Все анимации с той странички можно реализовать на сраном джиквери, не говоря уже о тулкитах с поддержкой CSS3 transitions. Что, ваши OSXы в своем GUI API такого не позволяют? Компании сделавшей Chrome OS это до лампочки :)

Справедливости ради - я не знаю как дела обстоят на маках с UI тулкитом ATM, но здоровые на голову (относительно) линуксы, например, дружно переехали на Clutter в основе оболочек, и могут почти всю такую анимацию прямо из JS, а то и вообще декларативно, из JSON.

[tonsky]

http://tonsky.livejournal.com/292891.html?thread=3882267#t3882267

[justy_tylor]

1 и 2. Да.

3. Transitions сделать можно, и даже без махания в редакторе. Вопрос в том, как это продать.

[tonsky]

Можно имеется в виду гипотетически или практически? Если практически, то научите?

[justy_tylor]

Практически. Вот эти взаимодействия - эффект на кнопочке или транзишн между экранами - физика того мира. Особая, мультяшная физика. И её можно прописывать покнопочно, а можно вывести мультяшные законы физики. Ограничение: с горе-дизайнерам, у которых pressed подпрыгивает, такой подход несовместим.

[victorgr]

Ну это ведь CSS3 transitions и animations.

Посмотрите, к примеру, красивые эффекты с фотографией:
http://tympanus.net/Tutorials/3DHoverEffects/index.html (там пощёлкайте страницы демок),

со всякими появлениями списков: http://tympanus.net/Tutorials/CustomDropDownListStyling/index.html

Вот красивый эффект: http://tympanus.net/Tutorials/CSS3ButtonSwitches/index4.html

Вот http://codepen.io/lbebber/pen/uEHzD (бывают и покрасивее эффекты).

И вот посмотрите: http://lab.hakim.se/scroll-effects/

Только я сомневаюсь, что вы не видели подобного раньше :) Может быть вы о чём-то другом спрашивали?

[anonymous]

А как проявляются отличия undo от back?

[ext_917964]

Отступы так сделаны для комфортного умещения пальцев. Картинки из поста на мониторе 24" выглядят как раз как на телефоне 3.5"; можно приложить палец к экрану и почувствовать себя, например, владельцем Motorola Defy.

[anonymous]

Второй пункт - гугл научился в отступы гораздо раньше, чем все остальные; в заметном расстоянии между галкой и текстом, например, кроется очевидное - лучшая читабельность текста; они не допускают возможности прочитать непоставленную галку как О или D (а на экранах мобильников это вполне возможно, например, если юзер слепошарый, как я).

[tonsky]

Про теорию близости-то слышали?

[anonymous]

Слышали, но конкретно к этому кейсу она не относится - как ни крути, а галки "отдельно" не воспринимаются. Ну хотя если вы сторонник т.н. "теории абстрактного руления", то, конечно же, никаких претѣнзий.