И снова здравствуйте. Хочу выставить на свет очередноё своё... очередной шедевр в общем. Вообще это делать мною не планировалось, но так получилось что дизайном занялся я. Опять таки хочу сказать, что я не дизайнер и руки у меня кривые. Но то что получилось понравилось и мне, и моему компаньёну. А посему я посидел ещё уйму времени и довёл шаблон вот до такого состояния:

пыщь
пыщь

Что скажете?

по функционалу - только после появления на то, что жать

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

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

в общих чертах слегка темновато.

пока больше ничего не скажу

Добавлено через 20 секунд
закладки, как-то в подвешенном состоянии

Насчёт функционала. Функционал будет такой, какой могут дать punBB, joomla и DocuWiki. Вёрсткой компаниён займётся завтра, так что возможно на выходных дизайн сайта сменится на этот.

Насчёт миллиметровки - да и наше поколение (хм.. если можно так сказать) не все знают что это такое  

Насчёт темноватости... Неужели это так плохо? Я делал различные варианты цветовой схемы и насыщенности цветов. Делал светлее и темнее - более светлое решение сливается с фоном и глазу неприятней всё время фокусороваться то на одно оттенке, то на другом (личные ощущения). А так довольно контрасненько...

А закладки так по задумке - они кагбе воткнуты в эту полоску молочношоколадного цвета))

ты пан, а у меня ИМХО

Ну зачем же так)) Надо наоборот, розгой меня)))

Насчёт посветлее - надо весь макет светлее, или только отдельные цвета? если всё, то вот что вышло - пыщь...

сложно сказать, мож первое было лучше


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

я об этом и говорил)))




пыщь   |   пыщь

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


но для нормального мнения, нужны ещё голоса


где вы где    

Три с плюсом.
Аккуратно, но все мелкое, плоское. Однотонное цвета.... эээ... баклажановой икры   
Стиль 90-х.

круто))



ну хоть не два))



хм.. в смысле мелкое? Шрифты? ну с ними можно поиграть когда уже будет свёрстано и апущено в свет. Однотонность - этого я и добивался... Мне всегда казалось что это плюс. Радугу красиво у меня не получится изобразить. А баклажанная икра темнее и серее    Это больше похоже на кабачковую   



Один человек уже сравнил этот шаблон с другими сайтами - "этот шаблон как 98 винда в сравнение с вистой"   

UniBomb, 
подробнее

Шрифты мелкие. От сетки на background рябит в глазах.
Рамки и сами блоки очень простые. В наше время можно ж и градиентики.
Всё очень квадратное, кажется угловатым. 
Antialias нигде не применяется, ну точно девяностые.
Табки выглядят похабно. Видно что делалось так специально, но смотрится это неаккуратно. Эта линия коричневая и торчащие снизу из под нее табки. Фе.

Добавлено через 1 минуту и 21 секунду
Вообще в наше время делать у блоков 1px рамки - не самый лучший стиль
Часто их совсем не делают, чтобы не рябили (http://habrahabr.ru/)

а ссылочку, что за фигня?

bars80080, o_O
Antialiasing или по-нашему Сглаживание. В основном видно на углах.

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

ммм.. а как в фотошопе сделать антиалисинг?



А ты в игры не играеш? В любой уважающей себя игре есть установки антиалисинга))

м-м-м, вспомнил сглаживание в НФС. только оно там и называлось сглаживание...

це проше надо быть, проше. понапридумывали тут, потом без поллитры не разберёшь

Да его чтобы НЕ сделать надо постарать.ся Он включен по умолчанию.
Когда рисуешь фигуру, есть три режима рисования: shape, path и draw pixels. Последний самый прямой и простой - просто рисует пикселы на текущем слое. И только в этом режиме можно убрать антиалиасинг.

smartov, ты будеш смеятся, но я всё рисую в пейнте... Фотошопом пользуюсь только затем, что бы отресайзить картинку... Так как сгладить уже нарисованную картинку?

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

Неа))) 

кодить в блокнтое - показатель профессионализма кодера
убивать ножом - показатель профессионализма киллра (по фильму леон киллер)
дизайнить в пейнте - показатель профессионализма дизайнера (по аналогии)

ГЫ в Паинте нет сглаживания....

Сделать сглаживание после отрисовки можно фильтром, насколько я помню, он так и называется Antialiasing, опятьже в потошопе.... но проще всетаки сразу....

Ты прав - я буду смеяться. Профессиональных шаблонов в Paint тебе не достичь.



Вероятность человеческой ошибки возрастает в разы. Скорость разработки падает. 
Это показатель дебилизма кодера. 


Крута... Как там на баше было?
"Нам один чел доказывал что СССР бомбил Вашингтон с дирижаблей Киров, и оправдывал это тем, что в RedAlert видел"
Строить мировоззрения по фильмам... да. Это современное поколение подросло.


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

Это сообщение отредактировал(а) smartov - 30.9.2008, 12:31

