Дизайн резинового сайта

[syegorius]

Доброе время суток! Господа прошу войти в мое положения. Я сам программист и с дизайном сайта сталкиваюсь впервые. История такова - месяца 4 назад решил сделать свой сайт! В области программирования у меня проблем нет никаких, но как только начал рисовать дизайн сайта, сразу понял, что это дело не шуточное. Со времени начала работ я уже трижды перерисовывал дизайн. Последний мне даже поначалу нравился, но как только показал его друзьям, те сразу начали теряться на сайте и это с учетом того, что сайт резиновый и все всегда находится перед пользователем.

Сайт музыкально-развлекательный. Идея такова: человек пишет свои комменты к песням, их исполнителям, кидает фотки звезд и т.д. Основное направление - это критика песен, поэтому у вас может возникнуть вопрос "почему сайт называется Я ПАПАРАЦЦИ". Изначально я планировал нечто другое, но идея слегка трансформировалась, а назвать сайт "Я КРИТИК" рука не подымается, т. к. уж больно сильно созвучно с "Я КРИТИН", поэтому в части имени сайта работа все еще кипит.

Пользователи могут регистрироваться на сайте и общаться внутри сайта, как в соц. сетях.

Вот несколько скринов моих мук:
1. главная страничка
[Только зарегистрированные пользователи могут видеть ссылки. ]

2.Страница пользователя
[Только зарегистрированные пользователи могут видеть ссылки. ]

3. страница рейтинга (так у меня выводятся песни, статьи, и прочее)
[Только зарегистрированные пользователи могут видеть ссылки. ]

4. страница сообщений пользователя
[Только зарегистрированные пользователи могут видеть ссылки. ]
(в сообщениях при наведении на фотку отправителя вылазит менюшка, где сразу можно попасть в какой-то из разделов пользователя)

Очень прошу скажите ваше мнение по поводу дизайна. Понятно ли вам все на сайте? Что бы вы здесь изменили?..
Вообщем дайте добрый совет как мне быть дальше.

И еще, как вы поняли "ЕВРО 2012 УКРАИНА-ПОЛЬША" - это якобы реклама и не буду скрывать, что мечтаю, что када-нибудь на этом сайте будет большая посещаемость и реклама будет как-то помогать моему трудному финансовому положению. Поэтому вопрос - в тему ли я ее вставил, и вообще читабельна ли она?

Заранее спасибо за ваши ответы и советы!

[Glauzer]

1. Картинки маленькие,трудно что то разглядеть.
2. Из того что я могу разглядеть ничего не могу понять.
3. Ваша фамилия случайно не Уорхол?

[syegorius]

не, фамилия не Уорхол)...
картинки у меня 1280х800 есть, но не могу понять как их сюда закинуть...
если кто-то все еще хочет мне помочь, то могу прислать на email или через скайп. в скайпе меня можно найти по имени Yegor Zhdanov. или дайте ваш имеил я вам пришлю по почте

[Glauzer]

Их можно выложить на хостинг, например [Только зарегистрированные пользователи могут видеть ссылки. ] а потом скинуть сюда.

[syegorius]

Ага, спасибо... Закинул. вот линки:

1. [Только зарегистрированные пользователи могут видеть ссылки. ]

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

3.[Только зарегистрированные пользователи могут видеть ссылки. ]

4.[Только зарегистрированные пользователи могут видеть ссылки. ] (при наведении на картинку пользователя выскакивают его разделы, куда сразу можно зайти непосредственно)

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

Ну и как я говорил еще в самом начале, на мой взгляд реклама (логотип ЕВРО 2012) совсем мозолит глаза...

В общем буду благодарен за любые советы!

[Glauzer]

те сразу начали теряться на сайте и это с учетом того, что сайт резиновый

Эти две вещи не связанны между собой. Ваш сайт может быть хоть поролоновый, но если вы не можете сделать удобный и понятный интерфейс, это вам не поможет.

у вас может возникнуть вопрос "почему сайт называется Я ПАПАРАЦЦИ"

Да. И тут у вас допущена большая ошибка, мало того что название не соответствует сути сайта, так еще и оформление ей не соответствует: что делают фотографы на плашке под текстом?

Теперь по каждой странице.
1.
Ни малейшего намека на сетку.
Почему логотип внизу?
От фоток на темном фоне стоит отказаться, не только потому что они дезинформируют пользователя, но и еще по тому что они создают дополнительные деления в блоке, и хорошего в этом мало.
Слово "HI" прямо в таком виде можно завернуть в газету поджечь и положить под дверь соседу, искажать шрифты таким образом нельзя.
Целых два поисковых поля шириной с пол сайта — плохо.
Style и Temper это поля ввода? Если нет то почему они выглядит так же как поле ввода справа?

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

3.
Тут я просто ничего не могу сказать кроме:
[Только зарегистрированные пользователи могут видеть ссылки. ]
Я не могу понять что происходит на этой странице, это выше моих сил.

4.
Смотри пункт 3.

5.
Смотри пункт 3.

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

[syegorius]

1.
Ни малейшего намека на сетку.

а что такое сетка? дайте почитать...

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

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

ну а вообще спасибо что разбили мои мечты сейчас), буду знать на будущее...

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

заранее спасибо

[Glauzer]

а что такое сетка? дайте почитать...

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

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

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

ну а вообще спасибо что разбили мои мечты сейчас), буду знать на будущее...

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

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

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

[syegorius]

и снова всем доброе время суток.

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

пожалуйста, скажите ваше мнение сейчас. вот линки

[Только зарегистрированные пользователи могут видеть ссылки. ]

[Только зарегистрированные пользователи могут видеть ссылки. ] - тут вообще можно сказать все просто, но если вы подскажите куда там можно вставить плашку со словами "We are waiting for you! Got ya own opinion about some song?! Use our special search engine to find your the “only one” song press “SHIT IT” button and say everything you want about it to whole world here!", то буду очень признателен.

заранее спасибо

[Glauzer]

2-й вариант

Это законченная страница?

[syegorius]

Это законченная страница?

почти, за исключением того, что я не знаю куда вставить плашку со словами "We are waiting for you! Got ya own opinion about some song?! Use our special search engine to find your the "only one" song press "SHIT IT" button and say everything you want about it to whole world here!"

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

так же раздумываю о том стоит ли ставить бэкграунд на эту страницу, как в первом варианте

[Glauzer]

почти, за исключением того, что я не знаю куда вставить плашку со словами "We are waiting for you! Got ya own opinion about some song?! Use our special search engine to find your the "only one" song press "SHIT IT" button and say everything you want about it to whole world here!"

ммммм. А какие книги вы изучили за это время?

[syegorius]

) книги...

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

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

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

С помощью ВКонтакте Вы можете:

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

[Glauzer]

Давайте на чистоту.
Первый вариант ничем не отличается от того что было ранее, разве что стало в разы хуже. Второй вариант, это, блять, просто, пустая страница. Даже если вы туда добавите надпись, даже если вы туда добавите 2 надписи и фото моих гениталий, это не станет сайтом совершенно, это просто пустая страница. Я ни разу не упоминал о «10 ошибок дизайнеров», я говорил только о статье Павла Колодяжного и «Сетке» (не статье про сетку, а именно книге). Прочтите их, затем удалите все макеты этого сайта, и начните заново.
Все что я могу вам посоветовать.