Σχεδίαση φαν-ιστότοπου βήμα προς βήμα

C бриллиантом :)

Касандр как всегда крут =)

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

Двойной опыт просто ;)

Карьерист! =))

Это остаток очков до бриллианта.

Рассматриваю варианты.

Ещё десяточку...

Завязывал бы ты с укозом и шаблонными дизайнами...

Глюк хостинга, профработы какие-то. К счастью, подобное случается крайне редко.

Программная поддержка - мой товарищ demer. Разработка сайта подобного уровня нашей студией Fadar - от 600$ и больше.
Настоящий топовый сайт должен иметь в своём активе все составляющие: и дизайн, и движок, и контент, и правильную раскрутку.

Красиво. На HTML/JavaScript или PHP делал?

Ксандр - молодчина!

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

Достаточно взглянуть на дизы Артемия Татьяныча, или ближе к теме любой более менее зарубежный тематический крупный сайт (из тех, что вспомнились: http://www.1up.com, http://www.gamespot.com, http://www.rpgwatch.com) их создатели не сильно заморачивались насыщенностью дизайна, однако, это не мешает им быть топовыми сайтами в игровой тематике.

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

Молодцы !
21ен3г465ш78

Это мега клево. Я восхищаюсь умениями людей, которые мне даже не снились.

Ксандр - красавчек!

Ну мужик же, мужик!
А вот скриншот нашего (делали с другом) локального сайта. За основу был взят дизайн сайта http://shock-world.com/ , ну и так по мелочи брали отовсюду :) Сам же сайт писался с нуля, руками моего друга под миом руководством (я был в роли вечно недовольного клиента который постоянно просит что-то нереальное).
(форум vbulletin, чат и галерея на флеше)
Я доволен. Прибыли с него никакой, посещяемость ~100 человек в день. Но мне пофиг :)

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

Добрый магги:)

Наконец-та пост пост получит заслуженный брульянт

Двойной опыт? Хм... лови тогда сожжение :)

    Мне сделать картинку «найди пять отличий»? Это вообще очень распространенный шаблон, только на Геймере он использован вполне прилично.

В каком месте они похожи о_0?

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

с 1024 промазал, не помещается. типографика ни ахти.

Попробовать нужно обязательно. Только методом проб и ошибок приобретается истинное знание.

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

Это - нужно!

Это можно :)

Ну я так, к слову сказал.
Побольше бы постов на тему сайтостроения.

Это будет ОООЧЕНЬ длинный видеоурок. Здесь выложены только основные итерации, а сколько там промежуточных ещё было, к тому же я часто заглядываю в браузер, переписываюсь в аське и т.п. Потом ещё монтаж делать... А ещё видеоурок нифигово бы комментировать вслух, что будет отвлекать меня от работы. Короче как-нибудь в другой раз, когда введут какие-нибудь ниобиевые посты.
Спасибо :)
У меня кроме логотипа никакие другие картинки не грузятся почему-то.

Я тут мимо пробегала и хотела сказать, что это просто прекрасно :)

Спасибо. По ходу чтения внес несколько корректировок в собственный сайт.
Замечания к версии 1.0 - это совсем круто. Сам бы и не заметил такие минусы, а как указали - ясно, что они есть.))

быстрее видео урок сделаешь, чем напишешь)

если ты ориентируешься хорошо и там и там - то конечно же разницы нет. Просто русский фотошоп далеко не идеален в плане правильности перевода.

Если бы я расписывал создание дизайна во ВСЕХ подробностях, т.е. детали "распила" рамки на элементы интерфейса, создание текстур, особенности режимов смешивания, регулировка теней, тонирование элементов, настройка цвета, настройки кисточек и т.д., то пост был бы раз в 20 длиннее и писал бы я его, наверно, месяц. Это колоссальный труд, но он врядли столь необходим в данном случае. Я рассказываю о создании фан-сайта вцелом, а не даю урок, как с точностью до пикселя повторить мой дизайн.
Какая разница? Я одинаково хорошо ориентируюсь и в том, и в том.
Чтобы создать дизайн на самом деле одних только навыков фотошопа мало. Нужно знать ещё тонкости вёрстки. Я о части рассказал, о некоторых забыл. Например, о "повторяемости" отдельных элементов дизайна. Ну, т.е. для фан-сайта удобно, когда информация размещена в таких вот информационных блоках (слева и справа). Так вот они должны быть нарисованы так, чтоб при вёртске они могли растягиваться и сужаться за счёт повторяющихся элементов, и это не было бы заметно глазу.

