Zaandr blog - дизайн, креатив, блоги, wordpress » Вебдизайн

Обои, которые украсят ваш рабочий стол в 2011 году

Zaandr — Tue, 28 Dec 2010 21:11:57 +0000

Скоро наступит новый 2011 год. Мы будем праздновать, веселиться, гулять. Самое время сменить обои на вашем рабочем столе. Пусть у вашего железного друга тоже будет праздник. Ниже вас ждут замечательные обои на тему магических цифр «2011».

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Комментарии: 2
Хотите узнать больше? Посмотреть все записи в категории Вебдизайн.

Комиксы с политическим уклоном — Астерикс и Викиликс

Zaandr — Sat, 25 Dec 2010 10:43:17 +0000

Сегодня я расскажу вам о новой серии комиксов, которые имеют политический уклон. Авторство этой интересной и молодой серии принадлежит Егору Zhgun, который уже появлялся на страницах моего блога в статье Егор Жгун и его кино.

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Пока комментариев нет. Будете первым? :)
Хотите узнать больше? Посмотреть все записи в категории Вебдизайн.

Где скачать бесплатные кириллические шрифты?

Zaandr — Sun, 21 Mar 2010 17:07:50 +0000

Наверняка, у человека связанного с вебдизайном не раз возникал вопрос «Где скачать бесплатные кириллические шрифты?». Большинство русскоязычных сайтов о шрифтах не содержат в своих недрах действительно интересных и новых шрифтов. В буржуйнете же есть множество прекрасных шрифтов, но не кириллических. Остается рисовать самим. Но это могут далеко не все. Вашему вниманию предлагается прекрасная подборка бесплатных кириллических шрифтов.

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Комментарии: 3
Хотите узнать больше? Посмотреть все записи в категории Вебдизайн.

Современный дизайн навигации в стиле грандж в Photoshop

Zaandr — Mon, 08 Mar 2010 18:26:24 +0000

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

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

Шаг 1: Создаем новый документ

Для начала создайте новый документ. Выберите Файл-> Новый... (File -> New... ) и установите ширину 920 пикселей, высоту 170 пикселей.

Шаг 2: Навигация по сайту

Создайте новый слой Слой->Новый->Слой (Layer -> New -> Layer...) и назовите его «Навигация по сайту». Установить основной цвет #1e1e1e и выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool), затем установите радиус до 6 пикселей и выделите прямоугольную область, как показано на рисунке ниже.

Шаг 3: Навигация по сайту стиля слоя

Чтобы настроить слой «Навигация по сайту» нажмите Слой->Стиль слоя->Параметры наложения (Layer -> Layer Style -> Blending Options) и выберите вкладку Внешнее свечение (Outer Glow). Вы должны применить следующие настройки.

Далее выберите вкладку Наложение градиента (Gradient Overlay) и настройте как показано на рисунке. Режим для градиента Мягкий свет (Blend Mode is Soft Light)

Шаг 4: Текст навигации

Для создании навигации ссылок установите основной цвет #ffffff (белый). После этого выберите инструмент Горизонтальный текст (Horizontal Type Tool). Используйте шрифт Myriad Pro Regular (или Arial) размером 14 пт. Напишите несколько слов, таких как «Главная, Обо мне, Блог, Контакт». Затем зайдите в Слой->Стиль слоя->Параметры наложения (Layer->Layer Style->Blending Options) и примените следующие настройки.

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

Шаг 5: Добавляем текстуры

Приступаем к приданию вида гранджевости нашему меню. Для этого нам нужны текстуры. Для примера воспользуемся этими. Скачайте их.
Выберите текстуру Media_Militia_BTOB_005, измените её размер — 25% по высоте и ширине (клавиши CTRL+T). После удерживая кнопку CTRL, кликните по слою “Navigation bar”.
Когда вы выделили слой “Navigation bar”, кликните по слою текстур и скопируйте выделенное (CTRL+C), затем скройте слой с текстурой и вставьте выделенное (CTRL+V).

После этого выберите Слой->Стиль слоя->Параметры наложения (Layer -> Layer Styles -> Blending Options) и применять настройки, показанные на рисунке ниже.

Шаг 6: Активные кнопки
Создайте новый слой Слой->Новый->Слой (Layer -> New -> Layer...) и назовите его «Button». Установить основной цвет #95009E удерживайте кнопку CTRL и нажмите на слой “Navigation bar”, выделив его. После этого выбрать инструмент прямоугольник (Rectangle Tool), выберите слой «Button» и нарисуйте кнопку. Примечание: Слой «Button» должен быть ниже слоя с текстом и текстуры.

Затем зайдите в Слой->Стиль слоя->Параметры наложения (Layer -> Layer Styles -> Blending Options) и примените следующие настройки.

Добавьте текстуру фона и вы закончили!

Результат

Скачать Современный дизайн навигации в стиле грандж в Photoshop (2,5 MB)

Руководство является переводом англоязычной статьи Create Modern Grunge Navigation Design in Photoshop.

Бесплатный psd макет дизайн студии

Zaandr — Fri, 26 Feb 2010 21:27:36 +0000

Сегодня я хочу познакомить вас с psd макетом дизайн студии в стиле модерн.

Работы студии Artua

Zaandr — Tue, 23 Feb 2010 13:54:38 +0000

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

Инструменты дизайнера

Zaandr — Tue, 15 Jul 2008 08:13:58 +0000

Каждый кто хоть немного знаком с понятием вебдизайна не раз сталкивался с проблемами отображения сайтов в разных браузерах. Пальму первенства по нестандартному отображению держит Internet Expoler (Microsoft не считает нужным придерживаться стандартов, ему больше нравиться их создавать). Даже разниые версии IE отображают сайты по разному. Но всё, хватит лирики перейдем к делу.

Что же делать при таком большом количестве браузеров (Internet Expoler, Mozila Firefox, Opera, Navigator, Safari, Seamonkey — это только браузеры для ОС Windows) и разных версий к ним? Да-да, приходиться подстраиваться под всех. Хоть основыные доли рынка и принадлежат IE и Firefox (и Опере, хоть по последним анализам это 1,5-2%, в числах пользователей это много!; сведения только среди ОС Windows). Вобщем как упростить жизнь? не держать же стольковерсий браузеров на компьютере! (а о ОС Linux и Unix тож не стоет забывать) Тут на помощь вебдизайнеру приходят сервесы (как никак на дворе web 2.0 и всякое такое )