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

Прежде чем продолжить, я должен разрушить один распространенный миф: дизайн это не красивенькие финтифлюшки на вашем блоге. Дизайн — это та вещь, которая делает блог удобным для посетителей. Позвольте цитату с wikipedia.org: "Дизайн в смысле разумного устройства сайта значительно важнее, чем его визуальная красота".

Так, заканчиваем размазывать кашу по тарелке, давайте «дизайнерить» наш блог. Вот, что нам понадобится: карандаш, бумага и графический редактор (что-нибудь типа Photoshop, Illustrator, Freehand или Gimp).

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

Итак, мы будем создавать дизайн для вымышленного блоггера. Предположим, он (назовем его Лешей) будет словоблудить о часах.

Шаг №1: определяем цель блога (Чего вы пытаетесь достичь с его помощью? Как это сделать?)

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

Шаг №2: определяем свою аудиторию (Какова она? Откуда появляется?)

Аудитория блога собирается из двух групп людей: отъявленных часовых маньяков, которые читают Лешины заметки в поисках новинок в мире часов и прочих событиях тусовки; и обычных людей, которые просто хотят купить часы и зашли на сайт узнать мнение экспертов по разным моделям.

Шаг №3: определяем специфические особенности (Какие функции необходимы сайту, чтобы быстрее достичь цели?)

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

Также необходимо повысить «запоминаемость» сайта для посетителей. Для этого создаём список «Любимых сообщений», а внизу каждого сообщения «полезные ссылки».

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

Шаг №4: рисуем черновик (Черновой набросок, чтобы поэкспериментировать с расположением на странице различных элементов)

Наконец-то начинается самое интересное! Например, я использую для этого замечательную программу OmniGraffle, возрадуйтесь — она работает только на Mac'ах. Как только во мне просыпается сильное желание вставить в дизайн как можно больше графических элементов, я стараюсь держаться подальше от графического редактора. Надо подавлять в себе такие желания. Конечно, блог должен быть привлекательным, но достигаться это должно малой кровью.

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

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

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

1. Движение, действие.
2. Размер.
3. Изображение.
4. Цвет.
5. Стиль текста (шрифт и его размер).
6. Расположение.

Если мы решили, ОТКУДА можем начать читать, то можем и решить, ЧТО будем читать, всего лишь подробнее присмотревшись к странице. Обращаем внимание на группы объектов, их соответствие тематике — чтобы определить, что же важнее прочитать первым.

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

Шаг №5: делайте архив настроения (коллекции изображений, цветов, шрифтов — всего, что вам нравится)

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

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

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

Шаг №6: визуальный дизайн

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

Самая большая ошибка начинающих дизайнеров — не оставлять достаточно места вокруг элементов дизайна. Это называется «белым местом» («White space»). Но оно не обязательно должно быть белым, просто должно быть свободным от других элементов.

Именно поэтому вы должны быть очень внимательны, создавая собственный дизайн. А я вас покидаю — пойду делать дизайн для Лешиного блога о часах.

Перевод Алексея ХАЛЕЦКОГО
crazyhamster.livejournal.com/176771.html

Главное отличие iPod’a от своих конкурентов это то, что для этого плеера создано множество программ и утилит, которые облегчают работу с устройством. Спектр их действия огромен – от банальной «заправки» музыкой до изменения в самих прошивках плеера. И будет неверным тот шаг, если пройти мимо всех этих софтинок стороной. Итак, вот набор самых полезных программ для работы с Apple iPod!

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

Художники Адриан Саламунович и Назим Ахмед организовали компанию, которая главной своей услугой предлагает фотографию вашей ДНК.

Вы выбираете размер рамки, цветовую палитру, в течение 10 дней получаете специальный kit и отправляете свою ДНК обратно. Через 6-8 недель имеете готовый отпечаток вашей ДНК, который можете повесить, например, в спальне =)

Все чаще в блогосфере попадается термин mashup. Что же это такое?