плюсанул, и сохранил в избранные) респект Ксандр. Сразу захотелось тоже попробовать) Если брать только разработку интерфейса и остального внешнего вида сайта, хватит ли одних навыков фотошопа? Имею в виду без кодировки итд. А то фотошоп-то я знаю, а вот кодированием не занимался уже года 3, так что все забыл)

отличный пост, с удовольствием прочитал. Но. Неужели ты работаешь в русском фотошопе? -_-

Урок фотошопа?

Ну о толстостях тоже :)

на самом деле еще больше )
но обо всех тонкостях в одной статье не рассказать

Спасибо, я даже не знал, что чтоб сделать сайт нужно столько маленьких мелочей.

Ксандр, запихнул бы под спойлер голую Трисс и был бы тебе бруль за сутки :(

Хм. Кстати нашёл ещё один баг, блок с поиском надо правее подвинуть.

У меня 1600x900 :)

Согласен, баг. Будем править.

логично

У меня на 1280х1024 все чики-пуки :)

Хром, Файрфокс - одинаково
То что резиновость отходит - это понятно. Но когда сайт с фиксированным дизайном не влазит в самое популярное разрешение - это явный огрех.

В FF есть плагин, который позволяет задавать размер окну, да и по размеру скриншота в пикселях можно увидеть:

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

Хм. Скролл на 1024х768? Очень странно, т.к. под это разрешение как минимальное сайт и делался. И проверялся, не было скролла. Что за браузер? Скриншот можно?
Я писал для кого о том, что резина уходит вместе с приходом огромных разрешений экрана?

А, и как по мне, лучше бы девушка была на переднем фоне.
Тогда складывалось бы визуальное впечатление, что она опирается на героя, прильнув к нему плечиком.

Орионто, я же не спорю. 1024*768 — сейчас минимум, на который стоит ориентироваться. Ксандру баг-репорт.

так дело не в размере монитора, а в разрешении экрана.
PS. 1024х768 у порядка 45% пользователей. И именно под это разрешение и в первую очередь всегда и оптимизировались сайты.

Ну, при том. У меня на 19" все в порядке. Если ресайзнуть окно под размер 1024*768 — действительно появляется горизонтальный скролл.

Сейчас за которым сижу - 32'' :D
а вообше причем монитор и резиновость дизайна?

У тебя 17" монитор?

Позолотил.

Спасибо, познавательно, но...

Все просто замечательно, а в конце ссылка, по которой НЕРЕЗИНОВЫЙ САЙТ :'(
Полоска горизонтальной прокрутки испортила все впечатление

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

Кушать хочется :(

Почему же?
Просто в етом возрасте может быть лишь одно: интересуется ли етим человек или не интересуется.
Если первое - то обычно все получается (может и не с 1й попытки).
вспоминается фраза из Point Blank - после набора нескольких килов с гранаты и автоматной очереди.

Наш технический администратор demer (программист, верстальщик и вообще человек-и-пароход), который собственно стоял у самых истоков RPGArea.ru, нарисовал дизайн www.sacred.net.ru sacred.net.ru, сверстал и привесил к прообразу нынешнего движка в возрасте то ли 15, то ли 16 лет. Счас уже не вспомню.
www.sacred.net.ru sacred.net.ru - альма-матер нашей коалиции по сей день ведётся лично им. Но такие кадры скорее исключение, чем правило.

Мастер.)

Какое бы мое отношение такое же отрицательное отношение к школьникам не было, но все же:
Помню 3 года назад одного 17-летнего, который помогал студенту создать фан-сайт по играм провайдера.
Пускай и сам форум был по-большей части шаблонным, но сделан был как можно проще и удобней.
Для его возраста в коде им было сделано немало (в основном он занимался PHP, ну и остальное по мелочи).
Потому тут скорее не школьник - а школота, школяры (и ей могут быть даже студенты - студни))
Насчет того што выше:
Когда я подключался к АДСЛ - одной инициативной группой игроков был создан сайт и форум для пользователей етого провайдера в 2006 году.
Там можно было писать обо всем (в том числе то што касается бесплатных ресурсов провайдера), кроме игр.
До 2008 года (т.е. 2 года) пользователи пытались писать посты об играх, а их затирали. Вставляли баннеры себе в подпись: "нам нужен игровой портал" и т.д.
И вот в 2008 году был создан этот игровой портал другой инициативной группой игроков (в том числе участвовал тот самый 17-летний, на тот момент, школьник).
Он сразу приобрел популярность (замечу создавался сайт не провайдером, а обычными пользователями).
И до сентября 2009 бил рекорды посещаемости.
До того момента, пока провайдер наконец не создал свой игровой портал (правда в основном про WoW) - и туда утекло большинство народу.
Но за время своего существования - он с лихвой выполнял свою функцию - народу нравилось.
Ну а потом появился gamer.ru :)

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

