НадПроф

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

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


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

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


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


Развитие современного общества и появление новых проблем, сопровождающих это развитие, делает ясным, что в 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. Дизайн сайта от и до. ЛИТРЕДАКТОР.РУ

Мониторы с разными возможностями. Цветность и разрешение

[16.03.06]

Алена:
Есть ли определенные правила, чтобы создаваемая страничка хорошо смотрелась на мониторах с 256-ю цветовой палитрой? Нужно использовать определенные цвета? Я заметила, что на ж/к мониторах изображение значительно отличается (не в лучшую сторону) от обычного. Сейчас многие переходят на ж/к мониторы. У меня есть возможность делать на обоих сразу. На каком ты посоветуешь?


[17.03.06]

Хааф:
На данный момент это требование избыточно. Открыв вот эту страницу: http://globalstats.hotlog.ru, ты увидишь, что всего 1% устройств в рунете используют 256-цветный режим. Оптимизировать сайт под него нужно только, если ты делаешь его для владельцев какого-то специфического оборудования (например, для пользователей, заходящих на твой сайт с КПК или мобильных телефонов).

Для этого нужно:

  1. В Сolor Picker'е (окно выбора цвета) в Фотошопе внизу включить галку Only Web Colors, при этом палитра будет ограничена только стандартным набором цветов 256-цветного режима.

  2. При сохранении картинок (функция File\Save for Web, Ctrl+Alt+Shift+S) использовать формат GIF и палитру Restrictive (Web). если ты сохраняешь фотографию, помогут также настройки дизеринга (алгоритм имитации большего количества цветов, чем есть на самом деле) - Diffusion.
В данном случае рекомендую остановиться на 16-битном цвете, т.е. 65536 цветах.
    Алена: Я заметила, что на ж/к мониторах изображение значительно отличается (не в лучшую сторону) от обычного. Сейчас многие переходят на ж/к мониторы. У меня есть возможность делать на обоих сразу. На каком ты посоветуешь?
Делай на обычном ЭЛТ-мониторе. ЖК-мониторы очень сильно отличаются по своим характеристикам даже между собой. Общее правило для ЖК-мониторов - у них более сильный контраст, поэтому в самых светлых и самых темных тонах изображение может теряться (например, светло серый на белом будет не виден вообще). Это можно просто учитывать.

Алена:
Спасибо.
Я поменяла ж/к монитор на обычный - цвета стали ярче. Есть ли еще общие правила для цветов, кроме "светло-серый на белом", которые мне надо учитывать? Хотела тебя спросить еще про дизайн сайта "Клипы на песни Богушевской делаем сами". Там у одной странички размер 800Х672, а у другой - 1191Х900. Про первую я поняла: она будет хороша для самых популярных разрешений. А про вторую ... . Подскажи, пожалуйста, как обойти появление горизонтального колеса прокрутки в этом случае. Дизайн действительно очень хорош!


[20.03.06]

Хааф:
    Алена: Я поменяла ж/к монитор на обычный - цвета стали ярче. Есть ли еще общие правила для цветов, кроме "светло-серый на белом", которые мне надо учитывать?
Этого достаточно.

    Алена: Хотела тебя спросить еще про дизайн сайта…
На той же странице: http://globalstats.hotlog.ru ты увидишь статистику по разрешениям экрана. Из этой статистики видно, что разрешение 800x600 всё ещё составляет значительную долю - примерно 22-26% (статистика считается за один день, поэтому может колебаться). Следующее же разрешение - 640х480 составляет меньше 1%. т.е. твой сайт должен укладываться в 800х600 чтобы максимально охватить аудиторию.

Далее, 800х600 - это размер экрана. Размер рабочей области меньше. За счет рамок и заголовка окна, скроллера, тулбара Internet Explorer'а и стартовой панели Windows. в среднем размер рабочей области броузера в режиме 800х600 составляет 780х440 пикселей.

Алена:
    Хааф: Твой сайт не должен быть шире 780 пикселей. либо, если ты делаешь "резиновую" верстку он должен ужиматься до такой ширины без препятствий.
У нас обе странички шириной 1024, но мною предполагалась, как ты ее называешь, "резиновая" верстка. Со второй страничкой все мне ясно: надо задать ширину таблицы 100% (там нет графических элементов больше 800 пикселей), тогда она будет сжиматься, так? С главной страницей я планировала красные "хвостики" по бокам шапки прописать фоном в два крайних столбца таблицы (в среднем столбце - шапка - она по ширине 760 пикселей). Таким образом, получается, что картинка растягивается-сжимается в соответствии с заданием в пределах от 800 до 1024 пикселей по ширине. НО! Так как "хвостики" имеют не однородный рисунок, то при разрешении 1280 (и каком-нибудь другом большем 1024) картинка получается не очень красивой, потому что крайние столбцы начинают заполняться заданными квадратиками. В связи с этим вопрос: можно ли фоновую картинку "прикрепить" к столбцу, чтобы она растягивалась вместе с ним? Или как ограничить расширение таблицы 1024-мя пикселями? Или еще каким-то образом решить задачу?


[4.04.06]

Хааф:
    Алена: В связи с этим вопрос: можно ли фоновую картинку "прикрепить" к столбцу, чтобы она растягивалась вместе с ним? Или как ограничить расширение таблицы 1024-мя пикселами? Или еще каким-то образом решить задачу?
Варианты:
  1. Вставить картинку не фоном, а тэгом img и прописать ей width=100% при этом она будет растягиваться на всю ширину ячейки, в которой она лежит.

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

  3. Можно покопаться в справочнике по CSS и найти дополнительные настройки фоновой картинки, возможные при использовании стилей.
    Алена: Мне надо переделать все заново с размером 770?
Нет, достаточно просто сделать поуже текстовые поля и подобрать расстояния между ними. Самый удобный способ:
  1. Нажми F8 - откроется панелька Info
  2. Выбери инструмент Rectangular Marquee Tool (нажми M)
  3. Проведи этим инструментом с зажатой кнопкой мыши - так появится и будет растягиваться область выделения.
  4. На панельке Info будет отображаться текущая ширина выделенной области - справа внизу, обозначена буквой W. Если она отображается не в пикселях - слева от нее, рядом с X и Y есть крестик со стрелочкой - нажми его и выбери пиксели в качестве единиц измерения.
  5. Отпусти кнопку мыши как только твое выделение будет 770 пикселей по ширине.
  6. Схвати выделенную область мышкой и подтащи примерно по центру твоего макета.
  7. Если слева и сверху рабочего окна нет линеек - включи их, нажав Ctrl-R.
  8. Схвати мышкой за левую линейку и вытащи с нее guide - направляющую. Подтащи направляющую к левой границе выделения - она к ней прилипнет - и отпусти.
  9. Повтори то же самое для правой границы выделения.
  10. Выделение можно убрать - Ctrl-D.
  11. Теперь на твоем макете есть две направляющие линии, точно по ширине 770 пикселей. все что нужно дальше сделать - это разместить весь макет между ними. их можно временно скрывать и показывать с помощью Ctrl-;






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

Проект «Канал ПОГОВОРИМ О ЯПОНИИ»
Проект «Клипы на песни Богушевской делаем сами!»
Проект «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