sal Сообщение 06/07/2006 08:42 Копия темы
Хочу сделать памятку для WEB-дизайнера Вот накидал кое-что. Интересны ваши замечания и дополнения.

Несколько «Не» для веб-дизайнера:
1. Количество текста на странице НЕ известно заранее. Это может быть как строчка, так и целый абзац;
2. Два соседних заголовка, как правило, НЕ бывают одной длины;
3. Заголовок НЕ обязан умещаться в одну строчку и состоять всего из нескольких слов;
4. Пользователь НЕ готов долго ждать пока загрузится полностью страница сайта;
5. Разрешение экрана пользователя НЕ обязано совпадать с разрешением вашего экрана;
6. Картинки НЕ обязательно отображаются у пользователя;
7. Размер шрифта НЕ обязан быть одинаковым у каждого пользователя;
8. Браузер НЕ обязан быть распахнут на весь экран;
9. НЕ у всех пользователей 100% зрение, НЕ все различают полный спектр цветов;
10. НЕ забывайте о юзабилити вашего диазйна;
11. сайт – это НЕ картинка в глянцевом журнале;

valero Сообщение 06/07/2006 08:52 Копия темы

Ever Сообщение 06/07/2006 09:43 Копия темы
Неплохо.

Frog Сообщение 06/07/2006 10:01 Копия темы
молодца почти Джеффри Зельдман (это такой борец за стандарты)
в этот список можно добавить Flash НЕ все хотят смотреть flash некоторым нужна просто инфа..

DrFrankenshtein Сообщение 06/07/2006 10:52 Копия темы
11 punkt – prosto ogromnymi bukvami napisat' vezde :)
+1

netrain Сообщение 06/07/2006 13:06 Копия темы
да тольько когда делаешь веб-дизайн нельзя забывать, что в итоге его сверстают и повеят на сайт и им будут пользоваться. да и не все можно так просто сверстать. что-то вообще стандартными средствами не делается, а это снова заморочки для пользователя конечного.
потому это как раз таки для дизайнера.

netrain Сообщение 06/07/2006 13:10 Копия темы
полностью согласен :)
многие об этом забывают

bathellfire Сообщение 06/07/2006 14:24 Копия темы
1) Зависит от блока. Как правило, если это «О нас», то тут явно одной строчной не обойтись, так что надо смотреть, какого типа этот блок.
2) Согласен
3) Согласен
4) Это к верстальшику. Как оптимизирован код и картинки.
5) Поэтому надо делать резину а не под определенную резолюцию.
6) На таких расщитывать не стоит, так как 90% сайтов используют графику для навигации (даже частично). Всем не угодишь.
7) В CSS можно указать размер, тогда будет одинаковым.. Таким образом дизайн не страдает.
8) См. пункт 5.
9) Поэтому надо делать текст цвета, противоположного бэкграунду... Опять-же, делать сайт для дальтоников не имеет смысла, но можно сделать так, что человек с любым зрением сможет прочитать текст. Так-же, размер шрифтов должен быть достаточно большим изначально.
10) Поясни...
11) Согласен полностью, хотя иногда можно черпать идеи для дизайна из журналов.

valero Сообщение 06/07/2006 16:02 Копия темы

buddah Сообщение 06/07/2006 18:22 Копия темы
Включу в FAQ.

Wesp Сообщение 06/07/2006 18:45 Копия темы
12. это НЕ обязательные законы для дизайна.. интересно другое – какие события тебе навеяли такие думы?
Кирсанова и прочих «отцов» читал?..

и самое интересное – приведи пример, к-й соответствует ВСЕМ этим правилам (кроме 12 :)

а правила действительно для верстки в большей степени..

sal Сообщение 07/07/2006 00:56 Копия темы
Крисанова не читал, я не дизайнер!
Хорошо, давайте посмотрим на сайт из вашего портфолио.
e-office.by/
Меняем размер шрифта в два раза, все поплыло! Не предусмотрен такой запас в дизайне, а ситуация банальная. Убираем картинки, на светлом фоне (на мой взгляд это бирюзовый) белые заголовки, нечитабельны (сливаются). Уменьшаем размер браузера, появляется горизонтальная и вертикальная полоса прокрутки, листать вниз, а потом в бок при чтении текста, имхо, не удобно.

Другой пример, когда на странице идут несколько анонсов одинаковой длины дизайн выглядит одним образом, а когда разной другим. Это разве нормальная ситуация? Почему многие дизайнеры делаю тестовую «рыбу» из одного и того же абзаца? Понятное дело, что так проще и красивее, но в жизни то это не всегда так!!!

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

Все это ИМХО.

sal Сообщение 07/07/2006 01:05 Копия темы
«Ему пофиг какой там шрифт у пользователя, его задача сделать красиво»
Так я и подозревал, главное красиво сделать картинку, сайт из которой ну ни как не получается. А пользователи – это вообще досадное недоразумение, без них дизайнеру было бы проще!

