Как сделать адаптивный дизайн

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

Подробнее

Фишки, которые помогут работать в Photoshop быстрее

Возможности Photoshop поистине безграничны и, наверное, даже его создатели не могут утверждать, что знают весь его инструментарий на отлично. Но в повседневной работе, например, веб-дизайнера или ретушера, используется, как правило, ограниченный набор возможностей и это справедливо. Справедливо так же то, что оперативное манипулирование этими возможностями позволяет сделать  рабочий процесс более удобным и быстрым. Никто, я думаю, уже не может представить, что когда-то для копирования или перемещения файлов, нужно было вызывать контекстное меню, а не использовать горячие клавиши Ctrl+C, Ctrl+V и Ctrl+X. Но сейчас речь пойдет не о горячих клавишах, точнее не только о них. Это будет разговор о разных «фишках», которые помогут работать в Photoshop быстрее.

Подробнее

Мокап или как презентовать проект заказчику

Всем привет. Сегодня мы поговорим о том, как лучше презентовать свой проект заказчику. Будь то дизайн мобильного приложения или сайта. Конечно, вы можете просто показать свои макеты, выполненные в Photoshop или другом редакторе заказчику, но при этом есть большая вероятность сходу получить правки. Их количество можно минимизировать, если вы предоставите не просто макеты проекта, а используете мокап (Mock-up). Об этом поподробнее.

Подробнее

Анимированный баннер в Photoshop

Всем привет. В текущей статье я покажу вам, как можно сделать gif баннер средствами Photoshop. Вообще, я привыкла делать баннеры и анимацию в Adobe Flash. Естественно, Photoshop не сравнится с данным пакетом по функционалу для анимации. Но все же достаточно простые и интересные баннеры в Photoshop делать можно, ведь в его новых версиях, начиная с CS5, насколько я знаю, появились возможности создавать анимацию прозрачности, масштабирования, перспективы и т.д. Рассмотрим процесс создания gif баннера в Photoshop на примере работы, расположенной в заголовке статьи.

Подробнее

Поп-арт ретушь в стиле Stand UP шоу

Некогда популярное течение в графике — поп-арт, не теряет своей актуальности и в сегодняшнее время. Так одна из известных юмористических программ на телеканале ТНТ — Stand-Up, использует данную стилистику для оформления заставок с портретами юмористов, перед их выходом. Мне показалась данная идея интересной и я решила попробовать ее реализовать.

Подробнее

Модульные сетки в дизайне сайтов. За и Против.

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