Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Хочу мнений, Очередные потуги на тему дизайна 
:(
    Опции темы
bars80080
Дата 29.9.2008, 22:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Цитата(UniBomb @  29.9.2008,  20:58 Найти цитируемый пост)
В любой уважающей себя игре есть установки антиалисинга)) 

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

це проше надо быть, проше. понапридумывали тут, потом без поллитры не разберёшь
PM MAIL WWW   Вверх
smartov
Дата 29.9.2008, 22:33 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259



Цитата(UniBomb @  29.9.2008,  20:58 Найти цитируемый пост)
ммм.. а как в фотошопе сделать антиалисинг?

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

user posted image
PM MAIL   Вверх
UniBomb
Дата 29.9.2008, 22:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок
***
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 1754
Регистрация: 24.10.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 97



smartov, ты будеш смеятся, но я всё рисую в пейнте... Фотошопом пользуюсь только затем, что бы отресайзить картинку... Так как сгладить уже нарисованную картинку?
PM MAIL ICQ Skype   Вверх
Itsys
Дата 30.9.2008, 10:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34



Цитата(UniBomb @  29.9.2008,  22:42 Найти цитируемый пост)
но я всё рисую в пейнте... 

Мда... прошлый век, пора бы переходить на что-нибудь более современное. Я понимаю, когда можно код писать в блокноте, но чтобы дизайнить в паинте - первый раз слышу  smile 
PM MAIL WWW Skype   Вверх
UniBomb
Дата 30.9.2008, 11:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок
***
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 1754
Регистрация: 24.10.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 97



Цитата(Itsys @  30.9.2008,  10:15 Найти цитируемый пост)
Мда... прошлый век

Неа))) 

кодить в блокнтое - показатель профессионализма кодера
убивать ножом - показатель профессионализма киллра (по фильму леон киллер)
дизайнить в пейнте - показатель профессионализма дизайнера (по аналогии)
PM MAIL ICQ Skype   Вверх
Itsys
Дата 30.9.2008, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34



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

