Mannodesign

Scrapbooking (англ. “scrap” – вырезка, “book” – книга) — это целое искусство оригинального и запоминающегося оформления фотоальбомов, дневников, записных книжек и всего, что так или иначе сохраняется «На память». Вернувшись из увлекательного путешествия по дальним странам с пачкой фотографий и целым ворохом билетиков, рекламных буклетов, открыток, камушков, ракушек, сушеных голов, бумерангов, сомбреро, всевозможных этикеток и прочего добра, вы все это с любовью приклеиваете в новеньком фотоальбоме, сопровождая кое-где пояснительными подписями и даже рисунками.

Само понятие scrapbooking безусловно американское. Однако данный вид творчества появился в незапамятные времена. Да, пожалуй, с тех самых пор, как появилась фотография. И не только в Америке. Просто ушлые янки первыми додумались поставить все это дело на коммерческую основу и извлекают приличные прибыли с продажи всевозможных наборов заготовок для увлеченных последователей скрэпа.

Читать далее…

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

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

Создадим новый документ с размерами 400х400 пикселей. Добавим новый слой, на котором при помощи прямоугольного выделения (Rectangular Marquee Tool) нарисуем прямоугольник и зальем его из ведерка (Paint Bucket Toot) бледно-желто-оранжевым цветом (#FFF3DC).
Читать далее…

В предыдущем посте о тенденциях веб-дизайна 2009 был любопытный комментарий, затрагивающий тему RSS-кнопок на сайтах. И я подумала: «А что, неплохая темка для обсуждения!» И вопрос нарисовался сам собой: А так ли необходима именно Большая И Заметная Кнопка RSS на сайте?

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

Ничего не напоминает? Правильно, очень похоже на вяло фланирующего по сети серфера, которому ничего конкретного не нужно, он просто вышел погулять. Поймать его внимание, громко заявив «Подпишись! Иначе Ктулху порвет тя как грелку!» — не смахивает ли это на назойливую рекламу, к которой у большинства людей уже выработался иммунитет? И нужен ли вообще такой посетитель?

Ведь если на сайт (блог) пришел заинтересованный читатель, ищущий что-то конкретное, то ему не составит большого труда найти пусть даже просто текстовую ссылку на подписку. Если ему на самом деле понравился сайт. Кроме того, все современные браузеры позволяют подписаться на фид буквально в один клик мыши.

Smashingmagazine.com не так давно опубликовал исследование, в котором данный вопрос был рассмотрен на примерах большого количества блогов. Только 38% из них имеют кнопку в шапке. 28% размещают ее в верхней части сайдбара, а 30% поместили ее в средней и нижней частях сайдбара. Причем 66% блогов используют как раз не Большую Рыжую, а стандартную кнопку-счетчик Фидбурнера.

Так нужна ли на самом деле большая иконка RSS-фида, или это уже анахронизм и досужее мнение?

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

Недавно я опубликовала небольшой пост о тенденциях веб-дизайна 2008. Должна сразу оговориться, что речь шла скорее все-таки о дизайне блогов, а не о веб-дизайне в целом. Сегодня я хочу продолжить эту тему, но уже применительно непосредственно к темам WordPress, которыми в основном и занимаюсь сама. Так каковы же тенденции развития, или даже точнее будет — эволюции — шаблонов WP? Кстати, год в заголовке — это уловка. Все-таки изменения происходят не скачкообразно, как мода, а постепенно, перенимая опыт и наработки предыдущих «поколений» шаблонов.

Сейчас все более популярными становятся следующие элементы в дизайне шаблонов Вордпресс: эскизы, надписи, скетчи, нарисованные от руки (либо на планшете, либо на бумаге и потом отсканированные), различные бирки, скрепки и прочие канцелярские принадлежности, билетики, марки, почтовые штемпели, фотографии, акварельные эффекты, коллажи, рукописные и гранжевые шрифты, кляксы и т.п. Причем явно прослеживается стремление авторов все-таки не сканировать объекты, а пытаться их нарисовать в каком-либо графическом редакторе. Но сделать это так, чтобы возникла полная иллюзия «настоящести».

Читать далее…

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

Нарисовать такую скрепку несложно. Урок далеко не новый, но очень полезный для практического применения. Освоить его очень легко. Чем мы сейчас и займемся. В Фотошопе для этого уже есть готовый шейп (shape) в виде скрепки.

Читать далее…

Уроки фотошоп. Каждый блоггер знает, что такое тэг (tag). Не в смысле HTML верстки, а в смысле слова-метки. В переводе с английского это слово имеет несколько значений: от железных наконечников на шнурках штиблет, до сережек в женских ушках. :) Тэг — так же обозначает ярлык (или бирку), которые цепляют ко всему подряд. Не исключением стало и оформление «хендмейдовых» дизайнов блогов. Вот, например:

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

