Здравствуй, дорогой хабрадруг! Photoshop CS6 стал огромным шагом вперед для web и UI дизайнеров. Сегодня я поделюсь с вами некоторыми из функций, которые предлагает Photoshop CS6 Beta, и продемонстрирую, как они смогут помочь в вашей работе.
Рубрика «веб-дизайн» - 139
Adobe Photoshop CS6: новые возможности для web и UI дизайнеров
2012-04-18 в 13:43, admin, рубрики: adobe, adobe photoshop cs6, cs6, веб-дизайн, Дизайн в IT
Разработка сайта — от первой встречи с заказчиком до сдачи проекта, или как быть фрилансером и выжить
2012-04-16 в 9:03, admin, рубрики: web-разработка, веб-дизайн, Веб-разработка, клиенты, переговоры, разработка сайтов, стартапы, тайм-менеджмент, управление проектами, фриланс, метки: web-разработка, веб-дизайн, клиенты, переговоры, разработка сайтов, стартапы, тайм-менеджментПривет!
Я занимаюсь разработкой сайтов — разного масштаба, сложности и ценовых категорий. Помимо того, что я руковожу всем процессом разработки — т.е. веду все переговоры с заказчиком, пишу техническое задание (далее — ТЗ), договор, придумываю коммерческое предложение, я еще зачастую самолично рисую дизайн сайта — это моя профильная профессия, да и не нашлось пока дизайнера, которому я мог бы полностью довериться.
Тут проскакивало множество топиков про то, как правильно составлять ТЗ, управлять своим временем, говорить с заказчиками об оплате, вести переговоры и т.д. Не в пику авторам этих топиков, но все эти мысли подчас выглядели для меня разрозненными, да и речь, подчас, велась о слишком «высоких материях» и несколько однобоко — то есть, в большинстве случаев подразумевается, что либо у вас уже есть своя «молодая, динамично развивающаяся компания» с неким штатом зарплатных фулл-таймовых сотрудников, либо вы — наемный сотрудник-руководитель в уже сформировавшейся компании, и вышеописанный штат сотрудников у вас также имеется.
Я попробую описать весь процесс создания сайта с собственной и, как мне кажется, более приближенной к жизни для большинства точки зрения. Просто в один момент я решил уйти из компании, где я работал по найму, и начать делать своё дело — без стартового капитала, офиса и какого бы то ни было прикрытия «пятой точки»; разве что отсутствия острой необходимости в съеме жилья и наличия питерской прописки.
Кому интересно — добро пожаловать под кат!
Читать полностью »
Создание веб-студии или как я наступал на грабли по 100 раз (часть 1)
2012-04-16 в 7:56, admin, рубрики: веб-дизайн, веб-студия, Мой бизнес, Песочница, метки: веб-дизайн, веб-студия Здравствуй. В этом топике я хотел бы рассказать, с чем я сталкивался при создании собственной веб-студии, какие ошибки совершал и какие люди помогали мне подниматься. На данный момент моя студия находится в Top50 российских веб-студий и Top10 студий Ростова-на-Дону. А начиналось все так…
Читать полностью »
62 полезных инструмента для адаптивного дизайна (Responsive web design)
2012-04-16 в 7:42, admin, рубрики: css, css3, html, html5, media queries, responsive design, responsive web design, адаптивная вёрстка, адаптивная разметка, адаптивный дизайн, веб-дизайн, Веб-разработкаПеревод крайне ценной статьи «Responsive Web Design Techniques, Tools and Design Strategies» популярного интернет-издания для разработчиков Smashing Magazine.
Еще в январе мы опубликовали статью об адаптивном дизайне «Responsive Web Design: What It Is and How To Use It» (Адаптивный веб-дизайн: Что это такое и как им пользоваться). Адаптивный веб-дизайн продолжает привлекать к себе много внимания, но, учитывая, насколько он отличается от традиционных методов разработки сайтов, он может показаться заоблачно сложным для тех дизайнеров и разработчиков, которые его не пробовали.
По этой причине мы составили обзор ресурсов, полезных при создании адаптивных сайтов. В обзор вошли подробные руководства, подходы, инструменты, статьи, содержащие практические советы, необходимые для создания вашего собственного адаптивного сайта.
Техники Responsive web design
1. CSS Transitions and Media Queries
CSS Transitions и Media Queries
Elliot Jay Stocks подробно рассказывает о методе сочетания CSS Media Queries и CSS transitions. Основная идея в следующем: разрабатывая адаптивный сайт с помощью Media Queries, вы постоянно изменяете ширину вашего браузера, чтобы посмотреть, как сайт ведет себя при этом. Но каждый раз, когда отрабатывает один из ваших Media Queries, виден жесткий переход между стилями (первый, например, для десктопов, второй — для планшетов). Почему бы не использовать CSS transitions для сглаживания этих жестких переходов с помощью анимации?
.jpg "62 полезных инструмента для адаптивного дизайна (Responsive web design)")
Меню на HTML + CSS3
2012-04-15 в 18:52, admin, рубрики: css, css3, css3 transition, html, html-верстка, веб-дизайн, меню навигации, первые шаги, метки: css3, css3 transition, html-верстка, меню навигации, первые шаги 
Привет, читатель!
Уже давно серьёзно занимаюсь вёрсткой макетов и с недавнего времени стал использовать CSS3 и HTML 5, то есть стал пренебрегать олдскульными старыми браузерами.
Сегодня вечером решил перейти на новый уровень, попробовал использовать CSS3 для выпадающего меню, и это оказалось очень просто.
Прошу сильно не пинать и прочее, моё первое меню без JS.
Несколько примеров креативного подхода при создании «Error 404» страниц
2012-04-13 в 11:12, admin, рубрики: 404, веб-дизайн, Веб-разработка, Дизайн в IT, метки: 404Доброго времени суток!
Рано или поздно каждый из нас сталкивался и по сей день сталкивается со страницами «Error 404». Будь то опечатка при наборе адресе сайта, или же кривой роутинг на стороне сервера. Сегодня я хочу вам представить, если можно так сказать, ТОП-30 страниц «Error 404» по моему субъективному мнению. Встречайте!
Читать полностью »
1366×768px обошло 1024×768px в списке самых популярных разрешений экрана
2012-04-12 в 9:55, admin, рубрики: веб-дизайн, Веб-разработка, интерфейсы, разрешение экрана, метки: разрешение экрана 
Аналитическая компания StatCounter сообщает важную информацию для веб-разработчиков и дизайнеров: впервые самым популярным разрешением экрана в мире стало 1366×768px, которое обогнало прежнего лидера 1024×768px.
Читать полностью »
Как и почему работает onbeforeunload
2012-04-10 в 9:52, admin, рубрики: Firefox, javascript, popup, веб-дизайн, юзабилити, метки: firefox, javascript, popup, юзабилити Вчера в багзилле mozilla.org закрыли баг №641509 «onbeforeunload event does not display site-supplied text, only standard message», судя по комментариям, окончательно и бесповоротно. В связи с этим захотелось написать немного об истории вопроса.
Читать полностью »
Знакомство с Parallax Scrolling
2012-04-08 в 17:56, admin, рубрики: веб-дизайн, Веб-разработка, дизайн сайта, параллакс, трендыЛюбой, кто играл или наблюдал за игрой друзей, либо в принципе видел игры, которые были выпущены в 80-90-х годах, должны быть знакомы с техникой параллакс-скроллинга.
Вспомните такие игры, как Mario Bros, Streets of Rage, Mortal Kombat, Turtles in Time или оригинальную игру Moon Patrol. В этих играх техника параллакса наблюдается в тот момент, когда несколько фоновых слоев с различными текстурами двигаются с разной скоростью, что создает эффект трехмерного пространства.
Почему я начал говорить о ретро-играх в статье о веб-разработке? Самым простым ответом мог бы быть «потому что они клевые», но нет. Параллакс-скроллинг является классным дизайнерским концептом, который прокладывает свой путь в мир веб-дизайна. Nike были одними из первых, кто использовал эту технику с большим успехом, когда они наняли маркетинговых гигантов Weiden and Kennedy для разработки их оригинального сайта Nike Better World. Сайт Nike Better World с того времени был обновлен и заменен на новый, однако есть другой сайт, довольно похожий на то, как выглядел первый параллакс-дизайн от Nike — сайт о спортивных напитках Activate.
Все о параметре border
2012-04-07 в 13:05, admin, рубрики: css, html, веб-дизайн, Веб-разработка, каскадные таблицы стилей Все знакомы с css параметром border, но есть ли вещи, которые мы не знаем о нем?
Читать полностью »