RSS

Архив для 'Графика и дизайн »категории

Навигация метафоры: Визуализация пунктов меню

25 ноября

Здравствуйте, Благодарим Вас за посещение - Я надеюсь, что вы найдете полезную информацию. Оставьте комментарий, но если у вас есть какие-либо комментарии по этому вопросу.

Продолжение "навигация дизайн -. место архитектуры право"

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

Прочитайте остальную часть этого входа »

Nicer подчеркнув

11 марта

Регулярно беспокоит меня довольно уродливые и не большой типографским подчеркнув, что, как правило, найти в Интернете. В частности, меня беспокоит, что подстрочные символы зачеркнуты и весь эффект призвал намного. По этой причине, я подошел к действительности предназначенных для этой цели и общие дней CSS текст-отделка: подчеркнуть; к бойкоту. Я думаю, что это гораздо приятнее, чем подчеркивание команды по осуществлению пограничного вниз.

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

3 варианта для сравнения:

  текст-отделка: подчеркнуть;
 нижней границы: 1px твердых;
 нижней границы: 1px твердых, обивка-вниз: 1px; 

Оформление

Не так хорошо ...

Оформление

Идеальный ... С этой точки зрения, при малых размерах точки, но и прикосновения подстрочные и подчеркивания.

Оформление

Для небольших Schriftgröen любимые игровые площадки ... лучший выбор

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

Типография: внедрение шрифтов на веб-сайтах

17 февраля

После неприятной проблемой ограниченного выбора шрифта на веб-сайты могут быть решены до сих пор не завершено, но по крайней мере, кажется, теперь свет в конце тоннеля, чтобы дать. После того, как Safari 3.1 поддерживает первый браузер для интеграции метода для написания веб-сайты теперь будут следовать примеру Firefox начиная с версии 3.1. Причина достаточно, текущие и будущие возможности интеграции письменно, чтобы пролить свет.

