PDA

Просмотр полной версии : Вэб-диз


Стиль жизни
24-09-2009, 18:47
Выкладывайте полезные проги для диза, статьи, рисунки и т.д. Тема целиком и полностью посвящена вэб-дизу, флуд привествуется!

TreeOne
24-09-2009, 21:08
флуд!

De_mon
24-09-2009, 21:13
+приветствие

Стиль жизни
24-09-2009, 22:08
общение!

MpaK999
24-09-2009, 22:15
ееее http://rockufa.ru/forum/Smileys/rockufa/banan.gif шейк бэби http://rockufa.ru/forum/Smileys/rockufa/disco.gif шейк http://rockufa.ru/forum/Smileys/rockufa/ass.gif

Стиль жизни
25-09-2009, 16:16
Выложите кто-нить кучу картинок высокого качества на белом фоне.

Стиль жизни
25-09-2009, 22:58
понятна) а флэш проигрыватель выложит кто-нибудь?

MpaK999
26-09-2009, 00:24
http://rockufa.ru/forum/Smileys/rockufa/ku.gif

De_mon
26-09-2009, 10:15
Зачем тебе флеш проигрыватель?

CHESTER85
26-09-2009, 10:38
зацените дизайн на моем сайте www.mynewsong.ru

MpaK999
26-09-2009, 11:08
офигенный дизайн, давно я не видел таких качественных и очень ярких работ в области веб-дизайна и юзабилити!

De_mon
26-09-2009, 11:08
Круто круто, базару нет

Четкий
26-09-2009, 11:18
шняга, шапка 60% высоты окна

De_mon
26-09-2009, 11:46
Всё верно, за музыкой нужно тянуться) такой шапкой можно и 100% окна закрыть, прокрутку никто не отменял

Четкий
26-09-2009, 12:00
пользователя нужно уважать. Юзабилити важнее всего.

De_mon
26-09-2009, 12:15
В корне не согласен, всё зависит от проэкта, его сущности и того какую атмосферу хотят заложить создатели. Большая красивая шапка помогает проникнуться содержимым, это же не архив репозитариев Linux , всё что связано с музыкой связано с душой ( не не Linuxоиды не неодушевлённые красноглазые задроты:D) поэтому втыкая с минуту на шапку можно понять что музыка здесь а не на jamendo.com или там sapsonic.ru

Четкий
26-09-2009, 12:40
Нужно заметить, атмосфера на сайте не очень уютная. К такому нестандартному дизайну юзеру придется привыкать. Гигантская шапка и меню посреди экрана сразу врезаются в сознание. Вообще с пропоциями там беда, это касается всей верстки. особенно отступы.

De_mon
26-09-2009, 12:49
Просто шапка это центральный аккорд всего дизайна сайта, посмотрел полюбовался понял о чём сайт и ойда по ссылкам хлопать, разве не это мечта юзера? Дизайн сам по себе, юзабилите само по себе...нестандартно да, но зато ссылки не перегружены разноцветными аплетами под которыми бывает сложно разглядеть текст а главное смысл написанного

Четкий
26-09-2009, 13:04
какими апплетами? что-то не догнал

De_mon
26-09-2009, 13:56
Имелось ввиду подобное :
http://linkme.ufanet.ru/images/08/08...8115127e7a.png

Четкий
26-09-2009, 14:11
Согласен, лишнее "художество"

...до боли знакомая картинка... ) Это мода такая, веб 2.0 называется. Типа моды на цветную одежду в 80-х начале 90-х. Скоро пройдет, чувство стиля появится у людей.

De_mon
26-09-2009, 14:14
Ну как сказаьть , сам по себе WEB 2.0 пропагандирует воздушный дизайн без лишней нагруженности, и очень деже может быть стильным и лаконичным. Как правило характеризуется белым или голубоватым фоном , отсутствием рамок на изображениях, прозрачность и прочее