Сделать сглаживание после отрисовки можно фильтром, насколько я помню, он так и называется Antialiasing, опятьже в потошопе.... но проще всетаки сразу....
PM MAIL WWW Skype   Вверх
smartov
Дата 30.9.2008, 12:30 (ссылка) |    (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259



Цитата(UniBomb @  29.9.2008,  22:42 Найти цитируемый пост)
ты будеш смеятся, но я всё рисую в пейнте..

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


Цитата(UniBomb @  30.9.2008,  11:29 Найти цитируемый пост)
кодить в блокнтое - показатель профессионализма кодера

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

Цитата(UniBomb @  30.9.2008,  11:29 Найти цитируемый пост)
убивать ножом - показатель профессионализма киллра (по фильму леон киллер)

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

Цитата(UniBomb @  30.9.2008,  11:29 Найти цитируемый пост)
дизайнить в пейнте - .......... (по аналогии) 

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

Это сообщение отредактировал(а) smartov - 30.9.2008, 12:31
PM MAIL   Вверх
UniBomb
Дата 30.9.2008, 16:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок
***
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 1754
Регистрация: 24.10.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 97



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

Итак, учтены по возможности все "фу", добавлен антиалисинг (гы, в пейнте  smile ). В обще вот - пыщь.
PM MAIL ICQ Skype   Вверх
smartov
Дата 30.9.2008, 16:54 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259



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

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

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

Вот результат
user posted image

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

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

Это сообщение отредактировал(а) smartov - 30.9.2008, 16:59
PM MAIL   Вверх
UniBomb
Дата 30.9.2008, 17:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок
***
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 1754
Регистрация: 24.10.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 97



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


Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
убираем мусорные элементы оформления - две полосы под хедером

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

Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
уменьшаем гипертрофированные вкладки и слегка наводим гламур

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

Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
Заполняем мусорное пространсво в хедере - туда как раз пойдет аторизация

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

Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
"Микрофишки" занимают дочерта места для "микро" - влево их

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

Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
Правим Шрифты слева (раньше были мелкие, теперь гипертрофированные - bold не нужен

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

Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
надо чем-то заполнить пустое место рядом с вкладками

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

Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
надписи НЕ НАДО ПИСАТЬ ЗАГЛАВНЫМИ БУКВАМИ: МЫ НЕ БЛОНДИНКИ. Надо сделать нормальными

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

Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
иконки с белыми пикселами в местах сглаживания на темном background выглядят отвратно

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

Цитата(smartov @  30.9.2008,  16:54 Найти цитируемый пост)
я бы скруглил как-нибудь аккуратно уголки блоков

Всё? Или только верхние, или только правые?
PM MAIL ICQ Skype   Вверх
bars80080
Дата 30.9.2008, 18:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



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

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


PM MAIL WWW   Вверх
smartov
Дата 30.9.2008, 18:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259



UniBomb, 

Цитата(UniBomb @  30.9.2008,  17:27 Найти цитируемый пост)
в первой полоске под хидером планировалось выводить меню форума ..... Как это органично вписать без этих полосок я к сожалению не могу придумать... Буду думать дальше.

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

Цитата(UniBomb @  30.9.2008,  17:27 Найти цитируемый пост)
Авторизация опять таки на каждом ресурсе своя, причём имеет разный вид.

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

Цитата(UniBomb @  30.9.2008,  17:27 Найти цитируемый пост)
А если ещё в голову взбредёт влепить "5 последних тем форума" и "10 последних статей на вики"

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

Цитата(UniBomb @  30.9.2008,  17:27 Найти цитируемый пост)
Плюс ещё создаётся впечатление недоделанности из-за пустой правой части.

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

Цитата(UniBomb @  30.9.2008,  17:27 Найти цитируемый пост)
А что в твоём понимание гипертрофированные?

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

Цитата(UniBomb @  30.9.2008,  17:27 Найти цитируемый пост)
Может полосками? для чего - указано выше.

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

Цитата(UniBomb @  30.9.2008,  17:27 Найти цитируемый пост)
Всё? Или только верхние, или только правые? 

По вкусу.

Добавлено через 2 минуты и 48 секунд
bars80080, 
Цитата(bars80080 @  30.9.2008,  18:07 Найти цитируемый пост)
сколько людей, столько мнений.

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

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

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

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

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

PM MAIL   Вверх
UniBomb
Дата 30.9.2008, 18:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок
***
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 1754
Регистрация: 24.10.2006
Где: Санкт-Петербург

Репутация: нет
Всего: 97



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


Цитата(bars80080 @  30.9.2008,  18:07 Найти цитируемый пост)
сколько людей, столько мнений.

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

Цитата(smartov @  30.9.2008,  18:10 Найти цитируемый пост)
Делаешь точно такие же табки, только слева.

а это идея))

Цитата(smartov @  30.9.2008,  18:10 Найти цитируемый пост)
Как авторизация может иметь разный вид если база одна. 

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

Цитата(smartov @  30.9.2008,  18:10 Найти цитируемый пост)
Капец, чего на рисунке не покажешь - того народ не читает. 

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


Цитата(smartov @  30.9.2008,  18:10 Найти цитируемый пост)
Полоски смотрятся гавёно.Как уже написал - я бы предложил табки.

ммм... А может табки заменить на кнопки???
PM MAIL ICQ Skype   Вверх
smartov
Дата 30.9.2008, 18:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


свой собственный
****


Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259



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

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

Добавлено через 1 минуту и 54 секунды
Цитата(UniBomb @  30.9.2008,  18:22 Найти цитируемый пост)
В пустое место и получается ассиметрия занятости пространства сайта

Это нормально. 
Более того - я бы тебе советовал переместить блоки новостей влево, а то что сейчас слева - вправо. Как на digg и habr. Потому-что мы читаем слева-направо. И то, что слева - первостепенно. 
Меню у тебя не первостепенно. Поэтому не должно быть главнее новостей.
А вот на microsoft.com как раз навигация очень важна, поэтому слева.
PM MAIL   Вверх
bars80080
Дата 30.9.2008, 20:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



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

 smile , понятно. у нас ващще разные взгляды на то как должно быть
PM MAIL WWW   Вверх
Страницы: (4) Все 1 [2] 3 4 
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0727 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.