В настоящее время "нестандартные шрифты» (например, генерируются с помощью PHP), в основном в виде изображений или флэш-как вложенными файлами. Эти обходные работать, но оптимизирован для поисковых систем, но не с точки зрения производительности. Чтобы противостоять этому, есть три определения в стиле CSS хороший "@ шрифт лицу". С помощью этой команды можно встраивать шрифты прямо на сайте.

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

  @ Font-грани {
 семейство шрифтов: "Fontin-Regular ';
 SRC: URL ('Fontin-Regular.otf) формата ("OpenType");
 }

 h1 {
 семейство шрифтов: "Fontin-Bold, Грузии, засечек;
 } 

В принципе, TrueType, OpenType, PostScript и OpenType TT шрифты поддерживаются. Однако, в дополнение к относительно низкой поддержки браузера (IE отстает wiedermal) лицензии юридическую сторону не наблюдается. Это может быть не то, на всех крупных шрифтов хранятся на сервере. Поэтому рекомендуется, чтобы права на использование шрифта, используемого на вопрос точно. Таким образом, в настоящее время предлагают особенно шрифты, которые доступны через Открытые лицензии шрифта.

Вывод:
Как только весь вопрос не уделялось должного внимания на время, опять, кажется, какое-то движение пришли к этой теме. С выходом Firefox 3.1 Firefox будет иметь нос слегка опережает Safari, Firefox, потому что будет поддерживать в отличие от лигатуры. Хотя эти два браузера и некоторые детали могут быть улучшены, так что имеет поддержку @ шрифт лицу, но это хороший знак. Кстати, другие производители браузеров будет оказывать давление на и рано или поздно мы надеемся, также поддерживает Internet Explorer.

Ссылки по теме:
W3C определение
По сравнению Safari / Firefox
Typografie.info - Шрифт вложения в веб-страницы

Мозговой штурм, методы творчества

18 января

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

Мечты и окружающей среды

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

Часто это полезно для ноутбуков под руку и выйти из офиса. В солнечный день в парке, легче развивать много идей. Многие из них имеют специальное прибежищ denendu особенно творческим. Будь это солнечный в парке, во время движения или в туалете. Каждый должен решить для себя, как и где он хочет быть творческим. Создавая атмосферу, в которой вы чувствуете себя комфортно является "быть креативным», но гораздо проще.

Видя, сознавая

Идти по жизни с открытыми глазами и знать формы, цвета и узоры восьмая как важно проявлять творческий подход в порядке. Будь доволен себя не только то, что вам нравится что-то или не нравится. Смотрите подсознательного судить о том, я понимаю, что-то вроде этого или нет. В то же время должна быть поставлена ​​под сомнение, что именно нравится. Характеризуется веб-сайт с помощью специальной цветной, красивый типографии, в частности с инновационной концепцией или специальные фотографии?

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

  • Был особый, необычный ракурс выбран?
  • Имеет специальные эффекты (фильтры, градиенты, цветные фильтры) используются?
  • Согласование с остальными фотографиями очень хорошо с веб-сайта?
  • Является ли основной идеей передать особенности творческой?

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

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

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

Творчество методы

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

Мозговая атака

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

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

На втором этапе, идеи более точно проанализировать и отсортировать. Только на этом этапе принимается решение, какие идеи будут рассмотрены и отклонены.

Mind Mapping

С ума Карты графического представления идей. Начиная с основной отраслью является проблемой более и более рассеянным. Каждая «ветвь» является термином, в каждом конкретном случае написано. Разум Карты такой прекрасной отправной точкой для создания сайта.

Совпадение техника

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

Морфологическая матрица

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

На следующем этапе, как много значения ранее определенные характеристики определены.

Например:

Анимация

нет

благоразумно

Интенсивный

Размер

Небоскреб

Полный баннер

Прямоугольник

Формат

GIF / JPG

HTML

Вспышка

Видео / Звук

нет

Видео

Звук

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

Типографским правильный кавычки

9 января

После того, как в последнее время часто аналитики и маркетинга, настало время, чтобы написать еще раз статью о типографии.

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

Немецкие цитаты
В немецком языках похожи на цитаты цифры 99 и 66 В начале кавычки на дно "и в конце кавычки" создана. Как альтернативный вариант, или если котировки, используемые в существующих кавычки простые варианты этой и последующих котировки доступны (').

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

Кавычки в начале:
- Windows: Alt + 0132
- Mac OS: Option +

Восклицательный знак в конце:
- Windows: Alt + 0147
- Mac OS: Option + 2

На веб-сайтов необходимо, чтобы правильно отобразить следующий код:
„Text“

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

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

Следующие сочетания клавиш могут быть сгенерированы символы:

Кавычки в начале:
- Windows: Alt + 0187
- Mac OS: Shift + Alt + Q

Восклицательный знак в конце:
- Windows: Alt + 0171
- Mac OS: Alt + Q

На веб-сайтов необходимо, чтобы правильно отобразить следующий код:
„Text“

Английские цитаты
В других английских текстов используются кавычки. Здесь есть мнемонические 66-99, но как символы показано выше. В начале вы получите этот персонаж ", а в конце следующего". Сочетания клавиш являются:

Кавычки в начале:
- Windows: Alt + 0147
- Mac OS: Option + 2

Восклицательный знак в конце:
- Windows: Alt + 0148
- Mac OS: Alt + Shift + 2

На сайтах, чтобы правильно отобразить следующий код не требуется.
“Text”

Французские кавычки (кайры)
Guillemots называются французские кавычки. В отличие от немецкой версии альтернативного показать пики inthe французской версии от текста. Это дает следующие символы: ""

Сочетания клавиш являются:

Кавычки в начале:
- Windows: Alt + 0171
- Mac OS: Alt + Q

Восклицательный знак в конце:
- Windows: Alt + 0187
- Mac OS: Shift + Alt + Q

На веб-сайтов необходимо, чтобы правильно отобразить следующий код:
«Text »

Эта версия цитатой также используется в других языках, таких как греческий, португальский, арабский и т.д..