smartov, ну зачем же так остро реагировать?   Просто я привык к пейнту, я в нём работаю уже более 7-ми лет. А так как задатками дизайнера я не обладаю, то и фотошоп серьёзно никогда и не юзал. И что бы сделать одну и ту же вещь в фотошопе и в пейнте - в фотошопе мне надо сделать больше усилий. Но в любом случае я не настаиваю что пейнт круче, тут дело в привычке. Может быть когда-нибудь я и возьмусь за фотошоп серьёзно.

Итак, учтены по возможности все "фу", добавлен антиалисинг (гы, в пейнте   ). В обще вот - пыщь.

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

Давай я на коленке объясню что я имею в виду из того что мне кажется я вижу.

1) убираем мусорные элементы оформления - две полосы под хедером
2) уменьшаем гипертрофированные вкладки и слегка наводим гламур (это по желанию - я просто демонстрирую как будет "не плоско")
3) Заполняем мусорное пространсво в хедере - туда как раз пойдет аторизация
4) "Микрофишки" занимают дочерта места для "микро" - влево их
Результат 3) и 4) - у нас освободилось дочерта места справа, теперь можно расширить блоки новостей! Чтобы они не ютились как бедные родственники
5) Правим Шрифты слева (раньше были мелкие, теперь гипертрофированные - bold не нужен
6) Убираем к чертям background из постов

Вот результат


Что я не сделал, ибо уже облом показывать, работа стоит
- надо растянуть блоки основных новостей до самого права - теперь есть место
- надо чем-то заполнить пустое место рядом с вкладками
- надписи НЕ НАДО ПИСАТЬ ЗАГЛАВНЫМИ БУКВАМИ: МЫ НЕ БЛОНДИНКИ. Надо сделать нормальными
- иконки с белыми пикселами в местах сглаживания на темном background выглядят отвратно
- Шрифт основного текста (новостей) уменшить на 1pt
- Шрифт текста в блоке Микрофишки увеличить до шрифта блока "Наши проекты" (но не делать bold)
- я бы скруглил как-нибудь аккуратно уголки блоков

ЗЫ. Для всех этих манипуляций я использовал бесплатный Paint.NET

Это сообщение отредактировал(а) smartov - 30.9.2008, 16:59

smartov, афигеть))) Спасибо за потраченное время))) На самом деле почти все элементы в последнем моём дизайне вполне обоснованны. Ведь у нас не только сайт, у нас есть ище и форум и вики. Я например терпеть немогу, когда всё составные части портала имеют свой стиль оформления, посему каждая полоска логисно обоснована. 



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


да, так гламурнее   


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


А если ещё в голову взбредёт влепить "5 последних тем форума" и "10 последних статей на вики" - их же отже тогда придётся лепить в левую часть. Тогда левая часть имеет взможность разрастись на невиданные размеры. Плюс ещё создаётся впечатление недоделанности из-за пустой правой части.


А что в твоём понимание гипертрофированные?


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


Понял)) Не блондинко))


Ну они рудиментарно тянутся из текущей темы джумлы. Я на них просто внимания не обращал)))


Всё? Или только верхние, или только правые?

сколько людей, столько мнений.
я бы по пунктам Смартова:
1 -
2 +
3 +
4 +
5 - терпеть не могу этот вид шрифта с таким размером. неужели для меня одного - убого смотрится?
6 -

7 +
8 0 там были полоски
9 в заголовках? - нормально. в тексте - нельзя
10 
11 ++
12 +
13 

UniBomb, 


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


Как авторизация может иметь разный вид если база одна. 
Есть username и есть пароль. 
Вся остальная информация вводится на странице редактирования профиля.


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


????????????????????????????????????
Я ж написал - надо туда РАСТЯНУТЬ основные блоки. Мне просто облом было это уже демонстрировать
Капец, чего на рисунке не покажешь - того народ не читает. 


Это значит апупенно    большие


Полоски смотрятся гавёно.
Как уже написал - я бы предложил табки.


По вкусу.

Добавлено через 2 минуты и 48 секунд
bars80080, 

Итого ты не согласен только с полосками. Почему? Ответ ясен - я их убрал, но не показал альтернативы. 
Но их надо было удрать. Это прошлый век и смотрится ужасно.

Что до шрифта - я продемонстрировал лишь размер. Шрифт там надо подобрать.

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

Добавлено через 5 минут и 54 секунды
UniBomb, 
bars80080, ребята, я ж предупредил, все показал на коленке. Показал просто концепции разгрузки интерфейса. Он стал более свободен и открыт. 
Ненужные блоки переместились в малоприметные места. 
Я не буду рисовать темплейт так, как я его вижу законченным по двум причинам
1) я не хочу тратить столько времени - это не мой проект, все-таки
2) наверняка какие-то конечные фишки не сойдутся со вкусами UniBomb

Поэтому я лишь показываю направление. Что
а) есть перегруженная страница
б) есть откровенные устаревшие элементы (полосы)
в) есть небольшая проблема шрифтов

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



Для того я и бьюсь, что бы прийти к некоему компромиссу)) Что бы ни у кого по крайней мере рвотных рефлексов не возникало))


