https://www.dejurka.ru Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов. Sat, 22 Jun 2019 07:00:59 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 https://www.dejurka.ru/articless/5-tips-for-navigation/ https://www.dejurka.ru/articless/5-tips-for-navigation/#comments Tue, 15 Jan 2019 08:00:46 +0000 Mary - Dejurka http://www.dejurka.ru/?p=189019
Хороший сайт должен быть информативным. А ключ к успешным отношениям с пользователем - навигация. Заходя на сайт, посетитель хочет и ожидает, что контент будет четким и лаконичным. Ваша система навигации это карта, иными словами цифровой портал между пользователем и тем, что вы предлагаете.     Чтобы опередить конкурентов, важно произвести первое хорошее впечатление, а в [...]]]> https://www.dejurka.ru/articless/5-tips-for-navigation/feed/ 0 https://www.dejurka.ru/articless/perfect-navigation-steps/ https://www.dejurka.ru/articless/perfect-navigation-steps/#comments Fri, 24 Mar 2017 11:00:47 +0000 Mary - Dejurka http://www.dejurka.ru/?p=163122
В Интернете можно найти любую информацию: узнать длительность фильма, почитать подсказки для работы в Photoshop, проверить свежие новости. Наиболее важная часть сайта, которая помогает нам находить то что мы ищем - навигация. Когда мы заходим на сайт, всегда (осознанно или нет) используем его навигацию. К сожалению, на многих сайтах этот важнейший аспект продуман плохо. Конечно, [...]]]> https://www.dejurka.ru/articless/perfect-navigation-steps/feed/ 1 https://www.dejurka.ru/web-design/fixed_header_effects/ https://www.dejurka.ru/web-design/fixed_header_effects/#comments Wed, 17 Jul 2013 07:01:56 +0000 marina http://www.dejurka.ru/?p=79201
 Сегодня для вашего вдохновения мы подготовили очередную подборку сайтов.  Основная особенность этих — сайтов  различные эффекты в шапках. Эти сайты позволяют наглядно продемонстрировать различные интересные эффекты хедеров, которые можно достигнуть с помощью доступных сейчас свойств css. Здесь вы найдете как сайты с фиксированными шапками, которые не изменяют свой вид, так и с различными визуальными эффектами [...]]]> https://www.dejurka.ru/web-design/fixed_header_effects/feed/ 0 https://www.dejurka.ru/graphics/weather_mobile_apps/ https://www.dejurka.ru/graphics/weather_mobile_apps/#comments Tue, 02 Jul 2013 07:11:02 +0000 marina http://www.dejurka.ru/?p=79357
Популярность мобильных приложений растет с каждым днем. Разработчики умудряются соединять не только хорошие идеи и технические аспекты их реализации, но и великолепный привлекательный интерфейс. Сегодня мы подготовили подборку дизайнов погодных приложений, которые смогут вас удивить и вдохновить. Здесь вы найдете прозрачные легкие блоки, искусно переданные тени, фантастическое сочетание фотоэлементов, минимализм. Автор - First Draft Studio __________________________________________________________________ [...]]]> https://www.dejurka.ru/graphics/weather_mobile_apps/feed/ 1 https://www.dejurka.ru/articless/usability_mistakes/ https://www.dejurka.ru/articless/usability_mistakes/#comments Fri, 21 Jun 2013 07:04:48 +0000 marina http://www.dejurka.ru/?p=80326
За последние десять лет в мире веб-дизайна основным вопросом обсуждения было качественное юзабилити. С каждым днем важность этого аспекта только увеличивается. Хорошее юзабилити может не только помочь при продвижении и узнаваемости товара на рынке, но и улучшить мнение посетителей о продукте, либо компании в целом. Хорошее юзабилити также ложится в основу удачных стартапов. Как это не [...]]]> https://www.dejurka.ru/articless/usability_mistakes/feed/ 17 https://www.dejurka.ru/graphics/mobile_design_typography/ https://www.dejurka.ru/graphics/mobile_design_typography/#comments Wed, 05 Jun 2013 10:05:54 +0000 marina http://www.dejurka.ru/?p=79905
Достаточно мелкие размеры мобильных экранов ограничивают типографику, делают текст менее читабельным. Поэтому, когда речь идет о мобильной типографике, дизайнерам нужно быть очень осторожными. Большинство людей согласятся, что существует три компонента, которые помогут сделать мобильную типографику лучше: правильный размер, контраст и расстояние.      Читабельность Читабельность определяется количеством усилий, которые пользователь должен потрать на то, чтобы [...]]]> https://www.dejurka.ru/graphics/mobile_design_typography/feed/ 6 https://www.dejurka.ru/css/responsive_css_timeline/ https://www.dejurka.ru/css/responsive_css_timeline/#comments Wed, 29 May 2013 07:08:26 +0000 marina http://www.dejurka.ru/?p=79418
 В этом уроке будем экспериментировать с перспективой и, используя input  - "radio", создавать таймлайн структуру, используя чистый CSS. Идея будет заключаться в том, что при нажатии на соответствующем пункте "radio", контент будет немного расширятся и преобразовываться в 3D-подобную структуру. Мы будем использовать 3D-трансформации и переходы, а также сестринские селекторы.   Демо                  [...]]]> https://www.dejurka.ru/css/responsive_css_timeline/feed/ 4 https://www.dejurka.ru/css/responsive_retina_menu/ https://www.dejurka.ru/css/responsive_retina_menu/#comments Thu, 16 May 2013 07:04:54 +0000 marina http://www.dejurka.ru/?p=78415
Сегодня мы будем создавать яркое меню для Retina-дисплеев. В зависимости от размера окна браузера меню будет автоматически изменять раскладку. Это десктопная версия - обычное расположение меню, двухколоночное меню для планшетов и мобильная версия со скрытой навигацией. Чтобы адаптировать меню под retina-дисплеи и избежать пикселизации при изменении размеров, мы будем использовать шрифты-иконки. Также обратите внимание, что некоторые эффекты [...]]]> https://www.dejurka.ru/css/responsive_retina_menu/feed/ 1 https://www.dejurka.ru/inspiration/navigation_mobile_user_interfaces/ https://www.dejurka.ru/inspiration/navigation_mobile_user_interfaces/#comments Wed, 27 Feb 2013 11:06:38 +0000 marina http://www.dejurka.ru/?p=74660
 Навигация является важной частью любого пользовательского интерфейса, не зависимо от того, является ли это веб-сайтом либо мобильным приложением. Это может быть реализовано соединением различных  вертикальных, горизонтальных форм и стилей, с минималистичным, либо с детализированным дизайном. Но, кроме внешнего вида элементов навигации, есть еще фактор, на который нужно акцентировать внимание - она должна быть интуитивно понятной и [...]]]> https://www.dejurka.ru/inspiration/navigation_mobile_user_interfaces/feed/ 4 https://www.dejurka.ru/tutorial/slider_with_photoshop/ https://www.dejurka.ru/tutorial/slider_with_photoshop/#comments Tue, 19 Feb 2013 08:05:53 +0000 marina http://www.dejurka.ru/?p=73230
 Впечатление от сайта зависит от детально проработки каждого элемента. В этом уроке мы будем создавать простой слайдер с помощью Photoshop. Мы будем использовать простые формы и применять к ним различные стили. Урок отлично подойдет для тех, кто начинает осваивать Photoshop.     Конечный результат  Шаг 1 Создаем новый документ (Ctrl+N) с размерами 550x400px. Заполняем фоновый слой  светло-серым цветом (#ececec). Дважды [...]]]> https://www.dejurka.ru/tutorial/slider_with_photoshop/feed/ 3