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

Итак, вы хотите сделать игру?
Большинство современных игр следует одним и тем же правилам. 3d пространство, бег, прыжки, транспортные средства, возможность мультиплея, стрельба и так далее. Цель – создать игру похожую на ту, которой фанатеешь и которая вдохновляет. Например, RPG реального времени, как Baldur’s Gate.

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

Автономные игры
Есть много условно бесплатных движков для создания 3d игр. Помимо этого программист может писать свой движок. Любой из этих вариантов позволяет разработчикам создать игру с нуля и выкладывать ее в сети для скачивания.

Развитие
Разработка игры или мода состоит из отдельных этапов.

1. Дизайн документ – где описывается игра. Например, стратегии и технические руководства, этот документ аналогичен проектной документации. Программистам необходим этот документ для полной реализации функционала игры, продуманной дизайнерами игры.
2. Предварительное производство состоит из первоначальных механизмов игры, содержания, истории, графики. Большая часть дизайн документа на этот момент написана и самый пик загруженности всего коллектива разработчиков.
3. Альфа версия. Это может означать что угодно, но, то, что это играбельное демо – самое точное описание. Это первый, завершающий этап создания механики игры и отрисовки графики и моделирования. В этот момент написана проектная документация, чтобы на этапе бета разработки не возникало проблемных моментов.
4. Бета представляет собой полностью играбельную версию игры. Она не отшлифована до мелочей и не до конца оптимизирована – это уже будет финальный релиз. На этом этапе проходит самое жесткое тестирование. Поскольку здесь исправляются самые грубые ошибки перед финальным релизом.
5. Финал – исправляются все ошибки, доделоваются все мелочи согласно дизайн документу, оттачиваются мелочи GUI.

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

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

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

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

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

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

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

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

Автор: Крис Холден
Перевод: Опанасенко Сергей

Улучшение арт-робот с помощью отрицательного пространства

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

На изображении «Отрицательное пространство» здания (положительное пространство) отделены и более четко подчеркнуты небом (отрицательно пространство).
Небо вносит баланс в фото, без которого оно бы выглядело бы бесформенно, нечетко.

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

Отрицательное пространство очень часто используется для создания третей в композициях, гораздо чаще, чем Вы даже можете себе представить.
Вспомните, сколько фотографий вы видели, на которых 1/3 или 2/3 пространства занимает пейзаж, а остальную часть облака и небо?
Как правило, отрицательное пространство не должно отвлекать внимание от основного предмета композиции,… только если отрицательное пространство не есть главный предметом, как на фото справа.

Отрицательное пространство как главный объект

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

Использование положительного пространства для определения отрицательного пространства

Художник может использовать положительное пространство специально для того, что бы придать отрицательному пространству некую определенную форму. Наиболее ярким примером этого может быть ваза Рубина.
В этом примере позитивным пространством является сама ваза, но когда мы присмотримся к пространству, которое окружает вазу, то увидим два лица в профиль, смотрящих друг на друга.
Следует отметить, что при всем это силуэт отнюдь не является отрицательным пространством. Отрицательное пространство – это зона вокруг или между предметами, но не часть определяемого предмета. Форма вокруг силуэта может быть негативным пространством, но сам силуэт это только положительное пространство с четко определяемыми границами.

Отрицательное пространство невозможно усреднить

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

Отрицательное пространство и дизайн логотипов

То есть, как мы уже поняли отрицательное пространство невозможно усреднить и отнести к какому ни будь конкретному виду искусства, таким образом, оно очень важную роль играет в создании логотипов. Некоторые из наиболее известных логотипов созданы на основе отрицательного пространства.
Для примера возьмем логотип FedEx, которая использует пространство между буквами «Ех», для того что бы создать стрелку. Как выразился представитель FedEx Джесс Банн:
«Стрелка действительно используется как вторичный элемент дизайна. Зрителю показан интересный визуальный бонус, и даже если он его не видит, все равно это мощный логотип. Он показывает динамичность и стремление к движению нашей компании»

Примеры отрицательного пространства

“Cross roads” – автор Aeioux использует отрицательно пространство между зданиями, что бы создать узнаваемую тему пересекающихся дорог, обычного явления в городах.

“kers 5” автора wester использует отрицательное пространство для того что бы подчеркнуть главный предмет на фото. Без отрицательного пространства вишенка на фото выглядела гораздо менее интересно.

“negative space” автора Alcino является хорошим примером использования отрицательного пространства для придания физической формы основному предмету композиции.

“Space and Motion” – (David Leggett) темное отрицательно пространство создает отличный контраст для ярких и энергетичных цветов фигуры барабанщика.

Использование отрицательного пространства

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

Автор — David Leggett
Перевод – LadyMoon

Часть 1. Начало

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

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

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

Отраженный свет тоже принимает синеватый оттенок.

