Как обойтись без кириллических шрифтов при разработке дизайна?

27
24.09.08 в рубрике Шрифты

С проблемой нехватки качественных кириллических шрифтов встречался каждый, кто хоть раз пытался нарисовать логотип или флаер. Порой бывает очень досадно, когда видишь, насколько красиво выглядят буковки в каком-то шрифте, а использовать их не можешь. Видишь ли, в иностранных алфавитах отсутствует буква «ш» и любимую МаШеньку не получится порадовать креативной открыткой.

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

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

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

В зависимости от конкретного случая, текст переводится в растр или корректируется в векторе. Это не принципиально важно.

А теперь несколько подсказок о том, как же получить недостающие буквы:

Если букву «R» отразить слева направо, получим нашу славянскую «Я»

Буква «V» в перевернутом виде наша «Л»

Букву «Ш» можно получить путем переворота латинской «Е» или совместив две «U», в зависимости от шрифта. Или еще один вариант – это такое вот математическое сложение «Ш» = «L»+ «L»+ «I». Как получить «Щ», думаю, объяснять не стоит.

Буква «И» — это повернутая «N» или перевернутая «U», опять же, в зависимости от шрифта.

Буква «Ю» создается совмещением разных букв, к примеру, перевернутая «Т»+«О». Или, в некоторых случаях, очень красиво и оригинально вместо «О» использовать «Q». Вместо «Т» можно использовать любую другую букву, предварительно удалив ненужную часть. К примеру, «Н».

Думаю, технология совсем не сложная и всем понятная. Экспериментируйте, фантазируйте, совмещайте и помните: из любой ситуации есть, как минимум, два выхода.
Ну, и конечно, не забывайте комментировать ;)

Постовой

SMO.me проводит такую же акцию, как и я. Присоединяйтесь.

И еще один весьма интересный и необычный (лично для меня) блог, думаю, понравится и вам ;)

Popularity: 1%

Принял эстафету «люблю/ненавижу»

15
22.09.08 в рубрике Конкурсы и Акции

Вчера Настя Манно опубликовала у себя заметку о том, что она любит и чего нет. А потом передала эстафету мне. Затейницей данной эстафеты является Kisuhvostik.

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

Что же, пожалуй, начну :)

Люблю музыку. Наверное, ничто в жизни не повлияло на формирование моей личности, как этот вид искусства. Я уже выделил трех человек, которые повлияли на то, что я стал дизайнером. Святая троица из музыкального мира – это Ария (в большей степени творчество Маргариты Пушкиной), Rammstein и, наверное, Metallica. Но сейчас музыкальные предпочтения во многом изменились, но не радикально.

Самое яркое открытие за последние годы – это группа Слот. После их концерта в Киеве я ходил «заряженным» месяца два. А, еще Rage и Пилот. На разных этапах моей жизни они тоже оставили свой весомый вклад в мое развитие. Особо приятно, что оба эти коллектива посетили мой город в этом году. А из-за песни «Большой Питерский Блюз» я давно, пускай заочно, влюбился в Культурную Столицу России. Настя, жди в гости ;)

О музыке я могу говорить очень долго, но все же хватит…

Люблю книги. Сейчас для меня редкое удовольствие почитать настоящую книгу. Как правило, читаю электронные версии. Но бумажный вариант – это нечто. Я люблю покупать книги, хоть и не успеваю их читать. У меня большая библиотека и это моя гордость :) Впрочем, как и фонотека. Все, о музыке больше ни слова, честно!

Любимый писатель – Стивен Кинг.

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

Могу часами гулять под проливным дождем. Только нормальный если, а не противно моросящий. А если он еще и теплый – вообще сказка!

Люблю сильные личности. Безумно люблю и сильно уважаю людей, которые добились чего-то в этой жизни и заняли свое место под Солнцем, или делают все возможное, чтобы достичь этой цели.

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