"В людях наша сила, но такие кадры на вес золота."

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

Ох, это долго рассказывать. В принципе частично этот процесс описан в этом и предыдущих постах на тему. Если кратко, то от пары недель до пары месяцев. Движок на 80% самописный, в основу когда-то давно был положен Spaiz-nuke, но сейчас от него мало что в коде осталось. Он постоянно дописывается и дорабатывается. Но на самом деле самый сложный этап это поиск кадров для сайта. Потому что необходимо:
а) фанат игры
б) крайне желательно не школьник
в) наличие мозга
г) прямых рук, не из пятой точки
д) шила в попе, лучше двух
И далее по мелочи. Мы дарим людям потрясающее хобби, которое гораздо интереснее коллекционирования марок. Это дарит фан гораздо лучше любого допинга. Фан-сайт легко может стать трамплином и дорогой в жизнь, помочь заработать себе связи и уважение в серьёзных компаниях. С нами издатели советуются по комплектации коллекционных изданий, наши материалы заимствуют для официальных сайтов, наших администраторов приглашают на закрытые показы игр. Среди наших партнёров 1C-Softclub, Akella, Новый Диск, Snowball, CDProjekt и другие компании.
Мы до сих пор не захватили мир только потому, что коалиция фан-сайтов построена фанатами и для фанатов, выращена на собственных вложениях. Без инвесторов. Сами, шаг за шагом. Наращивая опыт, набивая шишки.
Побольше бы таких людей как Kitty_Venom, Deart, Rain и остальной костяк наших лучших админов. В людях наша сила, но такие кадры на вес золота.
Мы, например, так и не запустили до сих пор сайт по Mass Effect. Нет людей. Один товарищ хотел, да сдулся, ну да не в укор ему... Кстати есть желающие? Сайт готов. Его только наполнить и в бой.

Интересный и полезный пост, да.

Ксандр, расскажи сколько времени обычно занимает создание одного сайта из коалиции? Полный цикл, от идеи до завершенного проекта.

На каком движке работают ваши сайты? Насколько я могу судить, это что-то самописное =)

Ксандр, отличная работа, молодец.

Длина поста от верхней кромки рамки до нижней составила over 9000 пикселей (9636 если быть точным)! Это без учёта спойлера.

Вот это мооощь... И инфа полезная, спасибо)

Славка монстер. Ну, впрочем, как всегда =)

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

Для начинающий круто :)
С версткой есть придирки, но не озвучу ;)

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

если не секрет на каком движке сайт сделан? =)

или он вообще с 0 написан? 0_о

Круто, круто!
Но я хочу, 2й Фейбл на ПК тоже. Эх... Это так, оффтоп.

Обалдеть!

а сайт и форум существовали давно?
просто был сделан редизайн сайта? и шоп))

мило

Ксандр, снимаю шляпу.

Отличная работа. "Почерк" узнается :)

Ксандр мужик! Лови +! и это не обсуждается!)
А на самом, реально красиво получилось....но Каэр Морхен лучше!!!

Отлично вышло, молодец!
И думаю, да - бриллиант будет:)

Ну учитывая, что у тебя уже есть пост с 1 картинкой и брильянтом, то думаю это будет просто :Р

http://www.gamer.ru/games/424-team-fortress-2/posts/46076 :ь

Это официальные арты. Они все в разное время выкладывались на GAMER.ru, при чём не один раз.

Ксандр красавец)))
сайт супер, как в прочем все остальные в РПГ Арее ))

Чуть не забыл "самое главное" - картинку для привлечения внимания :)
Очень на это надеюсь, ибо в пост вбахано заклинание двойного опыта. Если этото пост не дойдёт до бриллианта, то я уж не знаю, каких объёмов должен быть труд, чтобы быть оценен по полной и при этом не быть интервью со Светой.

насчет исходников - арты откуда брал?

Мощно, это пять.

Брильянт обеспечен, Ксандр молодец, спасибо тебе огромное :)

Закрепил, Ксандеру респект за саит