Самые темные области в изображении – начало тени у основании шара. Границу между областями в солнечном свете и оттенке на шаре называют ограничителем. Тень у снования получается темной из-за того, что прямые солнечные лучи туда не попадают и шар прикрывает доступ света от неба. Далее тень становится легче благодаря большему количеству света.

Почему ограничительная часть самая темная?

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

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

Почему свет от неба синий?

Свет, что мы видим состоит из маленьких частиц – фотонов. У этих частиц есть разная длинна волны: синий свет имеет короткую волну, а красная более длинную.

Белый свет от солнца составлен из непрерывного спектра цветов, который, разделен на цвета радуги с прогрессивно более длинными длинами волны: фиалковый, индиго, синий, зеленый, желтый, оранжевый и красный.

Однако из-за того, что свет пробивается через атмосферу, короткие волны рассеиваются. Наша атмосфера состоит из газов, через которые к нам пробиваются лучи солнца. Фотоны сталкиваются с молекулами газов и отражаются, преломляются. Более короткие волны отсеиваются сразу же, а более длинные долетают – таким образом получаем небо синего цвета.

Безоблачное синее небо, рассеянное атмосферой земли.

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

Эффект отражения синего цвета состоит в том, что вся атмосфера насыщена синим светом. Этот свет достаточно силен, чтобы освещать те места, что не доступны прямым солнечным лучам.

На фотографии тени имеют синеватый оттенок поскольку они освещены атмосферным светом.

Световые отражения

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

Легкий свет от жалюзи дает рефлекс от лестницы на стену.

Тельце пчелы окрашено в красный цвет из-за рефлекса от мака.

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

Если свет рефлексивно отражается между двумя объектами одинаково цвета то можем получить «влажный» эффект – он произойдет из-за усиления цвета в результате смешения.

Яркий и тусклый

Важность передачи атмосферы есть результат усредненности между светом и оттенком. Игра света и теней – важнейший аспект в работе художника.

Яркость

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

Тусклость

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

Баланс белого

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

Самый очевидный способ продемонстрировать этот эффект с помощью цифровой камеры.
На изображении объект освещен дневным светом.

На этой фотографии освещение идет только от 60 ватной лампочки.

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

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

Трехточечное освещение – почему это плохо.

Учебники по 3d графике популяризируют освещение сцен тремя источниками света – как идеальным методом освещения.

Этот способ изначально применялся фотографами, но он хорошо только тем, что его легко применять и понимать.

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

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

Результат шаблонного освещения – скучные однообразные фотографии.

Автор материала на английском: Richard Yot
Первод: Опанасенко Сергей

— Привет. Расскажи как и когда пришла в голову идея написать игрушку?
— Привет. Наверное каждому хотелось написать свою игру, вот и я один из таких.

— Почему именно Cудоку?
— Почему Судоку? Для начала я хотел попробовать небольшой проект, на разработку которого нужно не много времени, и тут пришла мысль сделать онлайн-головоломку. Потом сел за журнал с кроссвордами, и выбор очень быстро пал именно на Судоку.

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

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

— К примеру будет возможность дружить между пользователями?
— О интересная идея. Нужно подумать, это придаст эффекта социальности.

— Будет ли аккаунт PRO для продвинутых пользователей?
— И такая идея была, только для создания дополнительных подсказок, индикаторов, что упростило бы решение головоломок. На данный момент это не актуально, поживем — увидим : — )

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

— Планируется ли мобильная версия игры с возможностью участия в общем рейтинге?
— На данный момент игра работает в браузере Opera Mini в полном функционале. Разработка именно для мобильной версии, не планируется.

— Помогает ли вам писать игру хорошая музыка? Если да, то какая?
— Конечно, без музыки не проходит не минуты. Это помогает мне лучше настроится и сосредаточится на разработке. Из предпочитаемого это стили New Age, Power Metal.

— Пожелания юзерам и игрокам?
— Всем игрокам желаю удачи в решении головоломок, и побольше терпения, спортивного азарта. А новым посетителям предлагаю, только попробовать, я уверен — Вам понравится.

Советую посетить судоку. Предупреждаю, что это опасно — затягивает :-)

Заметки: Контент – это информация, что представляется на сайте. Важно обеспечить свободный доступ до информации. Исследования показывают, что тематический контент — самый популярный элемент на сайте.

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

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

Что же гармония в цвете?

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

Цветовое колесо придумано Йоханнсеном Итенном в 1960-м году. Он заметил зависимости и установил 26 различных комбинаций в то числе и монохроматическую, сплит дополняющие. Мацуда в 1995 году представил 80 схем.

Психология цвета

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

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

Как начать работать с гармонией цветов

Для начала выбираем тон, а потом гармонический шаблон.

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

Все считается математикой:

Работая с изображением Х:

Лучшие результаты достигаются методом минимизации функции относительно шаблонов:

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

Алгоритмом было обработано фоновые цвета для повышенного сочетания с передними цветами.

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

Апдейт 1:

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

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

Normal (нормальный) — все базовые цвета не изменяются.