Ненавижу стереотипы. Начал именно с этого, в продолжение прошлому абзацу. Меня просто выворачивает, когда люди трубят о том, что без алкоголя не удастся ни одно празднование. Ну почему люди не умеют веселиться без водки? И почему все должны шаблонно одеваться, шаблонно думать, шаблонно жить? Общество, социум, аха. Стадо. А почему нет?

Ненавижу тупых людей, которые считают себя умными. Это особый подвид человечества. Они ничего не знают, их интеллект намного ниже среднего, но они верят, что весьма умны. Разговоры на философские темы и о высоких материях общими фразами меня смешат и бесят одновременно. Помните фильм «Форест Гамп»? У этого человека врожденный порок, но он сумел это понять и приспособиться к жизни. Он глуп? Извольте, друзья. Этот человек достоин восхищения. А деградирующие особи, которыми кишат наши улицы, подобных чувств не вызывают.

Ненавижу холод. Даже мысли о Новом Годе мало радуют, когда вспоминаешь зиму, ветер и мороз. Жара тоже малоприятное проявление природы, но ее я переношу гораздо легче.

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

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

Эстафету передаю следующим блогам:
«Пишу о том, что думаю» — Виташок, думаю, тебе эта идея понравится ;)

«SMO.me — социализируйся» — недавно убедился, что у этого человека будут очень интересные и эмоциональные ответы

«Вебсовет» — Игорь, тебе вроде никто не передал еще эстафету, или я опоздал?

«Заметки Андроида» — думаю, что и тут нас очень порадуют интересными ответами ;)

«Блог о продвижении сайтов и веб-дизайне» — Миша, та же проблема, я не опоздал?

Popularity: 1%

Акция по обмену ссылками

36
20.09.08 в рубрике Конкурсы и Акции

Оговорюсь сразу, велосипеда я не изобрел. Акция, которую я решил провести на своем блоге, стара как мир.

Заключается она в том, что я готов обмениваться полупостами с другими блогами. Желательно схожей тематики, но это не обязательно. Полупстами я буду обмениваться только с теми блогами, которые могут быть интересны читателям. «Пустышкам» будет отказано.

Хочу отметить, что Ваша ссылка будет размещена не только на моем сайте, а и продублирована еще на одном, с ПР=2 и тИЦ=120. Дело в том, что этот сайт самым наглым образом дублирует мой контент. Указывать его тут не буду, но всем, с кем буду обмениваться постовыми, дам на него ссылку, если заинтересует.

ВНИМАНИЕ! Да, я провожу обмен ссылкам и сейчас, но немного на других условиях, которые вам должны понравиться еще больше!! Подробнее о новых правилах акции читайте тут

Всех желающих принять участие в акции прошу оставлять комментарии или отписываться на почту i_am (нечто) naykris.com

Постовой.

«Продвинем вместе» проводит несколько акций:
1. Обмен постовыми
2. После публикации гостевого поста в блоге Profit Hunter «Интервью как метод продвижения» — объявлена акция о приеме гостевых постов в свой блог.

Popularity: 1%

Google выпустит ОС, которая раздавит Windows

28
18.09.08 в рубрике Мысли

Гугл окончательно раздавит МайкрасофтСовсем недавно руководство компании Microsoft позволяло себе озвучивать заявления, что Google – это безуспешный проект, который изживет себя через пару лет. Билл Гейтс трубил, что «Google – это мыльный пузырь, который вот-вот лопнет».

Интересно, это было сказано для того, чтобы хоть как-то утешить себя или «неудачники монополизации» вправду верили в свой бред? Как бы там ни было, им пришлось прикусить языки, когда оказалось, что на 2008 год Google является самым дорогостоящим брендом, а Microsoft в свою очередь слетел аж на третью позицию. Разделяет гигантов не много, не мало – почти 16 млрд. долларов (стоимость Google – 86,06, а Microsoft – 70,89).