Четкий
26-09-2009, 14:26
забыл про кислотно-зеленый. все должно быть с градиентом и обязательно отбрасывать тень. А еще лучше если оно какбы объемное... через эффекты фотожопа(((
Отражение снизу кнопки, картинки... гигантомания - все элементы должны быть огромными и заметными.
Скругленные уголки

MpaK999
26-09-2009, 14:53
Четко четкий четкому по чечотке-то!

Четкий
26-09-2009, 15:25
алкота!

MpaK999
26-09-2009, 16:46
all kot-a ? что за нечеткие такие четки вроде у четкого чёта?

Четкий
26-09-2009, 21:20
ту мпак999: че на?

MpaK999
27-09-2009, 02:04
четкости в четких четках!

vane
27-09-2009, 02:20
!!! флуд !!!

приветствуйте

MpaK999
27-09-2009, 02:21
привет привет :) флут флут!

Стиль жизни
27-09-2009, 04:41
ребята, спасибо за коменты, выкладывайте уже софт :)

MpaK999
27-09-2009, 10:46
Ну вот нафига тебе софт выкладывать, если под рукой гугл или отключили за неуплату-то?

А так из софта для начала думаю и книжки по HTML + блокнота хватит :)

Стиль жизни
27-09-2009, 15:06
это я уже изучил) я имею в виду редкие проги, которые просто так в инете не скачаешь, если есть такие..и еще мне фотографии нужны с белым фоном картинки..

Timach
27-09-2009, 15:20
http://image.yandex.ru

Стиль жизни
27-09-2009, 15:46
я там уже скачал то что мог!

De_mon
27-09-2009, 16:17
А зачем качать всё подряд? начал работать с темой, определил направление и устроил поиск

Стиль жизни
27-09-2009, 16:50
невсегда можно понять что имено нужно, а в процессе просмотра картинок может придти вдохновение))

walek
28-09-2009, 10:36
<meta http-equiv="Content-Typ!" content="application/xhtml+xml; charset=win-1251" />

Человек застрял в прошлом.

walek
28-09-2009, 10:47
Центральный аккорд всего сайта контент, размещенный на сайте.
Человеки приходят на сайт за информацией, а не за шапкой. Им почти глубоко похрен какая там у тебя шапка.

А чего на него любоваться?
Шапка абсоютно неинформативна.
25% человеков в России владеет английским языком.
Чо там за хрень MyNewSong? Не понимаю. Моя новая песня.
Чья новая песня?
Сайт какого-то музыканта?
А как его зовут?

О чем ваще сайт?

С такими мыслями и получаем такие сайты с надписями:
«Тут рекалама».
Ссылками
http://www.mynewsong.ru/singl.html

Чо ваще за хрень. Кто автор?
Какой жанр музыки?
Жесть.
У тебя не лучше с четабельностью ссылок в навигации.

Stardust
28-09-2009, 10:47
тут и без view-source все понятно)

HATAXA
28-09-2009, 10:50
четка!!!!:D:D

walek
28-09-2009, 10:53
Это не художество, а вкладки или табы — удобнейшая вещь.
И к web 2.0 не имеет отношение. Первыми закладки применил amazon.com еще в 90-х.

MpaK999
28-09-2009, 11:27
а где тут прошлое? кроме ошибки в слове Type я не вижу тут прошлого

walek
28-09-2009, 11:55
http://vinte.ru/

walek
28-09-2009, 11:56
charset=win-1251

MpaK999
28-09-2009, 12:28
и? что у нас теперь тут стандарты кодировок уже отменили? лучший валидатор браузер, у меня лично во всех 4х браузерах 1251 показывается на ура

MpaK999
28-09-2009, 13:02
срочно в номер!
срочно напишите руководству http://mail.ru что их кодировка устарела! :)

walek
28-09-2009, 13:16
Нет никаких причин использовать устаревшую кодировку.
utf-8 и вперед.
256 символов win-1251 против 100 000 uft-8 символов.
По-моему детский сад даже об этом разговаривать :)

Лучший валидатор — браузер, правда отчасти.
На моем ИЕ7 (установленный для тестирования) постоянно сбивается кодировка при отправке постов, поскольку тут еще более древняя koi8-r.

walek
28-09-2009, 13:19
Меня устаревшие порталы мало интересуют.
Кстати на Яндексе недавно тоже была указана устаревшая кодировка.
Силами Ростислава Чубыкина ее благополучно поменяли :)