Dissolve (растворение) — создается похожая на известковую сухая текстура, имеющая цвет рисования или слоя смешивания.

Darken (замена темным) — те базовые цвета, которые светлее цвета рисования или слоя смешивания, будут изменены, другие цвета останутся в прежнем виде.

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

Color Burn (затемнение основы) — темный цвет рисования или слоя смешивания затемняет базовый цвет, если же цвет рисования или слоя смешивания светлый, то базовый цвет будет немного осветлен.

Linear Burn (линейный затемнитель) — просматривает информацию о цвете в каждом канале и затемняет активный слой путем смешивания с композитным цветом, уменьшая яркость изображения. Режим Линейное затемнение (Linear Burn) диаметрально противоположен режиму Линейное отбеливание (Linear Dodge). Нейтральный цвет — белый, наложение черного цвета дает черный.

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

Screen (осветление) — светлый цвет рисования или слоя смешивания замещает темные области базового цвета — таким образом создается более светлый, обесцвеченный базовый цвет. Темный цвет рисования или слоя смешивания тоже осветляет базовый цвет, но не так сильно.

Color Dodge (осветление основы) — базовый цвет осветляется, если цвет рисования или слоя смешивания светлый, в противном случае базовый цвет осветляется лишь немного.

Overlay (перекрытие) — затемняются темные области и осветляются светлые области базового цвета. При этом сохраняется информация о яркости. Черный и белый цвета не изменяются, так что в изображении остаются все детали.

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

Hard light (жесткий свет) — базовый цвет обесцвечивается, если цвет рисования или слоя смешивания светлый, и затемняется, если цвет рисования или слоя смешивания темный. Увеличивается контраст между базовым цветом и цветом слоя. Очень хороший режим при создании бликов и сложных эффектов.

Vivid Light (яркий свет) — если накладываемый цвет светлее серого (128, 128, 128 в RGB), то изображение осветляется путем уменьшения контраста. Если темнее, то, наоборот затемняется в результате увеличения контраста.

Linear Light (линейный свет) — если накладываемый цвет светлее серого (128, 128, 128 в RGB), то изображение осветляется путем увеличения яркости. Если темнее, то, наоборот, затемняется в результате уменьшения яркости.

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

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

Hue (цветовой тон) — тон цвета берется со слоя смешивания. Насыщенность и яркость базового цвета при этом не меняются.

Saturation (насыщенность) — насыщенность цвета берется со слоя смешивания. При этом тон и яркость базового цвета не меняются.

Color (цветность) — применяются тон и насыщенность цвета слоя смешивания. Значения яркости базового цвета не меняются, так что детали изображения остаются видны. Хороший режим для легкого окрашивания изображения.

Luminosity (свечение) — значения яркости базового цвета замещаются значениями яркости цвета рисования или слоя смешивания. При этом тон и насыщенность базового цвета не затрагиваются.

Постовой:
Замечательный блог о дизайне Coolsiu design blog

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

Здесь же выступает вопрос о качестве предоставления и рекламных модулей – ведь каждый владелец таких сайтов хочет получать определенную монетизацию с сайта.

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

Чего общего

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

2.    Баннеры в шапке и боковых панелях

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

Очень модные сейчас для боковых панелей 125х125, ставят их по 4 штучки блоками.

telegraph.co.uk — телеграф в шапке поставил большой баннер и получает за это монетки :)

3.    Навигация в шапке

Многоуровневые менюшки в шапке сразу же под заголовком становится классическим решением для новостных ресурсов.

4.    Вкладки

Юзабельными оказываются панели вкладок где в каждой из них можно разместить на пример тематические новости по регионам и так далее. Это экономит место и повышает понимание пользователем где он находится.

5.    Структура как в газете

Поскольку в газетах не спроста колоночная подача информации, а это очень эффективно работает для подачи больших объемов информации. А сайты которые есть сетевыми версиями печатных изданий тем более будут использовать подобные сетки, что и делает Нью-Йорк Таймс — nytimes.com

Каждый посетитель подсознательно формирует мнение о сайте сначала не по качеству контента – это мнение формируется когда не прочитано не единого слова.

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

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

Цвет в жизни

Например цвета одежды многое могут сказать о человеке и формировать о нем первоначальное мнение – это доказано на практике не над друзьями нашими меньшими.
Это холод, доверие или энергичность.

Красный – энергия, опасность, любовь, сила

Оранжевый - комфорт, устойчивость, жизнерадостность, храбрость, уверенность, игривость, дружелюбие и т.д

Желтый — любопытство, яркость, организация, радость, развлечение и т.д

Зеленый – натуральный цвет природы, жизни, молодости

Синий – холодный цвет, символизирующий стабильность, мир

Коричневый – натуральный (природный цвет), говорит о комфорте, твердой основе, стабильности

Черный – драматичный, сильный, формальный, стильный

Белый — невиновность, чистота, совершенство, легкость, простота, чистота и т.д

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