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

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

Подробнее

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

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

Подробнее

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

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

Подробнее

Принципы UI успешного сайта. Часть 1.

В мире высоких скоростей и бешеной конкуренции самым главным и дорогим ресурсом становится время. Всем нужно быстрое достижение целей, и интернет пользователи не исключение. Только тот сайт, который способен экономить время пользователя и быть удобным для него, может стать выскоконверсионным, а значит прибыльным. В настоящее время дизайнер решает не только задачи эмоционального восприятия сайта, но и задачи его функционального восприятия. И если раньше на первом месте стояло декорирование внешнего вида сайта, например, разные тени, объем, анимация и т.д., то теперь – это удобство использования сайта вкупе с внешней привлекательностью. Отсюда и появилось понятие UX/UI дизайна.

Подробнее

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

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

Подробнее

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

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

Подробнее