НадПроф

АЛЬХААФ — Школа Дизайна

Менеджер — это тот, кто уменьшает неопределенность.


Что такое надпрофессиональное образование? — Это уменьшение лоховости во всем, что не касается непосредственно твоей профессии! Но и профессии тоже.

Буду делать хорошо и не буду лохом!


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


Развитие современного общества и появление новых проблем, сопровождающих это развитие, делает ясным, что в 21-м веке потребуются не только эксперты по некоторым аспектам отдельных стадий сложных процессов (профессионалов в  старом понимании этого термина). Понадобятся специалисты по решению проблем.
Это означает, что истинные междисциплинарные исследования, основанные на теории сложности, будут в цене. А в университетах будут стараться учить не «предметам», а «стилям мышления».


КРЫЛЬЯ НАДПРОФА

        #23
#22  #21 
#20  #19 
#18  #17 
#16  #15
#14  #13 
#12  #11
#10  #9
#8    #7
#6    #5
#4    #3
#2    #1




НАШИ РАССЫЛКИ

В помощь Дзенствующему
Библиотека Лотоса. Эзотерика. Магия. Религия.
Новости Бодхисаттвической Сети



НАШИ ДРУЗЬЯ

ZenRu

Сообщество ZenRu в ЖЖ

Блог Клейна

Газета Пятое Измерение

Лента Новостей БодхиNet

Бодхисаттвическая сеть

Сайт Лотоса

Блог Сеаната

FAB Russia

ЭZО-сеть

Варга — акустические музыкальные инструменты

Сибирские узоры — сайт Игоря Шухова

Блог Романа Мандрика

Prezentation.ru — всё о мультимедийных презентациях

КСАН — Агентство интерактивного маркетинга

Ксан-презентации — разработка мультимедийных презентаций

neq4 — профессиональная разработка мультимедийных виртуальных туров

Литредактор.ру — корректорская правка и литературное редактирование текстов онлайн

Мультстудия «Анимуба»

Рекламное агентство Навигатор — елочные шары с логотипом

Магазинчик HandMade — авторские подарки ручной работы

«Рисоваська»: аська + рисовать

«Моносота» — дома будущего

Международный Фестиваль «User Generated Клип! 3.0»

Московский лицей №1550

ТопСкидка.ру — мобильный путеводитель по лучшим скидкам Москвы

Ремешки № 1 для iPod nano TikTok и LunaTik в России и СНГ

Интернет-магазин Настоящей Еды «И-Мне» — здоровые продукты и полезные обеды с доставкой.



Главная / ШКОЛА НАДПРОФ / АЛЬХААФ — Школа Дизайна  /  Глава 11. Дизайн сайта от и до. ЛИТРЕДАКТОР.РУ

Глава 11. Дизайн сайта от и до. ЛИТРЕДАКТОР.РУ

Четвертая, Пятая, Шестая… версии — доработка деталей

[12.04.06]

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

Глава 11. Дизайн сайта для проекта «ЛИТРЕДАКТОР.РУ»    Глава 11. Дизайн сайта для проекта «ЛИТРЕДАКТОР.РУ»

Шрифт в основных текстах страничек — ArialNarrow. Такой используется в браузерах?

Общая ширина обеих страничек сейчас 1024 пикселя, но ширина «внутренняя» без полей — 760 пикселей на обеих. В главной страничке при переходе на разрешение в 800 — обрежутся красные поля в шапке (ширина серого фона в шапке — 760).

Я только что свежим взглядом посмотрела: может надо перенести слова «Ваш кабинет» в нижний правый угол под кнопку «Вход», там где раньше было «Зарегистрироваться»? Как ты думаешь?


[13.04.06]

Хааф:
Отлично!

    Алена: Шрифт в основных текстах страничек — ArialNarrow. Такой используется в браузерах?
Все Ок. Даже если окажется, что Arial Narrow — не стандартный шрифт, его можно будет без потерь заменить на обычный Arial.
    Алена: Я только что свежим взглядом посмотрела: может надо перенести слова «Ваш кабинет» в нижний правый угол под кнопку «Вход», там где раньше было «Зарегистрироваться»? Как ты думаешь?
