Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
foobar2000:tagz:tutorial:design_intro [2006/05/18 16:42] Mishail |
foobar2000:tagz:tutorial:design_intro [2006/06/06 12:28] (текущий) |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
====== Создание дизайна для Columns UI ====== | ====== Создание дизайна для Columns UI ====== | ||
- | Обычно мы не разделяем понятия скрипта и дизайна. Но на самом деле дизайн это целый набор скриптов выполняющих различные операции и частично взаимодействующих между собой. Создание завершенного дизайна для Columns UI это сложная задача. Поэтому мы разобьем процесс его создания на несколько стадий, начиная с очень простоq структуры (layout), затем будем добавлять больше и больше различных кусочков, до тех пор пока не получим завершенный и полность работающий дизайн. После это мы всесторонне рассмотрим различия в процессе создания дизайна между версиями 0.9 и 0.8.3, т.к., хотя версия 0.9 и является последней и единственной поддерживаемой версией, 0.8.3 все еще весьма популярен, и для этого есть ряд разумных причин. | + | Обычно мы не разделяем понятия скрипта и дизайна. Но на самом деле дизайн это целый набор скриптов выполняющих различные операции и частично взаимодействующих между собой. Создание завершенного дизайна для Columns UI это сложная задача. Поэтому мы разобьем процесс его создания на несколько стадий, начиная с очень простоq структуры (layout), затем будем добавлять больше и больше различных кусочков, до тех пор пока не получим завершенный и полность работающий дизайн. После это мы всесторонне рассмотрим различия в процессах создания дизайна для версий 0.9 и 0.8.3, т.к., хотя версия 0.9 и является последней и единственной поддерживаемой, 0.8.3 все еще весьма популярна, и для этого есть ряд объективных причин. |
===== Взгляд на конечный результат ===== | ===== Взгляд на конечный результат ===== | ||
Строка 7: | Строка 7: | ||
Я уверен, перед тем как провести несколько часов, или даже дней, над созданием скрипта, Вы очень хотите взглянуть на результат, который у нас получится. Хорошо. Вот скриншот законченного дизайна, который назван //Dark Connections//: | Я уверен, перед тем как провести несколько часов, или даже дней, над созданием скрипта, Вы очень хотите взглянуть на результат, который у нас получится. Хорошо. Вот скриншот законченного дизайна, который назван //Dark Connections//: | ||
- | {{:foobar2000:tagz:tutorial:dark_connections_fb2k.png?250x183|Нажмите для увеличения}} | + | {{dark_connections_fb2k.png?250x183|Нажмите для увеличения}} |
На его создание меня вдохновили красно-черный стиль оформления и обои рабочего стола, которые я установил два-три года назад. Взгляните на скриншот всего рабочего стола с запущенным Foobar2000 | На его создание меня вдохновили красно-черный стиль оформления и обои рабочего стола, которые я установил два-три года назад. Взгляните на скриншот всего рабочего стола с запущенным Foobar2000 | ||
- | {{:foobar2000:tagz:tutorial:dark_connections_desktop.jpg?350x263|Нажмите для увеличения}} | + | {{dark_connections_desktop.jpg?350x263|Нажмите для увеличения}} |
Я просто обожаю его. :-) Стиль оформления который я использую это [[http://www.lightstar1.com/download.php?view.70|Tribute2 by LightStar]]. Обоина называется //Remote Retriever//, но, к сожалению, я совершенно не помню где я ее взял. Поэтому я буду очень рад любой [[http://tagz.brother-john.net/contact.html|информации]] о ней. И, пожалуйста, не просите меня дать вам это файл, я не хочу его распространять без разрешения автора. | Я просто обожаю его. :-) Стиль оформления который я использую это [[http://www.lightstar1.com/download.php?view.70|Tribute2 by LightStar]]. Обоина называется //Remote Retriever//, но, к сожалению, я совершенно не помню где я ее взял. Поэтому я буду очень рад любой [[http://tagz.brother-john.net/contact.html|информации]] о ней. И, пожалуйста, не просите меня дать вам это файл, я не хочу его распространять без разрешения автора. | ||
Строка 21: | Строка 21: | ||
Итак, вкратце то, что мы собираемся делать. | Итак, вкратце то, что мы собираемся делать. | ||
- | * Определим набор колонок и используем Tagz для того чтобы заполнить их текстом. | + | * Определим набор столбцов и используем Tagz для того чтобы заполнить их текстом. |
* Определим цветовую схему, и реализуем ее с помощью Tagz. | * Определим цветовую схему, и реализуем ее с помощью Tagz. | ||
* Добавим несколько стильных штучек, к примеру анимированный индикатор проигрывания. | * Добавим несколько стильных штучек, к примеру анимированный индикатор проигрывания. | ||
Строка 29: | Строка 29: | ||
~~DISCUSSION~~ | ~~DISCUSSION~~ | ||
- |