MpaK999
28-09-2009, 13:27
нет причин часто и utf-8 использовать-то... при этом wind-1251 не принято еще считать устаревшей :)
с utf и гемора больше со всеми мультибайтовостями...

Blaq
28-09-2009, 13:35
Темный лес. Нет в уфе веба...

walek
28-09-2009, 13:38
+оченьмного стомиллиардов раз

Blaq
28-09-2009, 13:50
тупо конечно голословно так говорить.. жаль что мне особо гордиться нечем пока.. да и я в вебе не профи, но стараюсь делать потихонечку сайты (проектировка UI и дизайн.. вот буквально с минуты на минуту приступаю к очередному).. но все же дам на оценку два моих проекта в рамках "Культпросвета". кодинг не мой. остальная концепция моя

www.pavlovpark.ru
www.euroils.ru

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

walek
28-09-2009, 14:27
Не голословно и не тупо.
Вчера вернулся с 404fest с Самары.
Нам до них ползком раком на корточках))))

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

Отлично!
Мое любимое дело — веб-аудит.
Давай, попробую внести конструктивную критику

1. http://www.pavlovpark.ru/
Лучше вообще обойтись без вводной страницы. Это как мне кажется осталось в 90-х.

Информация на сайте не структурирована по значимости.
В частности как мне кажется, главным на этом сайте после шапки должны быть превью фото номеров. Снизу сразу указаны цены. И все это одной простыней. не нужно их втыкать в отдельные страницы. Каждый клик — дорогой клик!
Новости соответственно убрать либо вниз, либо на отдельную страницу.

По фотографиям. Самое главное на подобных сайтах фотки. Ибо в интернете продается фотография!

По ссылкам «Питание», «Услуги» — выбросить левые блоки.
Он не работает. Указать сразу ниже. Не нужно боятся что страница растянется и придется листать.

Ссылка бронировать как мне кажется должна быть выше.

Бэкграунд цветов новостей можно немного приглушить.
И не самого главного — как добраться, на авто, поезде, самолете и т.д.

2. http://www.euroils.ru/

Тут примерно тоже самое.
Неясно, на какой сайт попал, пока наконец не прочтешь «Оптовая продажа масел»
Почти никого не будут интересовать новости компании.

Blaq
28-09-2009, 15:09
да я это про себя говорил.
блин хотел тоже на 404.. времени не было ((

эта ненужная заглавная страница требование заказчика.. не получилось разубедить.

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

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

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

еще тянут с материалами.. ни цен ничего нет.. сложно пока понять как вйелом должен функционировать ресурс..

walek
28-09-2009, 15:17
Основные проблемы с заказчиком на лицо. :)
Обсудали ее много, да и на фесте тоже.

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

Но общий посыл такой — работать с заказчиками :)

Blaq
28-09-2009, 15:22
ой и не говори.. с упорством заказчика сталкиваюсь часто...
да есь решения этой проблемы... но не всегда действенны они..
просто в россии, а тем более в республике, заказчик считает себя умнее дизайнеров..
учили бы они так делать операции врачей, как учат дизайнеров делать "шедевры"..

кстати самый простой прием убеждения заказчика это "Версия по авторитетному мнению". Это типа "— мы показали проект московским ведущим дизайнерам, и их мнение такое-то" )) 2 раза сработало без особых убеждений ) еще два раза приходилось раскрывать тему.. а три раза не сработало )

walek
28-09-2009, 15:37
Тогда наверное с такими лучше не работать. :)
Есть шанс получить долгоиграющий геморрой.

Blaq
28-09-2009, 15:40
эх ну если б все было так просто )

MpaK999
28-09-2009, 15:47
гык, добро пожаловать в реальный мир :)))

walek
28-09-2009, 16:10
Да, кризис ввел свои коррективы.
Ничего, рост не загорами :)

CHESTER85
29-09-2009, 00:06

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

CHESTER85
29-09-2009, 00:25

Сегодня исправил. Теперь автор и жанр выводится в названии

walek
29-09-2009, 09:27
Вообще пользователь не должен думать.
Если его заставляют думать, скорее всего он нажмет на красный крестик в правом углу страницы.

Я должен понять сразу, о чем сайт. А не лазить на ссылку «О сайте».