Google, в отличие от Microsoft, — постоянно развивающаяся организация, которая регулярно выпускает превосходные продукты. Вот и недавно был выпущен Google Chrome, который уже успел наделать много шуму в Сети и сильно пошатнул шансы на успех IE8.

Следующим шагом, который, безусловно, «похоронит» Microsoft, будет собственная операционная система от Google. Данная ОС будет схожа с Linux: бесплатное распространение и открытый код, а иначе и быть бы не могло.

Основное отличие – это алгоритм кода, который позволит совместить в себе использование программ для Windows и Linux. Но основной упор будет сделан, как не сложно догадаться, на Интернет. Использование инновационной системы позволит ускорить работоспособность и скорость передачи в несколько раз. Трудно представить, каким именно образом это будет достигнуто, но это не фантастика, что-то похожее уже успели реализовать создатели Торрента.

За счет того, что данная ОС будет совместима с большинством софта, который существует на данный момент, Google избавит себя от нужды разработки необходимого сопутствующего софта. Единственное, что будет проигнорировано, – это софт под Windows Vista. Подобный шаг в очередной раз пошатнет позиции Microsoft, окончательно разрушив возможность монополизации компьютерного обеспечения.

И если события будут развиваться по данному сценарию, то, скорее всего, что Linux и Google объединят усилия при разработке нового продукта. Однозначно, что это не будет новая версия платформы Linux, для достижения необходимого результата Гуглу необходим собственный продукт, что-то вроде Google OS, но и вариант появления Google feat Linux отбрасывать тоже не стоит.

А что Вы думаете на этот счет, сможет ли Google убить Microsoft таким образом окончательно?

Автор всего вышеизложенного: Найкрис Кроули

Popularity: 1%

Меню для Сайта своими руками

58
15.09.08 в рубрике Улучшить Блог

Пришло то время, дорогие друзья, когда я на практике расскажу, как сделать красивое меню для сайта. У меня есть уроки Photoshop, в которых я показывал, как рисуются отдельные кнопки для веб сайтов и целое меню для сайта. Но, нарисовать – это только половина задачи, а нужно еще и уметь сделать из своего рисунка реально работающую кнопку. Да так, чтобы это было максимально удобно для пользователя и максимально выгодно для Вашего сайта.

Радует то, что это почти всегда одно и тоже. Исключение, пожалуй, один случай: когда на сайте выпадающее меню. К примеру, есть кнопка «уроки», наводя на которую, выпадает целый список: «уроки photoshop», «уроки flash», «уроки 3D Max» и т.д. Для пользователя такое меню на сайте очень удобное, но для поисковых систем такая конструкция усложнит и замедлит индексацию.

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

Лучший вариант – это обыкновенная гиперссылка. Но ведь хочется, чтобы меню выглядело красиво, чтобы кнопки менялись при наведении курсора, правильно? И я с Вами согласен. О том, как создать такое меню для сайта, я и собираюсь рассказать. Именно по такой технологии сделаны меню навигации на моем сайте. Один пример в верхнем правом углу, второй внизу, в подвале сайта.

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

Хватит слов, перейдем к делу ;)

На самом деле такое меню для сайта делается очень просто. Тут нет никаких секретов или тайн. Я просто предоставлю Вам готовый код и добавлю к нему свои комментарии, чтобы Вам было проще его отредактировать под свои запросы.

Этот код помещается в каскадную таблицу стилей (CSS). Если Вы еще не в курсе, что это такое, прочитайте книгу «Блочная Верстка» из содержания которой почерпнете массу полезной информации.