«А уж как выкрутиться из этой задачи – проблема версальщика (либо он забьет на это правило, либо сделает текст картинкой»
1. А как сделать картинкой заголовок новости скажем? А! Понял! Это проблема программиста из текста сделать картинку и подсунуть ее(это шутка).
2. При чем тут фотошоп? А думать дизайнер не умеет?
3. Бедняга верстальщик, он то наверное думает, что дизайнер верстальщик и программист это команда!!!

«Как это правило должно на меня повлиять?"
Никак, можете сделать вид что все люди имеют 100% зрение.

«Хотите сказать не стоит набивать сайты графикой?"
Именно.

«взгляните на страничку фригера»
Что такое фригер?

«Памятка все же для веб-мастера, а не для веб-дизайнера ;)"
Не согласен. Это ИМХО.

sal Сообщение 07/07/2006 01:22 Копия темы
4. Ага... Оптимизировал картинку и у дизайнера инфаркт :-)
6. Как не стоит? Вы думаете, что картинки можно только отключить? А если канал прогнулся, сайт сильно загружен? И закачка картинки занимает долгое время (особенно если их много). Что видит пользователь все это время? Я считаю думать об этом надо!
7. Я говорю о случаях, когда дизайнер не делает запас под увеличение шрифта пользователем (например в ФФ комбинацией Ctrl+"+")
9. Я не имел в виду делать вариант для дальтоника, просто учитывать, что пользователь может быть дальтоником, и не использовать вещи явно мешающие ему получить информацию.
10. Сайтом должно быть удобно пользоваться. Так как интерфейс пользователя делает дизайнер он должен об этом помнить.
11. Конечно идеи могут быть из журналов и других источников.

Вообще, мне просто хочется, чтобы дизайнеры помнили о некоторых технических моментах дизайна! Представляли как будет выглядеть их дизайн в различных условиях, делали запас по «прочности» (например оставляли место для больших заголовков).

Самое главное чтобы сайт Планировали, а не Рисовали!

valero Сообщение 07/07/2006 03:24 Копия темы

darts Сообщение 07/07/2006 07:10 Копия темы
RE: Крисанова не читал, я не дизайнер! Конечно «НЕ» дельные, но многие касаются исключительно верстальщика...
Даже если дизайнер предусмотрит все, верстальщик нарежет по-своему... и все поедете... к чертям... =)

> Меняем размер шрифта в два раза, все поплыло!
Опять же... чей трабл? Дизайна или верстки? =)
Не очень хороший IMHO пример...

> Понятное дело, что так проще и красивее, но в жизни то это не всегда так!!!
Эту задачу должен решать как дизайнер, так и верстальщик... как правило дизайнер без разъяснений сдает макет, и без того профу видно, что и как надо куда тянуть... а начинающий, амбициозный верстальщик может даже шедевр запороть, крича во всю глотку что дизайнеры уроды =)

верстальщику говоришь: – здесь не более 300 символов, потому что все блоки на странице должны быть одной высоты (их, предположим 8 и они расставлены в 2 ряда) – это закон для данного продукта... дальше ссылка на «подробное описание»... и он тут же впихивает туда все 600 и говорит – что-то ты криво как-то придумал =/

Разные задачи требуют разного решения...
Я конечно понимаю, иногда, желание заказчика запихнуть в новости картинку 100x166 вместо 100x100... но вам не кажется, что разноплановые картинки даже в самом продуманном дизайне будут выглядеть НЕ совсем аккуратно?
А если на странице 60 статей, и у них у всех разные картинки, и количество текста разной длинны? как тогда быть? Дизайнера винить?

Упорядоченность и разложенность по полочкам – друзья удобного интерфейса...

Wesp Сообщение 07/07/2006 08:19 Копия темы
твои замечания резонные !.. насчет – замечаний по примеру – согласен, я был «зелен», каюсь .. :)

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

а пример я просил привести где ВСЕ 11 ВЫПОЛНЕНЫ! :) – это намного интереснее посмотреть..

sal Сообщение 07/07/2006 09:07 Копия темы
Вы не поняли! Заголовок новости на этапе создания дизайна не известен! Он может быть любым и вставляется уже когда сайт готов и наполняется контентом! Поэтому заранее невозможно его определить! И дизайнер должен в своем творении под него оставить место, как в случае если он будет 10 символов так и в случае если он будет 200 символов!

sal Сообщение 07/07/2006 09:10 Копия темы
Хочу отметить, что труд верстальщика дизайнера и программиста для меня единое целое. Поэтому, позиция «это не моя головная боль» мне не нравиться. Согласен, что бывают случаю разые иногда версталщик ошибается, в другом случае дизайнер. Мне кажется, что для дизайнера неплохо иметь перечисленные советы в голове, а хороший верстальщик и так их знает.

sal Сообщение 07/07/2006 09:13 Копия темы
Где все 11 выполнены. Хммм... Я, если честно, назвать такие не могу :-(

Если интересно, что я сейчас читаю перечислю
1 В.И. Стручников Методы оптимизации
2. Б. Бейзер. Тестирование черного ящика
3. Э. Локхарт Антихакинг в Сети. Трюки.

Кирсанова прочитаю! Вы меня заинтересовали этой книгой!