Создадим в фотошоп новый документ 570х400 пикселей с белым фоном. Добавим новый слой (Ctrl+Shift+N). Затем включаем инструмент Polygonal Lasso Tool и, удерживая нажатой клавишу Ctrl, создаем выделение для будущего ярлыка. Клавиша Ctrl помогает вести мышку строго под углами в 90° и 45° .

Читать далее…

Только что из печи, свеженькие, горяченькие. Налетай! :)

Все иконки выполнены в формате PNG. Для примера привожу пару общих картинок, как выглядят эти иконки на белом и на черном фонах соответственно.

Скачать 12 свежих rss иконок — «fish»

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

Для начала создадим новый документ 520х520 пикселей и зальем его при помощи Ведерка (Paint Bucket Tool) цветом #E9E6F4. Затем выбираем инструмент Прямоугольное Выделение (Rectangular Marquee Tool). В его настройках (вверху, в панели редактирования инструмента) выставим следующие параметры: Style: Fixed Size; Width: 20 px; Height: 520 px.
Читать далее…

Тенденции в современном веб-дизайне, массово стартовавшие в 2007 году, в 2008 продолжают бурно развиваться и процветать. И это не может не радовать: вебдванольные «глосси» и «бейджики» уже порядком поднадоели. Что же сейчас наиболее популярно? Карандашные эскизы, рукописные надписи (масляное масло – сори за тавтологию :) ), всевозможные карточки, билетики, фотки, акварельные эффекты, коллажи, письменные шрифты, очень крупные шрифты, гранж и чернильные кляксы (как вариант – отпечатки расплескавшихся кофейных чашек).

Еще одна тенденция — винтаж и ретро-стиль. Посмотреть выборку из 82 сайтов можно в Best Web Gallery, которая в полной мере отражает указанные тенденции. Очень рекомендую для вдохновения.

Мой любимый Smashingmagazine также пополнился исчерпывающим постом о так называемом «рукописном» стиле в веб-дизайне, когда многие детали (а иногда и весь сайт целиком) нарисованы от руки. Для корпоративного сайта это вряд ли станет хорошим решением, но для творческой студии, а уж тем более для личной страницы — просто простор для креатива.

Источник WebDesignerWall.

По материалам статьи Make The Web a Less Colorful Place

Веб — это очень красочное и порой весьма яркое место. Яркое — в смысле богатства и возможностей отображения цветовых палитр. Никакая полиграфия с ним не сравнится (не говоря уже о расходах на краски). Причем зачастую богатство это чересчур пестрое, отчего только рябит в глазах и теряется удобство восприятия информации. Это не относится к тем сайтам, где яркая визуальная составляющая — есть основной материал.

Альтернативой может послужить, так называемый, монохромный дизайн. Что значит — монохромный? Моно — один. То есть, в дизайне используется только один базовый цвет. При помощи белого и черного этот цвет разбивается на различные оттенки.

Читать далее…