walek
29-09-2009, 09:28
Шапка вообще ниочем. Хрень какая-то синяя. Место занимает. Бесполезная оригинальность.

Blaq
29-09-2009, 12:14
ладно ладно. давайте, ребята, представим что у нас супер разрешение экрана и шапка не большая..

Но шапка гавеная всеравно )

1. Отсутствует понятие композиции у автора. Шапка заваливается вправо. Это из-за того что форма авторизации слишком прилеплена к краю. а отступ до логотипа сайта слишком большой

2. Очень криво сделана сама форма авторизации? Зачем там такое большое растояние между полями ввода?

3. И что это вообще за поля? что вводить?

4. Тематика сайта авторская песня. Что ну никак не ассоциируется с виниловым проигрывателем

5. Иконки в левой колонке очень неявные и выглядят как мусор какой-то (иконка "песни" это ваще что изображено?). Одно из решений сделать левый отступ побольше.

кароче фигня ) и ни капли не оригинально и не цепляющие

walek
30-09-2009, 11:26
И еще, кстати, приятно, что все CMS, стремящиеся к экспансии, используют UTF-8. В этом контексте я искренне радуюсь за себя и за прозорливость наших разработчиков ;)
http://webplanet.ru/review/soft/2008...oft_cebit.html

Blaq
30-09-2009, 12:42
Ну каждый дрочит как он хочит )
но плюсы юникода налицо...
+ кроссплатформенность
+ огромное количество символов всех возможных языков!

но увы не на всех аппаратах с которых можно вылезти в инет есть полный набор символов юникода

MpaK999
30-09-2009, 12:49
"экспансии" слово-то какое :))) тут можно за них порадоваться... но задачи нужно решать исходя из нужного инструмента, а не из-за каких-то необъяснимых желаний...

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

MpaK999
30-09-2009, 12:57
ну минусы тоже есть
- не совсем верное отобращение на глифы (оно самое оторажение в шрифтах) у платформ, как пример буква Ёё
- наследие винды, всё же 1251
- старые версии (да, да, вы не поверите, но есть хостеры и еще 3е версии и не надо лохматить бабушку) MySQL попробуйте посортировать там в утф :)))
- размер, все же утф хотя бы 2х байтные коды, уже 2х, а не 1о :)
- кто не знает о BOM тот еще не работал с UTF и веб-сервисами :)
- ну и всякие косяки выскакивающие в языках как php и т.п. по поводу работы с мультибайтовой строкой

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

Bassliner
30-09-2009, 13:02
О! классная тема!
"Обо@#ите", плиз, вот этот сайт...

Blaq
30-09-2009, 13:09
как клон www.yota.ru
мне не понравилась эта аккордеонная флешка с текстом.. мешанина какая-то и ни капли не информативно и даже мешает

http://www.homeserv.ru/UserFiles/map-office(1).jpg
Это обязательно надо перерисовать.
1. Включили бы в дубль-гисе сглаживание. А то вон какие все пиксельное.
2. Облачко кривое и некрасивое. И почему в нем такой невтемный шрифт?

ну так норм сайт. на 4 с минусом

vane
30-09-2009, 13:24
ну, начнем с того, что у вас тут баг http://shop.homeserv.ru/shop/UID_48.html
это просто ужасно помоему :rolleyes::rolleyes:

Bassliner
30-09-2009, 13:29
Спасибо за мнение! :)
Блин, про йоту еще не знали тогда...Фирменный стиль такой вот выбран был

Спасиб, устраним :)

vane
30-09-2009, 13:30
делаю первый сайт на утф. Из плюсов сразу отмеч удобство работы с ajax. ведь данные ajax передаются в утф. теперь можно юзать одни и те же скрипты как для аджакс так и для обычных страничек без всякой перекодировки. А минусы думаю очень точно описал MpaK999

Незнаю правда как эта тема(про кодировки) вообще касается дизайнеров и верстальщиков. :rolleyes:

Blaq
30-09-2009, 13:57
Последнее время приходится верстать. Почему бы сразу не помочь программеру?

Стиль жизни
30-09-2009, 14:57
Тема касается всего, но нетолько обсуждения, но и софта и различных фентифлюшек ..

