Кайф. И орлы тоже.
Единственный субъективный момент — немного плоско выглядит фоновая фотография (возможно «проблема» на границе с «акварельным» фоном в нижней части иллюстрации)
5.
Есть два вида адаптивной сетки: Responsive grid и Adaptive grid
Adaptive grid
Элементы страницы перетекают, занимая все свободное пространство, например:
http://www.design.ru/http://www.rosielees.co.uk/
Responsive grid
Сетка перестраивается, в зависимости от ширины экрана, например:
http://www.smashingmagazine.com/ (5 сеток)
http://www.bostonglobe.com/ (3 сетки - основной контент, 5 - шапка)
Еще примеры http://mediaqueri.es/
Обычно эти «сетки» комбинируются. Например: новостной текст тянется, а контекстные блоки справа добавляются/исчезают (adaptive), но с определенного разрешения все блоки исчезают и появляются под текстом (responsive).
Чтобы сделать хороший адаптивный сайт, дизайнеру нужно плотно общаться с технологом (как на этапе разработки дизайна, так и при верстке). Совместно нужно понять как будет вести себя контент при разных разрешениях.
Для тестирования верстки на разных разрешениях удобно использовать расширение Window Resizer для Хрома https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh
Скоро выйдет новый инструмент от Адоб про адаптивность http://html.adobe.com/edge/reflow/
Если дизайнер не может пообщаться с технологом, то ему нужно изучить все возможности адаптивной верстки и нарисовать по 10 вариантов каждой страницы сайта с комментариями.
Нормальное начало, теперь надо поработать со светом. Правильные блики дадут объем и ощущение материала. Тут нужна более аккуратная работа с отражениями создающими форму — высветлить морду и переход двери в молдинг, затемнить дальнюю часть крыши и т.д., и жесткие отражения источников света (которые обычно бывают на лакированной поверхности).
Могут помочь уроки Gnomon
Класс! А что за музыка?
Кайф. И орлы тоже. Единственный субъективный момент — немного плоско выглядит фоновая фотография (возможно «проблема» на границе с «акварельным» фоном в нижней части иллюстрации) 5.
То же http://techdesigner.ru/blogs/post-9763/
Auswice Не только прототипы : )
WebKid Кутеевщина
Mysorshik Да, его планировалось пофоткать отдельно, но в итоге не понадобилось.
bes Ютуб прикрыл лавку с кастомизацией каналов. В итоге: http://www.artlebedev.ru/everything/beeline/ (это уже не я делал)
Есть два вида адаптивной сетки: Responsive grid и Adaptive grid Adaptive grid Элементы страницы перетекают, занимая все свободное пространство, например: http://www.design.ru/ http://www.rosielees.co.uk/ Responsive grid Сетка перестраивается, в зависимости от ширины экрана, например: http://www.smashingmagazine.com/ (5 сеток) http://www.bostonglobe.com/ (3 сетки - основной контент, 5 - шапка) Еще примеры http://mediaqueri.es/ Обычно эти «сетки» комбинируются. Например: новостной текст тянется, а контекстные блоки справа добавляются/исчезают (adaptive), но с определенного разрешения все блоки исчезают и появляются под текстом (responsive). Чтобы сделать хороший адаптивный сайт, дизайнеру нужно плотно общаться с технологом (как на этапе разработки дизайна, так и при верстке). Совместно нужно понять как будет вести себя контент при разных разрешениях. Для тестирования верстки на разных разрешениях удобно использовать расширение Window Resizer для Хрома https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh Скоро выйдет новый инструмент от Адоб про адаптивность http://html.adobe.com/edge/reflow/ Если дизайнер не может пообщаться с технологом, то ему нужно изучить все возможности адаптивной верстки и нарисовать по 10 вариантов каждой страницы сайта с комментариями.
Не обязательно, что дизайнер заимствовал идею. Илья Михайлов (бывший арт-директор студии) говорит на эту тему — http://youtu.be/f7aQLbU-VGQ?t=3m18s
Нормальное начало, теперь надо поработать со светом. Правильные блики дадут объем и ощущение материала. Тут нужна более аккуратная работа с отражениями создающими форму — высветлить морду и переход двери в молдинг, затемнить дальнюю часть крыши и т.д., и жесткие отражения источников света (которые обычно бывают на лакированной поверхности). Могут помочь уроки Gnomon