Первый персональный сайт

[alexandr_v-vich]

Вот, доделал наконец свой первый в жизни персональный сайт и второй вообще)

butterflyaf.ru

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

Просто ни в одной из этих сфер (JS, вёрстка, дизайн) я не профессионал и потому прошу подсказать не допуская ли я каких серьёзных ошибок, ну каких-то фундаментальных основ ли не ломаю я...Заранее всем благодарен.

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

(Если не понятно про что - раздел "О сайте")

А, вот ещё вопрос есть - какой из вариантов:

butterflyaf.ru/home.htm

butterflyaf.ru/homes.htm

?

Edited March 27, 2012 by alexandr_v-vich

[wildhind]

Читабельность под вопросом, а навигация на пять баллов.

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

[alexandr_v-vich]

wildhind, спасибо

Ну в коде много лишнего, можно написать проще. Просто я вымотался уже. Месяц его делал....

А что с читабельностью? Цвет?

[Svatov]

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

Edited March 27, 2012 by Svatov

[alexandr_v-vich]

Svatov, Жаль вы не успели прочитать в первом сообщении -

Прошу, коды не смотреть, там ничего хорошего, да и что не так - сам знаю)

Так то, спасибо конечно)

А можно, вот, по типографике подробнее?

Edited March 27, 2012 by alexandr_v-vich

[Svatov]

Остальное, большая просьба, оценить - вёрстка, дизайн, анимация

Сам себе противоречишь...хозяин барин. Извини за навязчивость, больше не буду.

Edited March 27, 2012 by Svatov

[wildhind]

А что с читабельностью? Цвет?

Скорее не особо контрастный шрифт с засечками на заковыристом фоне.

[alexandr_v-vich]

А что с читабельностью? Цвет?

Скорее не особо контрастный шрифт с засечками на заковыристом фоне.

Есть предложения?

Просто у меня уже и глаза и голова....Вообще там текст с оттенком синего (10, 10, 50) Может, если в оттенок красного перенести (50, 10, 10)? Только заголовки тогда выбиваются, им тоже своё что-то надо.... А менять вообще шрифт не хотелось бы...лучшего я не подобрал...может плохо искал конечно. Без засечек - не тот жанр, по-моему....как вы считаете?

Остальное, большая просьба, оценить - вёрстка, дизайн, анимация

Сам себе противоречишь...хозяин барин. Извини за навязчивость, больше не буду.

Не так понимал видимо...хорошо, понял, подправлю сейчас..

[Great Rash]

Шрифт с засечками... довольно спорно.

"Красная строка" у параграфа... очень спорно.

Межстрочный интервал увеличить надо, полуторный например.

Навигация спорная... не идеал нифига.

[alexandr_v-vich]

Шрифт с засечками... довольно спорно.

"Красная строка" у параграфа... очень спорно.

Межстрочный интервал увеличить надо, полуторный например.

Навигация спорная... не идеал нифига.

Красная строчка это там, где с ч/б иконками? А как тогда? Обтекание?

Шрифт с засечками стоит везде, вы про какой-то конкретный участок (заголовки напр.) или везде?

Навигация спорная

Опа, а что именно? (Резиновую версию не в счёт..)

И спасибо за критику, Great Rash

[ablay2009]

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

[buddah]

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

1)Я в код не заглядывал, потому что ты так просил. Но судя по всему вначале, когда сайт выплывает слева, используется css3? Итого работает только в хроме, еще и дергается. Почему не javascript?

2) Есть претензии к меню. Dotted бордеры слева и справа закрывающие пустой прямоугольник навевают скуку. Можно их убрать и оставить еле заметный серый "клон" пункта меню. Ну или что-нибудь другое на что фантазии хватает.

3) Вариации красного при наведении и при активном пункте как-то не очень вяжутся с основной мягкой фиолетово-серой гаммой сайта. То же касается слова Email в контактах.

4) сплющенный шрифт в лого - зачем? Основы психологии (а ты планируешь учиться в этом направлении, я все прочитал, да-да) говорят о том, что в нашем подсознании создается ощущение чего-то давящего, мигрени и головной боли. Butterfly AF придавило Alexandr'a Frolov'a и мне его жалко)

5) Ну и совсем уже придираюсь - а для кого информация на сайте? Ну там где ты рассказываешь об адаптивной верстке и хистори апи? Профи и так это знают, а клиентам это не особо и нужно. Ну это я так, брюзжу.

Вердикт - доработать и будет отличный сайт.

P.S. Я не особо разделяю выбор цветовых решений, но это уже дело каждого.

update: 6) разделяю мнение коллег по поводу шрифта с засечками.

7) если уже ставить слоган первой страницей, то надо чтоб он поместился полностью в экран по высоте. Сейчас я смотрел твой сайт на среднестатистическом и очень популярном 1366х768 и видел только Design for a Beauty + кусок следующей строчки.

[br3t]

Большой логотип - хорошо, большой логотип ценой горизонтального скролла контента - не айс

[alexandr_v-vich]

Огромное, огромное всем спасибо!

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

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

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

1)Я в код не заглядывал, потому что ты так просил. Но судя по всему вначале, когда сайт выплывает слева, используется css3? Итого работает только в хроме, еще и дергается. Почему не javascript?

