Помощь с дизайном.

Блог им. rcore
Наверно как вы подумали нарисовать и сверстать дизайн. Неет, мне просто хочется спросить у вас совета, в каком направлении по дизайну двигаться. Основная тематика сайта — фотография.
Дизайн сейчас такой, но хочется добавить изюминку на сайт, шапка сейчас разрабатывается.

PS: Только не надо минусовать за мои кривые руки и просьбу помочь с дизайном.

Спасибо участникам сообщества, а именно dedmixei, Henf и Vilz за то, что помогали и помогают советами. Спасибо вам! :)

50 комментариев

avatar
я тоже только начал заниматься livestreet и сначала хотел тоже поставить этот шаблон, я его изменил довольно неплохо, но потом сделал на базе шаблона new. Но наработки остались, если надо могу поделиться
avatar
Честно, был бы очень признателен.
avatar
давайте свою почту мне в личку, — вышлю
avatar
Дружище, ты сейчас на той стадии, когда подсказывать еще рановато. Просто подумай что и для кого ты все это делаешь. Поднапрягись и сделай еще чуток.
  • papa
  • 0
  • ↓
avatar
Начал продумывать по 2 разу.
Думаю должно всё получиться )
avatar
извините но сайт на street у меня это не первый опыт — верстал и под джумлу и под вордпресс и под elgg. Может с движком только и разбираюсь, но с версткой помочь могу
avatar
Уберите фон полосочный и рамочку вокруг мерхней плашки и вокруг контентной части. Станет гораздо лучше.
  • Henf
  • 0
  • ↓
avatar
спасибо, сейчас попробую.
avatar
и ещё, не слишком просто тогда будет? я вот смотрю и для меня вообще дизайн слишком простой стал =\
avatar
Просто значит плохо? :)
А вот украшательство это мусор. Как я вижу должно появиться пространство, это уже важно. Потом можно будет уже играть со шрифтами и цветом. Добавить 1 яркий цвет, можно даже 2, но очень аккуратно. Не бойтесь работать со шрифтами. Крупные заголовки, спокойный понятный удобочитаемый текст и тд.

У вас же не промо сайт, где нужно брать техдизайном, ресурс с большим количеством текущей информации, значит он в первую очередь должен быть удобным.
avatar
Мне почему то хочется закруглить углы главного блока.
Стоит?
avatar
Стоит слить его с фоном. или вообще сделать как-нибудь вот так: s61.radikal.ru/i172/0912/10/c7f755d99ba3.jpg
Вообще от этого можно плясать долго и весело и при хорошем подходе получится очень даже приятная и яркая кратинка, которая будет еще и удобной :)

home, главная, на главную и тд писать не надо, ссылка на корневую директорию присваивается логотипу.
avatar
проблема в том, что логотип будет в роли бэкграунда. который будет зафиксирован с нулевым отступом
avatar
эммм… а это проблемам чего? что привязать к нему ссылку нельзя чтоли?
avatar
честно, не знал. пойду гуглить.
avatar
ща у Vilz'a спросим…
avatar
почему в роли бекграунда то? блок с картинкой прибитый абсолютом по нужным координатам
avatar
честно, в вёрстке не особо силён.
мало что понял… =(
avatar 

в шапке
<a href='/' class='header'>nbsp;</a>
в цсс
.header {
display:block;
position:absolute;
width:ширина картинки px;
height:высота картинки px;
top:0px;
left:0px;
background:url(../images/имя картинки.жпж) no-repeat;
text-decoration:none;
}


проверь что бы класс не совпадал с существующим уже
avatar
может что-то не правильно сделал? но у меня блок перекрывает часть контента
avatar
может =) нужен нормальный отступ
и зачем столько белого пространства справа в картинке?
avatar
да, это я с редактором gimp не освоился. (да — да, фотошоп сломался =( )
А так решил мини проблему изменением ширины )
avatar
допиши в цсс для body {}

