Создание отдельных версий для каждого разрешения и аппарата, например для телефона и планшета, не самый лучший вариант, как с точки зрения первичной разработки, так и с точки зрения последующего развития и поддержания сайта. Гораздо удобнее оперировать свойствами и атрибутами, которые предоставляет нам CSS. Использование преимуществ этого языка в совокупности с максимально чистой (тут нам на помощь приходит HTML5) и гибкой версткой способно дать необходимый результат.

В этой статье мы собрали примеры ресурсов, адаптированных под все разрешения и устройства, начиная от мобильных телефонов, и заканчивая большими плазменными панелями.

womtec.ru

Исследуя японские ресурсы, мы заметили две отличительные особенности. Первая — большое количество ресурсов сделаны на флеше. Ресурс японского ресторана или кухни. Или же ресурс, какого-нибудь очень популярного в Японии аниме. 90% что это будет flash. Вторая особенность — большой вес. Если мы стараемся сделать дизайн сайта легче и ускорить его загрузку, то для японцев такой проблемы нет. Красочный дизайн с множеством деталей и большим весом — нормальное явление.

В статье мы собрали примеры красивого и современного японского веб-дизайна. をお楽しみください.

womtec.ru

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

Если вы один из тех дизайнеров и разработчиков, которые ищут вдохновения для создания нового сайта, то эта статья поможет найти больше идей при разработке красивого дизайна с деталями природы.

womtec.ru

Дизайн в чем-то схож с модой т.к. количество стилей, технологий и всевозможных приемов огромно и создатель сам решает, использовать ли ему css3, flash или что-то еще. Разные категории ресурсов используют разные подходы. Для одних проектов они идеальны, для других — выглядят ужасно. И точно так же путешествуя по просторам сети можно найти ресурсы, стиль которых потрясает.

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

Обложка музыкального диска — важнейшая составляющая. Беря в руки CD диск, мы в первую очередь смотрим на обложку и оцениваем ее внешней вид. Особенно это было важно несколько лет назад, когда интернет еще не был так развит и возможности найти песни новых и неизвестных нам исполнителей, сидя дома в удобном кресле, было практически не реально. Мы шли в магазин, спрашивали, есть ли что-то из определенного жанра, нам давали коробки с дисками и мы смотрели на них, на из обложки, а в финале тыкали пальце в наиболее понравившуюся нам. Припоминаете? Именно обложка играла одну из ключевых ролей в окончательном выборе.

Обсуждать сам дизайн обложек можно нескончаемо долго т.к. техник и приемов огромное количество. Так же никто не отменял и креативную составляющую. Каждый дизайнер сам определяет, совместить ли ему несколько техник или наоборот обойтись минимальным набором цветов, уйдя в сторону минимализма.

Ниже представлены одни из самых красивых музыкальных обложек CD и DVD дисков, разбитых на шесть категорий.

Рисованные обложки

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

Абстрактные и экспериментальные обложки

Многие из этих обложек относятся к альтернативным группам или группам использующих в своих песнях оркестровые или инструментальные ансамбли. Ниже собрана подборка абстрактных и экспериментальных дизайнов, некоторые из которых возвращают нас на несколько десятков лет назад.

Обложки на основе фотографий

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

Ретро обложки

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

Минималистические обложки

Минимализм — очень популярная и распространенная тема в современном дизайне. Она не обходит стороной и музыкальную индустрию. Примеры упрощенного вида обложек способны преподнести альбом с вовсе иного ракурса.

Иллюстрированные обложки

Иллюстрация, пожалуй, самый эффектный прием в создании музыкальной обложки. Наравне с ретро — это самая тяжелая и трудоемкая техника. Только представьте себе, сколько часов было потрачено на поиск мысли и создание одного из образов.

А какая из категорий обложек больше всего понравилась вам?

P.S. Будем так же очень признательны, если напишете в комментариях или на мейл (info@womtec.ru) о том, как долго загружается ресурс или данная страница в вашем браузере. Спасибо.

womtec.ru

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

Ресурсы не использующие flash

На данный момент, практически все кино-ресурсы используют flash, который необходим для показа видеороликов и создания красивых эффектов. Единственный «экземпляр», который удалось найти, представлен ниже. Возможно, в будущем, с ростом популярности HTML5, мы увидим больше ресурсов с отсутствием флеша и при этом ничем не уступающих по функционалу своим собратьям.

Ресурсы только с трейлерами к фильмам

Это наиболее популярный стиль, используемый в дизайне ресурсов такого вида. Основной упор делается на мультимедийную составляющую, которая сразу доступна для пользователей. Как правило, на основной странице находится видеоролик, краткая информация и несколько социальных кнопок.

Ресурсы с эффектом погружения

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

Ресурсы с разнообразным контентом

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

Эту категорию очень часто совмещают с категорией «Сайты только с трейлерами», добавляя ссылку или несколько ссылок на внутренние страницы сайта, с которых посетитель и начинает рассматривать этот разнообразный контент.

Ресурсы с акцентом на «звезду»

Это второй по популярности стиль в создании кино-ресурсов. На главной и второстепенных страницах основной акцент делается на звезду мирового масштаба. Тут лучше посмотреть примеры. Слова излишни.

Другие кино-ресурсы

Кроме выше перечисленных примеров, существует огромное или даже гигантское количество ресурсов, которые или вовсе не попадают под описываемые нами категории, или совмещаются в себе 2 и более. На наш взгляд такой подход наиболее оправдан, т.к. позволяет наиболее полно описать внутренний мир фильма.

Теперь перейдем к советам. Их не так много, но не принимать их во внимание, при разработке собственных ресурсов о фильмах, категорически запрещено.