Сперва, когда Google выпустила Google Talk, появилось десктопное приложение GTalk, затем произошла интеграция с GMail. Ещё через некоторое время появился гаджет, добавляющий GTalk на домашнюю страницу.

Сейчас же появилась возможность запустить Google Talk как веб-приложение (а-ля ICQ2Go). Для этого вам нужно зайти на страницу Google Talk и нажать на кнопку .

В новом окне появится привычный нам десктопный вариант (только чат-окна будут сгруппированы вкладками), выполненный на флеше, так что предварительно придётся поставить плагин Adobe Flash для вашего браузера.

В торрент-сетях появлся пре-релиз Adobe CS3 Design Premium

Оказывается, физический размер Веб 2.0 равен 70×28 мм. Таковы габариты новых визитных карточек Moo, которые стали жутко популярны среди интернетчиков «нового поколения». Это ещё одна метка, по которой пользователи Flickr, Second Life и Digg узнают друг друга.

Для сравнения, размер обычных визиток прошлого поколения составляет 86×54 мм, и они оформляются по строгим правилам дизайна. Карточки Moo — полная противоположность. Их принято оформлять как можно более красочно, с персонализированными изображениями, например, с картинкой аватары из Second Life.

Ajaxload — это генератор gif'ов, показывающих загрузку. Есть 26 типов загрузки, а цвет и фон можно выставить любой.

ВВЕДЕНИЕ

Web 2.0, a phrase coined by O'Reilly Media in 2004, refers to a perceived second generation of web-based services—such as social networking sites, wikis, communication tools, and folksonomies—that emphasize online collaboration and sharing among users. (Wikipedia.org)

Web 2.0, понятие, предложенное O'Reilly Media в 2004, относящееся ко второму поколению сервисов всемирной сети, таких как сайты социальных сетей, wiki, средства коммуникаций, а также включающее фолксономию (англ. folksonomy, от folk — народный + taxonomy — таксономия – что подразумевает совместную работу группы людей над содержанием ресурсов и обмен данными среди пользователей.

Думаю многие, а особенно веб програмисты, ни раз сталкивались с проблемой мультиброузерности своего детища. У меня установлен IE7, но волею судеб, регулярно возникает необходимость посмотреть как сайт будет выглядет в IE6.
Немного погуглив я нашел достаточно полезную программу, которая позволяет запускать (standalone) на вашем компьютере аж пять версий IE, от 3.0 до 6.0.
Больше всего порадовал сайт самизнаетекого — он один из множества проверенных мною в IE3.0 был наиболее близок к оригиналу (google не в счет).

И да, возможно кому то еще будет полезно узнать как их сайт выглядит на маковском Safari (а за небольшие деньги так вообще в 11 броузерах).

Юзеp — человек, наступающий на гpабли.

Чайник — начинающий юзеp, ни pазу не наступавший на гpабли и потому увеpенный, что гpаблей не существует.

Ламеp — юзеp, pегуляpно наступающий на гpабли, но по-пpежнему увеpенный что гpаблей не существует.

Итак, все логотипы в стиле 2.0 по мнению авторов статьи имеют 11 основных особенностей, отличающих их от логотипов 1.0: «Каждый хочет быть современным и следовать стилю. Никто не хочет отставать от тенденций. Итак, вы можете просмотреть 11 тенденций, которые, как мы думаем, будут определять внешний вид 2007-го.

Агрессивная реклама, ссылки «на доверие» и флэш-заставки — вот неполный список вещей, которые вызывают раздражение у посетителей любого сайта. Для обычного пользователя удобство навигации значит гораздо больше, чем стильный дизайн, подчас непонятный. Однако до сих пор в Сети встречаются сайты, где удобство принесено в жертву красоте. Тереза Каннигтон (Theresa Cunnington), консультант по юзабилити в iFocus, приводит список самых ненавистных дизайнерских изысков с точки зрения обычного пользователя.