а это идея))


Все три составляющих работают на своём движке. Форум - punBB, сайт - Joomla, вики - будет пахать на DocuWiki. Соответсвенно у всех систем своя форма входа, общая лишь база юзверей.


Да прочитал я всё))) Я имею в виду, что блоки новостей упираются вникуда. В пустое место и получается ассиметрия занятости пространства сайта.



ммм... А может табки заменить на кнопки???

UniBomb, в общем и целом советую обратить внимание на существующие сайты схожего функционала.
http://digg.com/  (обрати внимание - там есть полоски, но как работают эти полоски!)
http://habrahabr.ru (imho самый класно сдизайненный и сверстанный сайт блогов)
http://news2.ru/
http://oper.ru (как раз на грани, если бы слева помимо меню еще что-то было - был бы перегружен) 

Пример устаревшего диза
http://cooler-online.com/

Добавлено через 1 минуту и 54 секунды

Это нормально. 
Более того - я бы тебе советовал переместить блоки новостей влево, а то что сейчас слева - вправо. Как на digg и habr. Потому-что мы читаем слева-направо. И то, что слева - первостепенно. 
Меню у тебя не первостепенно. Поэтому не должно быть главнее новостей.
А вот на microsoft.com как раз навигация очень важна, поэтому слева.

  , понятно. у нас ващще разные взгляды на то как должно быть

Опосля переделок:

сайт
форум
вики

smartov испытывает судороги глядя на огламурненные табки.

Мавр устал. Мавр уходит ©

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

и я бы не сказал что лайм сочетается с общим фоном

кстати, если возникают проблемы с цветом, то достаточно помнить одно правило: берём два цвета (любых) и используем только оттенки между ними

Ну хорошо, признаю - перестарался... Буду над ними дальше думать...



Прозвучало так, что ты во мне разочаровался окончательно...  Неужели стало хуже?



Это был рабочий цвет))) что бы случайно не слился ни с кем. Я просто забыл его перекрасить обратно))



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

скуууучно. задору не хватает

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

UniBomb, 

Табки... Когда на них смотришь долго, то вроде как и ничего. Но первое впечатление....... 

В блоке "Разделы" вот эти фигни слева и справа от надписей - полный ппц. Я тоже таким страдал, когда рожал свои первые дизайны.
В блоке "Опрос" до сих пор живут БЛОНДИНКИ
Заглавия блоков отцентрованы по-разному: то по всей длине полоски, то только по коричневому месту.

Добавлено через 1 минуту и 51 секунду
А в остальном нормально для такого стиля. 
Мне просто не нравится стиль "все плоское". 

Изюминки говориш нехватает?... Хм... Ну чтож, когда компаниёна увижу мы с ним подумаем над изюминками...



Табки, как много в этом слове... А как их лучше сделать? Просто градентом?



Уберу



Недоглядел   



Я пытался отцентрировать по центру   

Такс... ну чтож, пока буду думать дальше))

Полный   

Tanuha, а можно подробней? Что именно вызывает такие эмоции?

UniBomb, сорри, что лезу в корень, но.... а логотип уже утвержден? 

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

Хорошо хоть другое слово не написано 

А есть идеи?   



Какого???   

smartov посмотрел скрин на CRT мониторе. Оказалось все не так страшно 

UniBomb, ;
Выглядит както старо у меня почемуто возникает ассоциация с сайтами на народе.

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

Это сообщение отредактировал(а) krundetz - 6.10.2008, 11:52

krundetz, В процессе))) Правда не совсем новый дизайн, а переделка старого. Как доделаю - вывешу...

В общем на переделку ушло столько времени, сколько ушло. Все мои попытки "осовременнить" дизайн были крайне неудачные. Поэтому я остановился на этом:

пыщь

Критикуем дальше)))

UniBomb, гораздо лучше   

мне очень приятно такое слышать)))

Стоит ли добавить ещё косых линий (как в шкурке у моего блога)?

Боюсь неверными советами испортить  ИМХО можно оставить как есть

Итак, с полосками это всё выглядит так:

пыщь!

В надежде немного разнообразить получилось вот это:

пыщь!

Правда насчёт последнего - я не уверен в цветах, т.к. подбирал их на почти выжженном ЭЛТ...

полоски: 

второе: ~

bars80080, неужели полоски так убоги??   А вот что насчёт второго непонел...

второе - туда сюда.

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

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

UniBomb, заметно лучше. 
1. Полоски не смотрятся во всяком случае такие какие ты сделал, может какие другие.
2. Радуга тоже не понравилась. По эксперементировать конечно в этом напровление можно но тогда попробуй воспользоваться методиками подбора цветов вроде даже проги есть специальные.
3. Не понятен смысл разделения меню в виде вкладок на две части. во всяком случае я так понимаю что все те пункты которые счас есть будут сквозными на весь сайт. если подразумевается что будут подвкладки тогда возможно стоит оставить так как есть.
4. Хотелось бы увидеть более четкую левую границу у основных контентных блоков но это очень субьективно.