padding:0 0 0 130px;
avatar
а зачем отступ в 130 пх?
до этого вроде нормально было )))
avatar
при уменьшении страницы блок всё равно налазил на контент
avatar
ну и размеры картинки лого тогда надо в ширь до 130 обрезать
avatar
может есть варианты запихнуть под все блоки? тогда логотип не будет заскакивать на них
avatar
какую то ты ерунду сейчас сказал 0_о
avatar
перечитал комментарий, действительно.
Сейчас сделал сайдбар белым. Лучше стало или всё же вернуть на место серый цвет
avatar
хуже. всё сливается. и тень у верхнего меню розовую надо убрать…
avatar
фон сам тоже белым сделать нада… чтобы не было границы этой.
avatar
с позволения, пару советов, что бы было удобнее ковыряться
сложно разрабатывать дизайн, когда не видишь реальных размеров сайта. набейте его постами, хотя бы штуки 3, полнотекстовых, с картинками для отвлечения внимания, проплюсуйте проминусуйте их, что бы было видно оценки, напишите в два из них по пятку комментов, последний оставьте без комментов и без оценок, что бы было видно как выглядит новый пост. можно изменить дату какому нибудь посту на далёкое будущее, что бы всегда была цифра +1…
  • Vilz
  • 0
  • ↓
avatar
и тегов побольше, хотя бы штук 10 и так что бы половина совпадала, половина нет, что бы в облаке разного размера были
avatar
комменты лучше писать не только от своего имени, они отличаются по цвету
avatar
Vilz правильно говорит, так как приколы с ковырянием на пустой странице потом начинают появляться, когда писать начинаешь, поэтому делаешь двойную работу
avatar
Добавил пост и сделал закругление у сайдабара и главного контейнера.
использовал 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

Хотелось бы проверить кросбраузерность. На Firefox всё работает.
avatar
ну и в хроме\сафари будет работать, в остальных нет конечно
avatar
Тогда не могли бы подсказать, как это можно прописать для ie юзеров?
avatar
через цсс никак. дополнительными блоками самый кроссбраузерный вариант
avatar
есть еще вариант, мне потпдался через js скрипт roundcorners
avatar
это те же самые дополнительные блоки, только он вёрстку правит не в шаблонах а на лету после загрузки страницы… сильно тормозит рендер страницы от этого…
avatar
Интересно стало — верно стоит купить и себе такой.

Вот только вопрос (прист, если пропустил ответ ранее) — реализовали ли возможность загрузки на сторонний сервер (flickr?) и есть ли вставка копирайта?
avatar
Коллега, еще раз хочу повториться — наведите сначала порядок у себя в голове, решите что, как и зачем будете делать (лучше еще и на бумаге), а потом делайте сайт. В плане дизайна сейчас — полный хаос. Пример: посчитайте сколько различных способов оформления ссылок Вы используете и насколько легко их отличить от всей каши.
Доброжелатель.
  • papa
  • +1
  • ↓
avatar
плюстопицот =) общая идея, проработка идеи -> реализация
avatar
Идея была давно.
Может просто недостаточно проработал.
ну хаус в скором времени уйдёт )
avatar
хаус это дом =)
avatar
Подробно, если честно, даже со скриншотом не объясню. Как минимум 3 понадобится. Но, если уж очень хочется, то совсем вкратце по ссылкам:
— 4 цвета (красный, синий, черный, серый) присуждаемые различным видам ссылок в произвольном порядке.
— есть ссылки черного цвета, некоторые болд, некоторые неболд, а некоторые вообще не ссылки.
— почему местами андерлайн, а местами нет?
— местами ссылки андерлайн до нажатия, а местми только после перехода по ним. в чем логика?
Рецепт: как общеукрепляющее книга Д.Кирсанова «Веб-дизайн».
avatar
исправил underline.
Дело в том, что изначально шаблон не мой. Я переделываю под свой лад torg.
собственно теперь лучше?

А по поводу книги сейчас не до неё. У меня 2 книги по программированию, C++ и php, да ещё и сессия.
avatar
Да ладно оправдываться — я же не препод. Хозяин, как говорится, барин.
avatar
Я просто говорю как есть :)
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.