Вернемся к меню для сайта и его коду.

  • #nav {
    width: 990px;

    /*ширина всего меню навигации */

    height: 50px;

    /*и, разумеется, его высота*/

    background: url (img/nav.jpg) no-repeat #374f37;

    /*тут мы задаем параметры фона; сразу прописываем путь к картинке, котороая будет служить фоном, после указываем, что эта картинка не повторяется и в конце указываем цвет меню, на случай, если пользователь отключит графику*/

    font-size: 18px;

    /*размер шрифта */

    float:left;

    /*делает так, что наш блок с меню располагается справа; на самом деле меню растягивается на всю длину сайта и нам это вроде не нужно, но этот параметр понадобятся, чтобы не «косячил» макет, чтобы меню «дружило» с остальными блоками */

    }

  • #nav ul {
    margin:4px 0 0 25px;

    /*меняя эти параметры, я «двигаю» кнопки относительно фона */

    list-style:none;

    /*меню создается в виде списка, а команда «none» указывает на то, что у строк этого списка не будет указателе в виде цифр или маркеров; чтобы лучше уяснить, что я имею ввиду, удалите эту строку, когда будете делать свое меню для сайта и увидите, что из этого получится; когда посмотрите – вернете строку на место*/

    }

  • #nav li {
    display:inline;

    /*чтобы наши кнопки выстраивались в линию, а не столбцом */

    }

  • #nav a {
    float:left;

    /*указывает, что кнопки должны выстраиваться слева направо */

    display:block;

    /*этот параметр нам нужен, чтобы у нас была не просто ссылка, а ссылка с «каркасом», который и будет создавать иллюзию кнопки */

    width: 98px;

    /*длина этого «каркаса» */

    height: 50px;

    /*и… правильно! */

    background:url («img/key.png») no-repeat;

    /*тут все, как и в случае с фоном для меню; кто не уяснил, пускай вернется чуть выше и повторит */

    text-align : center;

    /*положение текста внутри «каркаса» */

    text-decoration: none;

    /*делаем, чтобы текст был чистый, без всяких подчеркиваний, которые в меню навигации нам не нужны совершенно*/

    padding:10px 2px 10px 0px;

    /*этими циферками можно подправить положение надписи внутри «каркаса», если нас что-то не устраивает: подвинуть, опустить и т.д. */

    color:#FFF;

    /*цвет надписи, когда кнопка не активна */

    }

  • #nav a:hover {
    background-position:0% -50px;

    /*здесь мы указываем, на сколько пикселей нужно поднять фон; подробнее опишу чуть ниже */

    color:#66ff66;

    /*цвет текста, когда на кнопку наведен курсор */

    }

Вот собственно и все, как видите, ничего сложного. Осталось лишь рассказать про параметр «background-position» и зачем он нужен. Вообще, можно обойтись без него, а просто прописать «background» и путь к картинке (или цвет), на которую должен будет меняться фон при наведении курсора. Но в таком случае, если у пользователя слабая скорость Интернета, при наведении курсора будет происходить торможение: сначала фон пропадет вовсе, потом, когда только загрузится новая картинка, он изменится на нужный.

Дабы такого не происходило, нужно нарисовать оба фона на одной картинке: сверху тот, который будет у кнопки в неактивном состоянии, ниже, который появится при наведении курсора. В зависимости от того, какой высоты кнопка, мы и указываем, на сколько пикселей нужно поднять фон.

Чтобы показать меню на сайте, в код страницы нужно добавить такой кусок:

  • <div id="nav">
    <ul>
    <li><a href="#">Главная</a></li>
    <li><a href="#">О Сайте</a></li>
    <li><a href="#">Combats</a></li>
    <li><a href="#">Linux</a></li>
    <li><a href="#">Windows</a></li>
    </ul>
    </div>

Если Вы делаете шаблон для WordPress, то код должен выглядеть так:

  • <div id="nav">
    <ul>
    <li class="<?php echo $highlight; ?>«><a href=»<?php echo get_settings ('home'); ?>"><?php _e ('Home','wp_multiflex'); ?></a></li>
    <?php wp_list_pages ('sort_column=menu_order&depth=1&title_li=' ); ?>
    </ul>
    </div>

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

Popularity: 1%


<<<1192021222324252627283035>>>

© 2007—2012 дизайнер Найкрис Кроули