walek
30-09-2009, 15:49
Веб аудит одного из моих направлений профдеятельности.
Но ты можешь оставаться в прошлом.
Удачи

Преймущества очевидны как божий день.
Дискуссию вести на эту тему не хочется ни коим образом.
Кстати, доля поискового рынка mail.ru по данным LI — 9%.

MpaK999
30-09-2009, 17:15
Да уж... тебе привели + и минусы, а ты всё в новые ворота упираешься, так как по существу ничем аргументировать не можешь за баланс... :))) про поисковый рынок, веб-аудит, сео, шмео :))) и т.п.

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

ну и алаверды, раз ты сослался на LI то вот тебе еще http://www.liveinternet.ru/top/ 1251 кодировочка :))) а маил.ру разумеется не как поиск приводился, а как ГИГАНТ (с уважением и сбольшой буквы профис своего дела)....

walek
30-09-2009, 18:12
Мифы, мифы заполонили головы :)

MpaK999
30-09-2009, 18:23
Отмазки, глупые отмазки... слышу эти нотки в устах твоих... (ц) не шекспир и не пушкин, простой поэт ****южкин

walek
30-09-2009, 20:42
Это не отмазки.
Я не вижу ни одной причины использовать устаревшую кодировку.
Ты еще обоснуй корректность использования тега <font>.
Но ты знаю, сможешь :)

MpaK999
30-09-2009, 21:27
http://rockufa.ru/forum/Smileys/rockufa/pozor.gif

MpaK999
30-09-2009, 21:36
http://rockufa.ru/forum/Smileys/rockufa/pozor.gif Про тебя лично речи не идёт, идёт речь про фразу устаревшая кодировка из твоих уст, как ты посчитал :) а пользоваться или нет... я вижу многие еще и koi8-r пользуются и ничего... Хорошему "танцору" кодировка не мешает :)

А font, ну есть так есть, сам не пользуюсь, так как не вижу причин, мне проще в CSS все выносить, но и устаревшей не считаю, вот как только хтмл перестанет быть частью сгмл (а до этого думаю еще пару лет) тогда уже можно говорить о том что какие-то теги устарели...

Blaq
01-10-2009, 10:24
А я юзаю фонт )) но не по-назначению ))

MpaK999
01-10-2009, 12:30
о, как, извращенец :))))))

walek
01-10-2009, 14:56
HTML 5 наше все :)

Blaq
01-10-2009, 15:01
Дааа.. частично уже применяю.. в частности задаю расширенные типы input )))

walek
01-10-2009, 15:14
Судя по прогнозам Якоба Нильсена IE6 окончательно должен сгинуть в 2012 году, т.е. через 6 лет после появления новой версии.
8-й в этом году выпущен.
В IE 9 обещают запихать поддержку.

Т.о. примерно в 2015 году можно активно использовать HTML 5.
ггггг

MpaK999
01-10-2009, 17:23
:)))) по прогнозам Ванги и исследованиям циклов жизни на Земле всех крупных цивилизаций, в декабре 2012 нам всем пи3дец в 5ый раз....

De_mon
01-10-2009, 17:37
ТО есть из этих расчётов и вышел HTML 5?

walek
01-10-2009, 18:10
Да.
Майи шарили про HTML 5.

Stardust
01-10-2009, 18:19
из чего следует, что IE6 придется учитывать при верстке до конца света))

Kosh
01-10-2009, 18:33
Пофлудим))
Это что за новое изобретение? :eek::D:D

MpaK999
02-10-2009, 12:53
http://tinyurl.com/y8uzgrs

Kosh
02-10-2009, 17:53
Бедный Альфред, он и не знал, что его шарнирами можно регулировать угловую скорость :D...

Равных Угловых Скоростей :D:D

MpaK999
02-10-2009, 22:00
альфред уже мёртв, ему должно быть пофиг :) а нам приятно

vane
11-11-2009, 21:35
вопрос к знатокам Adobe Illustrator
есть ли там панель истории как в фотошопе или ее там нет :confused:

De_mon
11-11-2009, 22:25
Ctrl+Z

vane
13-11-2009, 05:16
да, еще backspace вроде бы.
окошко history там отсутствует :(