Кино-ресурсы одна из немногих категорий, где использование звукового сопровождения оправдано. Поэтому, если добавляете музыку на ресурс, то обязательно должна присутствовать возможность его отключения. Так же важно, чтобы кнопка была расположена на видном месте, и найти ее не составляло труда.Не изменяйте размеры окна браузера. Одна из частых ошибок — автоматический переход в режим полного экрана или разворот окна браузера на всю ширину экрана. Лучше избегать подобных решений или добавить автономную кнопку, если это необходимо.Не бойтесь использовать новые технологии и неординарные решения, если они подходят для сайта.При насыщении сайта постарайтесь охватить все возрастные категории. Сделайте его интересным для всех посетителей.

А какие кино-ресурсы нравятся вам?

womtec.ru

Очень часто дизайнеры создают на бумаге целые страницы, используя только карандаш или ручку. В некоторых случаях, в качестве карандаша используют планшет, который в умелых руках ничем не уступит «бумажному» варианту. Эскизы таких страниц уже сами по себе могут быть красивы и необычны за счет элементов, нарисованных рукой человека. Эти детали дизайна и являются отличительной особенностью рисованного сайта. Изогнутые и неровные линии, иконки ручной работы, наклейки или нечеткие прямые разной толщины. Вот неполный список приемов, способных придать дизайну сайта «человеческий фактор» и сделать страницу непохожей на другие, привлекая внимание посетителя. А добавив цвета «черно-белым» макетам дизайнер создаст финальный дизайн, тот, который мы и увидим — рисованный и необычный.

Основная задача рисованного дизайна заключается в способности передать эмоцию, настроение и индивидуальную ноту времени, что во много раз сложнее, чем просто добавить скругленных web 2.0 элементов.

womtec.ru

В дизайне ретро-ресурсов часто используются как настоящие старинные предметы, так и современные гаджеты, грамотно доработанные в графических редакторах, таких как Photoshop или Illustrator. Такой подход позволяет нам, посетителям, увидеть обыденные вещи в другом свете, а благодаря винтажным иллюстрациям, которые могут использоваться на сайте, атмосфера ретро укрепляется еще сильнее.

Ретро-дизайн позволяет посетителям увидеть наши ежедневные реалии, с новой, неожиданной и необычной точки зрения.

В заключении, нельзя не отметить, что не только ресурсы можно оформлять в ретро стиле. При хорошей мысли и должном исполнении можно создать не менее эффектную рекламу или плакат. Даже такие популярные сервисы как, например, Youtube, Facebook или Twitter, уже ставшие неотъемлемой частью жизни многих людей, можно красиво преподнести в духе 50—60-х.

womtec.ru

За время существования сервиса, которое насчитывает уже 4 года, мы все привыкли к дизайну, цветам и функционалу, создающему определенную атмосферу. Несколько дней назад все это изменилось.

То, чего мы так долго ждали, наконец-то произошло. Твиттер предстает перед нами в ином обличье и новых красках. Новый дизайн, новые функции, новый вид ленты и, конечно же, новые твитты. Еще лучше, больше и интереснее.

В этой новостной статье мы расскажем только самые главные «вкусности» и мысли, а основное исследование нового интерфейса твиттера мы оставим вам. Лучше один раз увидеть, чем сто раз услышать.

Перед описанием нового интерфейса микроблога, еще раз посмотрим, теперь уже на старый дизайн, и подготовимся к рассмотрению нового.

23

Вступление

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

Первое впечатление

Изменения просто потрясают. Из уст вырываются слова «Вау!» и «Круто!». Мы судорожно начинаем исследовать внутренности этого свежеиспеченного пирога. Новый логотип, новая лента, новая боковая панель, новые кнопки … новое, новое. Все новое. Круто! (:

Боковая панель

Теперь панель занимает гораздо больше места, чем прежде. Там все также располагаются счетчики твиттов, фолловингов, фолловеров и списков + добавлен счетчик избранных твиттов. Все заголовки, кроме цифр, подкреплены выводом последнего сообщения в первом случае и отображением аватаров пользователей во втором и третьем. У списков, после заголовка, отображаются последние «listed», в которые вы были добавлены. Ниже, после разделительной линии, идут тренды и «who to follow», функция о котором мы вам рассказывали в одной из прошлых статей.

2345Лента сообщений

Тут изменений масса. Переработке и доработке подвергся практически каждый элемент. Начинает этот блок, уже привычное поле для ввода сообщений с заголовком «What’s happening?». После идет меню, в которое входят: лента сообщений, список упоминаний, ретвитты, поиск и списки. Последние 3 ссылки реализованы с дополнительным выпадающим меню. Как и в предыдущей версии, при наведении на твитт, появляются функциональные клавиши.

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

2345Заключение

По мере исследования и нахождения новых «штук» в очень красивом и функциональном интерфейсе твиттера, мы будет или обновлять эту статью, внося коррективы, или напишем новую, в которой расскажем о том, какие интересные «фишки» мы нашли. А пока, предлагаем обсудить то, что нам «подарили» разработчики твиттера. Что скажете?

Alconost Nitro — служба живого онлайн перевода на иностранные языки. Профессиональные переводчики, носители языка переводят тексты в течение нескольких минут. Без ограничений на минимальный объём!

womtec.ru

При таком изящном исполнении было бы странно, если бы ресурсы программ и игр для iPad выглядели бы нелепо и не ярко. Имея такой продвинутый девайс, дизайнеры и веб-разработчики получали огромное поле для создания красивого дизайна и удобного функционала, подчеркивающего преимущества как iPad, так и своего приложения/игры.

Собрав, на наш взгляд, самые интересные и красивые ресурсы приложений и игр, мы предлагаем вам оценить их дизайн и оригинальность.

womtec.ru