Форум Flasher.ru
Ближайшие курсы в Школе RealTime
Список интенсивных курсов: [см.]  
  
Специальные предложения: [см.]  
  
 
Блоги Правила Справка Пользователи Календарь Поиск рулит! Сообщения за день Все разделы прочитаны
 

Вернуться   Форум Flasher.ru > Архив Flasher.ru > Дизайн > Стили

Версия для печати  Отправить по электронной почте    « Предыдущая тема | Следующая тема »  
Опции темы Опции просмотра
 
Создать новую тему  
Старый 13.08.2004, 02:09
C2Plus вне форума Посмотреть профиль Отправить личное сообщение для C2Plus Посетить домашнюю страницу C2Plus Найти все сообщения от C2Plus
  № 1  
C2Plus
  акула
 
Аватар для C2Plus

Регистрация: Mar 1999
Адрес: не проживает.
Сообщений: 2,077
Отправить сообщение для C2Plus с помощью ICQ
По умолчанию делаем кнопку в стиле aqua (ОСЗ №5)

Нам понадобится фотошоп любой версии.

Шутка.

Вопреки сложившемуся мнению, aqua не является стилем.
Aqua является техникой, причем техникой заливки (такой вот
невольный каламбур), которая требует подведения стилевой
основы, причем, она может быть практически любой.

Нельзя с уверенностью сказать, что aqua является
изобретением apple, но также невозможно отрицать и тот
факт, что своей популярностью стеклянные пиктограммы и
кнопки обязаны оригинальному и незажатому оформлению
MacOS.


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

Характерными чертами получаемых изображений могут
считаться:

* трехмерность элементов

*простая, мягкая форма (это в большой степени
стереотип)

* сильная прозрачность 60-70%

* игра света на ближней и дальней поверхностях

* блик на ближней поверхности

* слабонасыщенные цвета, чаще холодного спектра

* высокая освещенность

* верх и низ как правило, светлее середины.


в чистом виде аква не встречается, она служит скорее
изюминкой, носит воздух (или, точнее, воду ) в
информационное пространство сайта.

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

боязнь большого пространства.

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

Как и любая другая техника,
aqua требует уверенного исполнения, но, с другой стороны,
набить руку очень легко. Чтобы не быть скучным и совсем уж
банальным, я ограничусь небольшим набором простых
советов, которые помогут на первых порах:

* элемент аква имеет две идентичные по форме
поверхности, поэтому, начать стоит именно с формы.

* форма создается с учетом общих стилевых
ограничений.

*Если стиль не накладывает ограничения на края и
стороны, скругляйте их.

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

*Для большой — четыре (светлая, темная, светлая,
блик).

* Более темный цвет — более насыщенный

* нижний (по уровню слоя) градиент непрозрачен и
более контрастен, чем верхний.

*верхний имеет переменную прозрачность — чем темнее,
тем прозрачней, экспериментируйте.

*Контур формы следует дополнительно подчеркнуть,
затемнить. С этим может хорошо справиться inner
glow. это завершающий штрих.


область применения

Благодаря игре света на мягкой поверхности, аква элементы
легко привлекают и удерживают внимание пользователя.
Данный эффект усиливается за счет контраста с окружением -
как правило, это ровный, светлый фон иногда разбавляемый
горизонтальными или наклонными штрихами едва темнее
фона толщиной от 1 до 3-5 пикселей.

Реже встречаются аква элементы большой площади, которые
сами выступают в роли фона для других элементов,
выполненных в другой технике.
Такие поверхности не столь контрастны, как их маленькие
аналоги, ввиду объективных причин. Они просто вносят "яркое
пятно" в композицию.

Также, изредка, можно встретить буллиты (маркеры списков,
например), выполненные в этой технике, но они имеют свой
характер, и далеко не везде подходят.

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


Каким образом происходит объединение со стилем?

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

Если он светлый.
Все шансы сделать самую что ни на есть классическую акву.
Достаточно добавить клавиши навигации верхнего уровня, и
иконки к разделам.
элементы могут парить (или, если угодно, плавать) —
добавляется легкая тень, или могут быть утоплены в фон —
добавляется дополнительный контур, легкая деформация
фона вглубь или наружу.

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

Выбранный стиль сильнее всего влияет на форму
создаваемых элементов и их цвет (на свет влияет только
общий уровень освещенности и яркость фона), поскольку они
являются элементами стиля и к технике аква отношение
имеют весьма условное.


вместо заключения

Аква — красивая, практически беспроигрышная техника, с
большим потенциалом и диапазоном применимости.

Конечно, в небольшой заметке не описать весь арсенал
дизайнера входящий в комплект данной техники, особенно
если учесть, что мне известна лишь небольшая его часть.
__________________
[околостильные заметки: 1, 2, 3, 4, 5]
[битвы титаников:пиксельная (весело)]

Старый 17.08.2004, 02:07
Nox Noctis вне форума Посмотреть профиль Отправить личное сообщение для Nox Noctis Посетить домашнюю страницу Nox Noctis Найти все сообщения от Nox Noctis
  № 2  
Nox Noctis
don't panic!
 
Аватар для Nox Noctis

Регистрация: Aug 2001
Сообщений: 4,121
ух та :) я вот не знал что ЭТО как-то называется :))

но ассоциации с мак-дизайном очень сильные для любого кто хоть раз виде эти интерфейсы. так что... аккуратно надо :)

Старый 21.08.2004, 13:17
paravozzz вне форума Посмотреть профиль Отправить личное сообщение для paravozzz Найти все сообщения от paravozzz
  № 3  
paravozzz
 
Аватар для paravozzz

Регистрация: Oct 2002
Адрес: Ярославль
Сообщений: 786
Отправить сообщение для paravozzz с помощью ICQ
да мак это интересно , но повторять мак гдето кроме маков нельзя. повторить... неее это бред.
__________________
---

Создать новую тему   Часовой пояс GMT +4, время: 17:05.
Быстрый переход
  « Предыдущая тема | Следующая тема »  
Опции темы
Опции просмотра

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

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


 


Часовой пояс GMT +4, время: 17:05.


Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.