Нет, сейчас — правильно. Так нужно было бы сделать, если бы «Ваш кабинет» было кнопкой. А сейчас это заголовок, который должен стоять сверху. А вот «логин» и «пароль» имело бы смысл перенести влево от полей ввода. Но в данном случае думаю это не критично — на твоё усмотрение.

Последние штрихи:
  1. На главной и второстепенной страницах по-разному оформлены заголовки («О проекте» и «Как мы работаем») — нужно выбрать один стиль.

  2. Строчку навигации вверху страниц, над шапкой, лучше удалить, она избыточна. Там где видна она всегда видно также и главное боковое меню. А всё, чего можно не рисовать — нужно не рисовать.

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

  4. В шапке на внутренней странице слоган написан довольно сложным для восприятия без сглаживания шрифтом. Стоит включить ему сглаживание.

  5. Обрати внимание: на больших площадях красного цвета в высылаемых картинках — мусор. Он же виден на контрастных переходах цветов. Такой эффект возникает от слишком сильного сжатия в JPEG.
Почитай вот тут руководство по оптимизации картинок: http://nadprof.ru/school/design/obrisovka.shtml


[14.03.06]

Алена:
Посмотри, пожалуйста, Хааф!

Глава 11. Дизайн сайта для проекта «ЛИТРЕДАКТОР.РУ»    Глава 11. Дизайн сайта для проекта «ЛИТРЕДАКТОР.РУ»