хах)) Это баг с Хромом. Не знаю, что делать, мне этого не надо)))

2) Есть претензии к меню. Dotted бордеры слева и справа закрывающие пустой прямоугольник навевают скуку. Можно их убрать и оставить еле заметный серый "клон" пункта меню. Ну или что-нибудь другое на что фантазии хватает.

Да, думал о них, что-то потом запамятовал. Взял на заметку.

3) Вариации красного при наведении и при активном пункте как-то не очень вяжутся с основной мягкой фиолетово-серой гаммой сайта. То же касается слова Email в контактах.

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

4) сплющенный шрифт в лого - зачем? Основы психологии (а ты планируешь учиться в этом направлении, я все прочитал, да-да) говорят о том, что в нашем подсознании создается ощущение чего-то давящего, мигрени и головной боли. Butterfly AF придавило Alexandr'a Frolov'a и мне его жалко)

Вот об этом не думал....хм, хорошо, спасибо, попробую вытащить Alexandr`a Frolov`a

5) Ну и совсем уже придираюсь - а для кого информация на сайте? Ну там где ты рассказываешь об адаптивной верстке и хистори апи? Профи и так это знают, а клиентам это не особо и нужно. Ну это я так, брюзжу.

Да да да, ждал этого замечания....да не знаю, Всё набито на абум было, лишь бы контент хоть какой-нибудь был

Большой логотип - хорошо, большой логотип ценой горизонтального скролла контента - не айс

Сначала не понял. А тут, вот, buddah ещё дописал.....Я так понял его в процентном записать, да?

А не...не понял)....

Да и слоганом тоже не понял)...buddah, что это за разрешение, что вы написали? Ipad?

ablay2009, А почему лозунг на первой не хорошо?

А про шрифт, вот у всех на устах который, Где? Только контент. Заголовки же нормальные?

Буду очень вам благодарен за помощь. ..Да, В общем то, уже благодарен

Edited March 27, 2012 by alexandr_v-vich

[alexandr_v-vich]

Шрифт пока вот так смог подобрать. Это лучше?

Edited March 27, 2012 by alexandr_v-vich

[ablay2009]

что это за разрешение, что вы написали? Ipad?

Это среднестатистический ноут, у iPad разрешение 1024 x 768 (если не брать в расчет третий, у которого 2048 x 1536 )

[alexandr_v-vich]

что это за разрешение, что вы написали? Ipad?

Это среднестатистический ноут, у iPad разрешение 1024 x 768 (если не брать в расчет третий, у которого 2048 x 1536 )

Да, про третье чудо слышал

Не понял. Ноут? Среднестатистический?.....да я даже не видел таких никогда....оО

Ну я всё равно конечно по резиновее сделаю, но ноуты таких размеров....вы уверены? (Я не говорю, что они не существуют. Я говорю о проценте их использования)

Edited March 27, 2012 by alexandr_v-vich

[wildhind]

...вы уверены? (Я не говорю, что они не существуют. Я говорю о проценте их использования)

Они даже на первом месте по статистике

Edited March 27, 2012 by wildhind

[alexandr_v-vich]

wildhind, вот дурак. Ну конечно, конечно же!

С разрешением понял. Подправлю по позже. Основная проблема, на сейчас, видимо - шрифт.....

То, что я переделал (выше), так лучше?

[Great Rash]

Красная строчка это там, где с ч/б иконками? А как тогда? Обтекание?

Нет, я имел в виду отступ у первой строки параграфа. Это только в книгах хорошо, когда текста много, а в вэбе, да, тем более, когда текста пара строк... плохо смотрится.

Шрифт с засечками стоит везде, вы про какой-то конкретный участок (заголовки напр.) или везде?

Я бы лично сделал заголовки засечками, а текст без засечек. В вашем случае это не критично потому что текста не много, но когда читаешь большие объемы текста, то засечки мешают его восприятию. Именно по этому в книгах используются шрифты семейства sans-serif.

Опа, а что именно? (Резиновую версию не в счёт..)

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

[alexandr_v-vich]

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

[alexandr_v-vich]

По поводу сжатого "Alexandr Frolov" - так лучше будет?

[alexandr_v-vich]

Вопрос вопрос!

Ни у кого не будет ссылочки куда-нибудь, где красиво сочетаются заголовки с засечками и текст без?

[buddah]

alexandr_v-vich, самый известный ресурс наверное. Заголовки и короткое описание с засечками, основной шрифт без.

А вот так выглядит решение наоборот - заголовки без, основной текст с засечками.

Хоть это и книга, но законы типографики сохраняются. Текст читать нелегко.

Норвежская библия

А вообще вот хороший сайт для вдохновения.

[alexandr_v-vich]

alexandr_v-vich, самый известный ресурс наверное. Заголовки и короткое описание с засечками, основной шрифт без.

А вот так выглядит решение наоборот - заголовки без, основной текст с засечками.

Хоть это и книга, но законы типографики сохраняются. Текст читать нелегко.

Норвежская библия

А вообще вот хороший сайт для вдохновения.

Ну первый я уже просматривал на эту тему. У меня на сайте, кстати, на него где-то ссылка стоит. Там тема немного другая. Более мягкая.

Да я уже понял, что их прилично можно найти.

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

А за последнюю ссылку премного благодарен. Такое я люблю