Например, флэш-анимация очень часто не вызывает ничего, кроме раздражения. Кнопка «Skip intro» («Пропустить заставку») — пожалуй, самая популярная кнопка в интернете. Причина в том, что заставка воспринимается как препятствие для входа на сайт. По мнению Каннигтон, флэш-анимация — типичный пример так называемого «дизайна Юрского периода». Имеется в виду архаичный, нецивилизованный подход.

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

По мнению специалистов iFocus, пользователи сильнее всего не любят пять вещей.

1. Агрессивная реклама. Особенно ненавистна реклама, которая частично или полностью перекрывает контент, которая моргает на экране и которая поглощает трафик.

2. Изобретение колеса заново. Люди не любят разбираться с навигацией по нестандартному, непонятному сайту.

3. Ссылки «на доверие», когда не указывается размер и тип файла, на который ведет ссылка.

4. Сайты, где разбегаются глаза. Обильное использование мигающих элементов и баннеров отвлекают пользователей.

5. Страницы в стиле «Война и мир». Имеются в виду страницы с большим объемом простого текста. Дизайнеры должны понимать, что интернет — это особая среда со своими выразительными средствами. Здесь неприемлемы методы традиционной полиграфии.

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

Статью попросил запостить хабрапользователь istinspring т.к. у него не хватает кармы. Если вам понравилась статья, не забудьте его плюсануть, он ещё много таких написать может.

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

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

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

В прошлый раз

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

• подготовка материала к сведению
• определение расстояния до инструмента (баланс инструментов по громкости)

Начнем с того, что

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

Пара слов о слуховой маскировке

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

Есть проблема? Найди решение!

К превеликому счастью решение уже давно нашли и без нас, так что нам остается только пожинать плоды и радоваться. Решение это — эквализация.

Случилось так, что я захотел устроить небольшой концерт для своих далеких друзей, приятелей и просто заинтересованных людей. Коль скоро большинство из них живет за два, четыре или более часовых поясов от меня, я начал думать об аудиотрансляции, благо с точки зрения железа все легко реализуемо (Альфа-Альфа, дорогая моя...) Но вот в чем проблема — мои 44кб отдачи явно не тянут на аудиосервер. Конечно есть скайп, но там лимиты на количество участников конференции — это раз, и не у всех он есть — это два. И надо добавлять пользователей… Жуть, кратко говоря. А еще он принимает только левый канал — это создает дополнительные мучения.
Но после некоторого времени, нашел я Его, Сервис Мечты Моей, Здоровенный такой Mixlr! Mixlr! О нем я и расскажу под катом. И немного о том, как я обрабатываю звук перед отправкой.
Итак, прошу к столу под кат! (Но осторожнее! Трафик!)

Ещё одна мелочь, на которую не вредно обращать внимание — оформление знака охраны авторского права (который часто неграмотно называют «копирайтом»). К сожалению, на сайтах этот элемент подвала страницы зачастую ставят «чтобы был», и оформляют кто во что горазд. Однако, на сей счёт есть не просто сложившиеся правила, а целый ГОСТ Р 7.0.1—2003 (PDF, 652 КБ).

Ничего сложного в оформлении знака охраны авторского права нет, нужно просто знать определённые правила.

Введение

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

• Разные шаблоны для имен файлов: 4 — Звезда | 04 — Звезда | 04. Звезда
• Разные имена исполнителей в тегах: Чиж & Co | Чиж и Ко. | Mylene Farmer | Mylène Farmer
• Не указаны исполнители альбома (что приводит к полному бардаку в альбомах-компиляциях)
• Не совсем корректная информация об альбомах, состоящих из нескольких дисков
• Путаница в годах изданий и переизданий (ремастеринг, и т.д.)

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

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

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

Нам вообще не нравится словосочетание «фирменный стиль» — оно ничего толком не означает. Точнее означает, но все время что-то разное. Наверное, больше ни с одним термином нет такой неразберихи.

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