[16.04.06]

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

  2. Непонятно, как во внутренней странице выровнено по вертикали левое меню. По началу текста? Зачем тогда такое большое расстояние между ним и баннером сверху? Тот же вопрос про заголовок «Как мы работаем». Уточни, пожалуйста.

  3. Правильно ли я понял, что пункты меню, а также заголовки внутренних страниц будут выполнены нестандартным шрифтом, т.е. все заголовки придется делать в виде картинок, причем в двух вариантах, т.к. цвет меню — серый, заголовков — синий. Прошу рассмотреть вариант использования стандартного шрифта (Times New Roman, Georgia, Arial, Helvetica, Verdana, Tahoma, Comic Sans MS, тут есть комментарии и примеры начертания http://www.buildwebsite4u.com/building/web-fonts.shtml В качестве шрифта для меню/заголовков, возможно, будет приемлемым сочетание двух разных стандартных шрифтов. Идея простая: чем меньше нестандартных шрифтов, тем лучше.

  4. Arial Narrow, все-таки, нестандартный. Прошу заменить на Arial.

  5. Пункты левого меню, заголовок раздела, заголовок «Новости» и подписи к полям «Логин» и «Пароль» выполнены в разных шрифтах. Предлагаю, выбрать для всего сайта два-три шрифта. Например, меню — одним (т.к. там красивые красные первые буковки), всё остальное — вторым=основным.
Предлагаю более свежие новости ставить выше.

Алена:
Вот. Посмотрите, пожалуйста:

Глава 11. Дизайн сайта для проекта «ЛИТРЕДАКТОР.РУ»    Глава 11. Дизайн сайта для проекта «ЛИТРЕДАКТОР.РУ»

  1. Кнопки теперь подобны
  2. Во внутренней странице левое меню теперь выше за счет перемещения всей странички ближе к шапке. Соответственно, заголовок «Как мы работаем» тоже поднялся чуть вверх.
  3. Пункты меню остались картинками, все остальное выполнено теперь стандартными шрифтами и веб-цветами. Заголовки и слово «Новости» — Times New Roman; все остальное, включая надписи «логин» и «пароль» — Arial.

[17.04.06]

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

Ян:
Привет, Ингарс!
Полностью присоединяюсь к сказанному тобой!
Это красиво!


[18.04.06]

Хааф:
Привет, Алёна!
Всё отлично.
Сейчас в шапке у вас много разных, очень контрастных цветов: красный, почти черный, зеленый, синий, белый. Это может восприниматься аляповато. Поэтому рекомендую немного приглушить насыщенность зелёного цвета и сделать чуть меньше разницу между самой темной и самой светлой точкой красного градиента по краям.

После этого нужно подвинуть кнопку «ОК» вверх, ближе к текстовому полю для ввода e-mail и предлагаю считать главную и второстепенную страницы готовыми.

Ян, если у тебя нет комментариев — можно верстать.

[19.04.06]

Ян:
Комментариев нет. Есть только радость и благодарность!
Мне очень нравится. Спасибо!
Но осталось еще сделать то, о чем Алену просил Паша:
    Паша: На этих страницах встречаются такие элементы, как: — поля ввода текста, — чекбоксы, радио-кнопки, селект-боксы, — поля ввода больших текстов, — кнопки (подтвердить, очистить форму и т.п.), — пояснения к полям формы (типа «дата рождения в формате ДД-ММ-ГГ»), — примечания, сообщения об ошибках, подсказки.
Поскольку все эти элементы на одной странице вместе в макете сайта не встречаются, у меня вопрос: можно ли нарисовать их по отдельности с тем, чтобы в процессе верстки уже вставлять их по мере необходимости?

Паша, не слишком ли велик (мал) этот список? Что такое селект-бокс и радио-кнопка?

Хааф:
Сами элементы рисовать не нужно, они стандартные. Нужно их грамотно разместить в форме на странице. Алёна, вводное письмо по этой задаче я напишу завтра. В качестве примера возьмем форму регистрации и/или оформления заказа.

Паша:
Селект-бокс — это поле выбора одного или нескольких из многих в виде выпадающего меню. Например тут: http://win.mail.ru/cgi-bin/signup при входе в систему с помощью селект-бокса выбирается, на каком домене находится почтовый ящик.

Радио-кнопка — тоже поле выбора одного из многих, но, в отличии от селект-бокса, все варианты видны на странице. Пример — выбор пола на той же странице http://win.mail.ru/cgi-bin/signup

Поддерживаю предложение Хаафа о рисовании регистрационной формы или формы заказа в качестве образцовой страницы с формами. По её образцу можно будет делать остальные.

Алена:
    Хааф: сейчас в шапке у вас много разных, очень контрастных цветов
Посмотри, пожалуйста, Хааф:

Глава 11. Дизайн сайта для проекта «ЛИТРЕДАКТОР.РУ»

Правильно?






Материалы по теме:

Проект «Канал ПОГОВОРИМ О ЯПОНИИ»
Проект «Клипы на песни Богушевской делаем сами!»
Проект «Worldspeaks»
Проект «Обучающие скринсейверы»





Технопарк Среды

DOBR_CONSULTING - Новый проект для Малого бизнеса

Китайский Проводник

проект СельхозЕва

Интернет-Магазин Настоящей Еды И-МНЕ

Comindwork: эмоменеджмент + человеческая схема оплаты

Международный Фестиваль <User Generated Клип! 3.0>

Проект Инди-Инди. Инди — это такой способ жить. Когда делаешь только то, что ценно — без каких-то компромиссов.

Arty Talk или Рисоваська - "Аська" в которой рисуют

НадПроф-TV — это не сервис, это эфир!

Проект 108 актуальных репортажей из Индии

Зимний Летний проектный лагерь проекта НадПроф - НадПрофессиональное образование и Школы по Второй логике - Индия-2008. Погружение

Только Для Девочек

HandMade shop

Проект БАСОМАНИЯ и сообщество bassomania

Japan Channel

Маха-ТВ

Готовь мультимедийные сани летом!

Интернет-лаборатория «Ксан»: создание мультимедийных презентаций, изготоволение электронных визитных карточек (CD-визиток)

Корректорская правка и литературное редактирование текстов on-line

Проект "neq4: мультимедийные виртуальные туры"

Компания УМА — создание интернет-магазинов

Корпоративные мультимедийные открытки

KSANCARDS.RU CD визитки, CD cards, электронные визитные карточки

Издание бумажной «Виртуальной книги НадПроф»

Сад зацелованных фруктов

Инновационные рекламные конструкции EasyShow

Школа поинга Poister.ru - учимся крутить пои вместе!

АЛЬХААФ — Школа Дизайна

Эпохальный альбом Песни Пуха

Акция! ТАНЦУЕМ НА УЛИЦАХ ГОРОДОВ МИРА!

Интернет-магазин ZenRu

Семинары по Второй Логике

Мультимедийные презентации

English party
© 2003-2006 НадПроф info@nadprof.ru
Rambler's Top100 Рейтинг@Mail.ru