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

Итак, в данной статье я объясню вам что такое «карточный дизайн», и как он влияет на веб-дизайн в целом.

Читать далее →

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

Читать далее →

От автора: Пока существует веб, всегда время от времени появлялись определенные дизайнерские тенденции. Некоторые из них остались, а остальные постепенно исчезли. Вспомните эпоху Geocities, дизайнов Web 2.0, и настоящее время с популярным сейчас «плоским дизайном».

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

Читать далее →

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

Читать далее →

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

Читать далее →

От автора: креативное манипулирование изображениями, от разбиения на слои до создания спецэффектов, может добавить веб-проектам глубины.

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

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

Читать далее →

От автора: в последние несколько лет произошел огромный сдвиг в методах создания вебсайтов. Все больше пользователей переходят на мобильные платформы и более новые браузеры, поддерживающие веб-стандарты HTML5/CSS3. У сообщества дизайнеров появляются уникальные идеи – похоже, границы меняются каждые несколько месяцев!

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

Читать далее →

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

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

При правильном применении эффект может оказаться ошеломляющим – при этом создавая отличное место для текста или привлекая внимание к определенной части изображения.

Однако при использовании прозрачности дизайнеру следует быть осторожным. Эффект может оказаться сложным для восприятия, и проблема здесь – читаемость текста. Кроме того, прозрачные блоки и текст на неправильных уровнях могут отвлекать от общей идеи.

Далее следует набор «да» и «нет» – своеобразных «за» и «против» – с примерами сайтов, где великолепно применяется прозрачность.

Читать далее →

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

От автора: мы используем Adobe Photoshop в этом учебнике для создания «лощеного» веб-интерфейса, который можно применить ко многим вебсайтам мобильных приложений. Мы опишем массу приемов, включая формы, текстуры, маски, собственные пользовательские иконки, типографскую разметку текста и еще многое из того, что можно легко адаптировать и применить к своим собственным вебсайтам.

Читать далее →

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

Читать далее →